.games-lobby { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1080px; }
.games-lobby__notice { display: none; }
.games-lobby__item { display: block; overflow: hidden; border: 1px solid #dce5e3; border-radius: 6px; background: #fff; color: #100650; text-decoration: none; transition: border-color .2s, transform .2s; }
.games-lobby__item:hover, .games-lobby__item:focus-visible { border-color: #00a978; transform: translateY(-3px); }
.games-lobby__item:focus-visible { outline: 3px solid #00a978; outline-offset: 3px; }
.games-lobby__preview { position: relative; height: 260px; overflow: hidden; background: #f4faf8; }
.games-lobby__preview--bricks { background-color: #f4faf8; background-image: linear-gradient(#dceae6 1px, transparent 1px), linear-gradient(90deg, #dceae6 1px, transparent 1px); background-size: 24px 24px; }
.games-lobby__art { position: absolute; top: 20%; left: 10%; width: 80%; height: 50%; object-fit: contain; }
.games-lobby__ball { position: absolute; bottom: 66px; left: 48%; width: 16px; height: 16px; border-radius: 50%; background: #100650; }
.games-lobby__paddle { position: absolute; bottom: 34px; left: 40%; width: 20%; height: 10px; background: #100650; border-top: 3px solid #00d6ae; }
.games-lobby__preview--bubbles { display: grid; grid-template-columns: repeat(5, 48px); grid-auto-rows: 43px; justify-content: center; align-content: start; gap: 0 2px; padding-top: 28px; background-color: #edf7f3; background-image: linear-gradient(90deg, #e0ece9 1px, transparent 1px); background-size: 32px 32px; }
.games-lobby__bubble { width: 46px; height: 46px; border-radius: 50%; border: 2px solid #10065055; box-shadow: inset -7px -8px 12px #10065022, inset 5px 5px 8px #fff9; }
.games-lobby__bubble--sky { background: #39d9ef; }
.games-lobby__bubble--lime { background: #bdff00; }
.games-lobby__bubble--mint { background: #00d6ae; }
.games-lobby__bubble--blue { background: #100650; }
.games-lobby__details { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px 24px; }
.games-lobby__details h2 { margin: 0; color: #100650; font-size: 23px; font-weight: 800; line-height: 1.2; }
.games-lobby__details p { margin: 7px 0 0; color: #52646a; font-size: 15px; }
.games-lobby__play { display: inline-flex; align-items: center; gap: 9px; flex: none; color: #100650; font-size: 16px; font-weight: 800; }
.games-lobby__play img { width: 20px; height: 20px; }
@media (max-width: 1299px) {
	.games-lobby { display: none; }
	.games-lobby__notice { display: block; max-width: 560px; margin: 24px auto; color: #100650; text-align: center; font-size: 18px; line-height: 1.5; }
}