:root{--bg:#061024;--panel:rgba(8,18,42,.86);--line:rgba(64,209,255,.28);--text:#f2fbff;--cyan:#40d7ff}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(70,159,255,.24),transparent 42%),radial-gradient(circle at 12% 32%,rgba(244,92,255,.14),transparent 28%),#061024;color:var(--text)}
.play-shell{height:100dvh;display:grid;grid-template-rows:auto 1fr;gap:10px;padding:10px}.play-topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),var(--panel);box-shadow:0 18px 48px rgba(0,0,0,.32)}.play-topbar a,.play-topbar strong{color:var(--text);text-decoration:none;font-weight:900}.play-topbar a:first-child{justify-self:start}.play-topbar strong{justify-self:center}.play-topbar a:last-child{justify-self:end}.game-frame{width:100%;height:100%;border:1px solid var(--line);border-radius:24px;background:#030714;box-shadow:0 24px 70px rgba(0,0,0,.45)}@media(max-width:700px){.play-shell{padding:6px;gap:6px}.play-topbar{grid-template-columns:auto 1fr auto;padding:8px 9px;border-radius:14px;font-size:.82rem}.game-frame{border-radius:16px}}@media(max-height:560px) and (max-width:1020px) and (orientation:landscape){.play-shell{grid-template-rows:1fr;padding:0;gap:0}.play-topbar{position:absolute;top:6px;left:6px;right:6px;z-index:5;opacity:.88;transform:scale(.96);transform-origin:top center}.game-frame{border:0;border-radius:0;box-shadow:none}}

/* Hex Golf v16 play wrapper: keep Back/Title/Leaderboards visible without covering game HUD. */
@media(max-height:560px) and (max-width:1020px) and (orientation:landscape){
  .play-shell{
    grid-template-rows:auto minmax(0,1fr);
    padding:4px;
    gap:4px;
  }

  .play-topbar{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    z-index:5;
    opacity:1;
    transform:none;
    transform-origin:center;
    padding:5px 10px;
    border-radius:12px;
    font-size:.76rem;
  }

  .game-frame{
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:none;
  }
}

@media(max-height:430px) and (max-width:900px) and (orientation:landscape){
  .play-shell{
    padding:3px;
    gap:3px;
  }

  .play-topbar{
    padding:4px 8px;
    font-size:.68rem;
    border-radius:10px;
  }
}