.direct-game-panel{margin:22px auto 0;padding:22px;width:min(1450px,100%);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#111526;box-shadow:0 30px 100px rgba(0,0,0,.45)}
.kicker{display:block;color:var(--lime);font-size:9px;font-weight:900;letter-spacing:2px}
.game-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4px 17px}
.game-title-row h1{margin:5px 0 0;font-size:28px;line-height:1.1;letter-spacing:0}
.fullscreen-button{flex:0 0 auto;width:auto;height:38px;border:1px solid var(--lime);border-radius:7px;background:var(--lime);color:#090b12;padding:0 14px;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 0 18px rgba(201,255,54,.08)}
.fullscreen-button:hover{filter:brightness(1.08);box-shadow:0 0 22px rgba(201,255,54,.22)}
.mouse-hint{margin:0 auto 12px;width:min(100%,960px);padding:11px 14px;border:1px solid rgba(201,255,54,.24);border-radius:8px;background:rgba(201,255,54,.07);color:#d8dfc4;font-size:13px;text-align:center}
.mouse-hint kbd{display:inline-block;margin:0 3px;padding:2px 7px;border:1px solid #697184;border-bottom-width:3px;border-radius:5px;background:#191e30;color:white;font:800 12px/1.3 inherit;box-shadow:0 2px 0 rgba(0,0,0,.45)}
.play-layout{margin:0;grid-template-columns:160px minmax(0,960px) 160px;gap:16px}
.play-layout aside{height:600px;align-content:center;gap:8px;border-radius:8px}
.play-layout aside span,.play-layout aside b{display:block}
.play-layout aside b{color:#747c94}
.game{overflow:hidden;width:100%;margin:0;border-radius:10px;background:#050710}
.game iframe{width:100%;height:min(70vh,720px);border-radius:10px}
.classic-game{height:auto;min-height:360px;max-height:720px}
.classic-game #ruffle,.classic-game ruffle-player{display:block;width:100%;height:100%}
.game:fullscreen{width:100vw;height:100vh;max-width:none;border-radius:0;background:#000}
.game:fullscreen iframe{width:100%;height:100%;border-radius:0}
.classic-game:fullscreen #ruffle,.classic-game:fullscreen ruffle-player{width:100%;height:100%}
.game-details{width:min(100%,960px);max-width:none;margin:22px auto 4px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#0c1020}
.game-details h2{margin:7px 0 10px;font-size:28px}
.game-details>p{max-width:850px;margin:0;color:#b7bed1;font-size:16px;line-height:1.7}
.game-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.game-facts>div{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#13182a}
.game-facts dt{display:block;color:#737c94;font-size:9px;font-weight:900;letter-spacing:1.3px}
.game-facts dd{display:block;margin:5px 0 0;color:white;font-size:13px;font-weight:800;text-transform:capitalize}
.game-meta{display:flex;justify-content:space-between;width:min(100%,960px);margin:auto;padding:16px 5px;color:#757c92;font-size:11px}
.similar-games{width:min(100%,960px);max-width:none;margin:22px auto 5px;padding:22px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.similar-games h2{margin:6px 0 15px;font-size:24px;text-transform:uppercase}
.similar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.similar-grid>a{min-width:0}
.similar-grid img{display:block;width:100%;height:140px;border:1px solid var(--line);border-radius:10px;object-fit:cover;transition:transform .25s,border-color .2s}
.similar-grid a:hover img{transform:scale(1.03);border-color:rgba(201,255,54,.5)}
.similar-grid strong{display:block;margin:10px 2px 0;overflow:hidden;color:white;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.similar-grid span{display:block;margin:4px 2px 0;overflow:hidden;color:#737c94;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1200px){
  .play-layout{grid-template-columns:minmax(0,960px)}
  .play-layout aside{display:none}
}
@media(max-width:700px){
  .direct-game-panel{padding:14px;border-radius:12px}
  .game-title-row{align-items:flex-start}
  .game-title-row h1{font-size:24px}
  .fullscreen-button{font-size:8px;padding:0 9px}
  .mouse-hint{font-size:11px}
  .game iframe{height:min(66vh,620px)}
  .classic-game{min-height:280px}
  .game-details{padding:18px}
  .game-details h2{font-size:24px}
  .game-details>p{font-size:15px}
  .game-facts{grid-template-columns:repeat(2,1fr)}
  .game-meta{flex-direction:column;gap:6px}
  .similar-grid{grid-template-columns:repeat(2,1fr)}
}