html,body{margin:0;width:100%;height:100%;background:#07111f;color:#f4fbff;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;overflow:hidden}
.play-shell{height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px;padding:4px;overflow:hidden}
.play-topbar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(10,18,38,.82);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.play-topbar a{color:#64ecff;text-decoration:none;font-weight:900}
.play-topbar strong{font-size:.98rem}
.game-frame{width:100%;height:100%;min-height:0;border:0;border-radius:14px;background:#07111f;box-shadow:0 20px 70px rgba(0,0,0,.32);display:block}
@media(max-width:700px){.play-shell{padding:3px;gap:3px}.play-topbar{min-height:32px;padding:5px 7px;font-size:.72rem}.game-frame{border-radius:12px}}

/* Hex Pulse Pong v10: give mobile the full viewport */
@media(max-width:700px){
  .play-shell{
    grid-template-rows:1fr;
    gap:0;
    padding:0;
  }
  .play-topbar{
    display:none;
  }
  .game-frame{
    border-radius:0;
    box-shadow:none;
  }
}


/* Hex Pulse Pong v11: no-scroll play wrapper */
@media(min-width:701px){
  .play-topbar{
    min-height:32px;
    padding:5px 9px;
    border-radius:12px;
  }
}