/* Scoped arcade layout; other pages and chat keep their current behavior. */
html[data-route="minigames"] #minigamesRoot{width:min(100%,1120px);max-width:1120px;margin-inline:auto;display:grid;gap:16px;min-width:0;box-sizing:border-box}
html[data-route="minigames"] .minigames-hero{text-align:center}
html[data-route="minigames"] .minigames-hero h1{font-size:clamp(1.75rem,4vw,3rem)}
html[data-route="minigames"] .minigame-play-card{min-width:0;box-sizing:border-box}
html[data-route="minigames"] .minigame-play-card>.section-heading{width:min(100%,900px);justify-self:center;box-sizing:border-box}
html[data-route="minigames"] .minigame-stage{position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr);justify-items:center}
html[data-route="minigames"] .mini-game-match-board,html[data-route="minigames"] .mini-game-memory-board,html[data-route="minigames"] .minigame-invaders-field{margin-inline:auto;justify-self:center;min-width:0;max-width:100%;box-sizing:border-box}
html[data-route="minigames"] .invaders-status,html[data-route="minigames"] .invaders-controls{width:min(100%,900px);margin-inline:auto;justify-self:center;box-sizing:border-box}
html[data-route="minigames"] .invaders-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
html[data-route="minigames"] .minigame-finished-summary{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;gap:8px;width:min(80%,420px);padding:24px;box-sizing:border-box;text-align:center;border:1px solid #78d6f966;border-radius:16px;background:#07182fee;box-shadow:0 16px 48px #0008;z-index:4;pointer-events:none}
html[data-route="minigames"] .minigame-finished-summary strong{font-size:clamp(1.4rem,3vw,2rem);color:#e7f8ff}
html[data-route="minigames"] [data-minigame-finished="true"] .invaders-controls{opacity:.6}
@media(min-width:1100px){html[data-route="minigames"] body:has(#chatDrawer.is-open) main{padding-inline-end:430px;box-sizing:border-box}}
@media(max-width:600px){html[data-route="minigames"] .minigame-play-card>.section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}html[data-route="minigames"] .minigame-play-card .compact-actions{justify-content:center;flex-wrap:wrap}html[data-route="minigames"] .minigame-finished-summary{padding:16px}}