body.arcade[data-arcade-game="hub"] { --bg-a:#161411; --bg-b:#22201b; --bg-c:#152721; --ink:#f4f0e6; --muted:#c9c6b8; }
body.arcade[data-arcade-game="hub"] :is(.suite-music-toggle,.suite-listen-manic) { top:max(12px,env(safe-area-inset-top)); bottom:auto; }
body.arcade .shell { border-radius:18px; border-color:#555347; background:#1b1c18; }
body.arcade .shell::after { height:8px; background:conic-gradient(#f4f0e6 25%,#24251f 0 50%,#f4f0e6 0 75%,#24251f 0) 0 0/16px 16px; opacity:1; }
body.arcade .masthead { margin:10px 0 20px; }
body.arcade .masthead h1 { font-family:var(--arc-display); font-size:clamp(2rem,6vw,3.2rem); font-weight:800; letter-spacing:.025em; color:var(--arc-text); background:none; filter:none; margin-bottom:2px; }
.arcade-kicker { color:#b9e0c5; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.arcade-grid-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px; }
.arcade-grid-heading h2 { font-size:1.5rem; }
.arcade-grid-heading p { color:#c9c6b8; font-size:.82rem; }
body.arcade .game-card { background:linear-gradient(#2a2b25,#20211c); border-color:#494b40; border-radius:12px; }
body.arcade .game-card h2 { font-size:1.45rem; }
body.arcade .game-card .play { color:#102719; }
body.arcade .game-card p { color:#d1d0c2; }
body.arcade .changelog { margin-top:20px; }
@media(max-width:600px) {
  body.arcade[data-arcade-game="hub"] { padding:12px 8px; }
  body.arcade .shell { width:100%; padding:14px 12px; }
  body.arcade .masthead { margin:8px 0 14px; padding-top:44px; }
  .arcade-kicker { font-size:.66rem; letter-spacing:.05em; }
  .arcade-grid-heading { display:block; }
  .arcade-grid-heading p { margin-top:3px; }
  body.arcade .game-card h2 { font-size:1.2rem; }
}
/* Compact phone lobby: keep every game reachable immediately. */
@media(max-width:600px) {
  body.arcade .masthead { padding-top:30px; margin:0 0 8px; }
  body.arcade .masthead h1 { font-size:1.6rem; line-height:1.05; margin:0 0 6px; }
  .arcade-kicker { display:none; }
  body.arcade .hero-badge { font-size:.62rem; padding:5px 7px; }
  body.arcade .meta-row { gap:4px; flex-wrap:nowrap; }
  body.arcade .suite-hub-mute { padding:6px 8px; font-size:.65rem; min-width:76px; }
  .arcade-grid-heading { margin-bottom:6px; }
  .arcade-grid-heading h2 { font-size:1.3rem; line-height:1.1; }
  .arcade-grid-heading p { font-size:.7rem; margin:2px 0 0; }
  body.arcade .games { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  body.arcade .game-card .body { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; padding:3px 8px; min-height:48px; gap:1px; }
  body.arcade .game-card .game-info { display:contents; }
  body.arcade .game-card[href="turdrush.html"] { grid-column:1/-1; }
  body.arcade .changelog { margin-top:16px; padding:6px 10px; }
  body.arcade .game-card .title-row { grid-column:1/-1; grid-row:1; min-width:0; }
  body.arcade .game-card h2 { font-size:1rem; line-height:1.1; overflow-wrap:anywhere; }
  body.arcade .game-card p { grid-column:1/-1; grid-row:2; font-size:.68rem; white-space:normal; overflow:visible; line-height:1.2; margin:0; }
  body.arcade .game-card .suite-hub-stat { grid-column:1/-1; grid-row:3; display:block; margin:0; padding:0; border:0; max-width:100%; min-width:0; font-size:.65rem; line-height:1.3; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; letter-spacing:0; }
  body.arcade .game-card .play { grid-column:1/-1; grid-row:4; display:block; align-self:start; margin:0; padding:0; border:0; box-shadow:none; background:none; color:#bcf6d2; font-size:.65rem; line-height:1.2; letter-spacing:0; min-width:0; white-space:normal; }
}
.arcade-mode-shortcut { margin:0 0 8px; }
.arcade-mode-shortcut a { display:inline-flex; align-items:center; min-height:44px; color:#bcf6d2; font-size:.82rem; }
body.arcade .suite-hub-stat { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }