.arcade-page{max-width:1000px;width:100%}.arcade-page .random-hero{padding:14px 24px;margin-bottom:18px}.arcade-page .random-hero h1{font-size:clamp(2rem,5.2vw,3.3rem)}.arcade-shell{padding:22px;overflow:hidden;min-width:0}.arcade-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--lab-border);padding-bottom:12px}.arcade-toolbar button[aria-pressed=true]{color:var(--accent-cyan);border-color:var(--accent-cyan)}.arcade-toolbar #arcade-share{margin-inline-start:auto}.arcade-mode-hint{font-size:.8rem;color:var(--text-muted);line-height:1.5;min-height:1.5em;margin:10px 0 18px}.arcade-game{min-height:390px}.arcade-game h2,.arcade-game h3{color:var(--text-bright)}.arcade-status{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.9rem;flex-wrap:wrap}.arcade-result{text-align:center;padding:16px 0}.arcade-result h2{font:600 4rem/1 var(--font-heading);color:var(--accent-cyan)}.arcade-best{color:var(--text-muted);font-size:.8rem;min-height:1.5em}.arcade-share-status{font-size:.8rem;color:var(--text-muted);overflow-wrap:anywhere}.arcade-share-status input{display:block;width:100%;margin-top:8px}.arcade-game button:disabled{cursor:default}.arcade-page [hidden]{display:none!important}.arcade-page a,.arcade-page button{-webkit-tap-highlight-color:transparent}.arcade-page button{white-space:normal;overflow-wrap:anywhere}.arcade-related{display:flex;gap:10px;flex-wrap:wrap}.arcade-related a{padding:12px 16px;border:1px solid var(--lab-border);border-radius:10px;min-height:44px}.arcade-game img{max-width:100%}.arcade-game svg{max-width:100%}.arcade-page details summary{min-height:44px;padding-block:12px;cursor:pointer}.arcade-game h2:focus{outline:none}@media(max-width:600px){.arcade-shell{padding:14px}.arcade-page .random-hero{padding:10px 14px}.arcade-toolbar{gap:6px}.arcade-toolbar button{flex:1;font-size:.8rem;padding:8px}.arcade-toolbar #arcade-share{margin-inline-start:0}.arcade-game{min-height:400px}}@media(prefers-reduced-motion:reduce){.arcade-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.arcade-page .random-hero h1{font-size:clamp(1.65rem,4vw,2.65rem)}.arcade-page .random-hero{padding:6px 0 12px;margin-bottom:8px}.arcade-page .lab-tagline{font-size:.95rem;margin:4px 0}.arcade-page .xp-bar-container{margin-bottom:16px}.nav-left{min-width:0}.header-user{min-width:0;display:inline-flex;align-items:center;gap:8px}.header-username{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user.hidden{display:none}.arcade-toolbar button{min-height:44px}.arcade-game button:focus-visible,.arcade-toolbar button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}@media(max-width:600px){.header-username{max-width:85px}.header-user{gap:4px;font-size:.78rem}.arcade-page .xp-bar-container{margin-bottom:10px}.arcade-page .random-hero h1{font-size:1.65rem}.arcade-page .lab-tagline{font-size:.82rem}.arcade-shell{padding:12px}.arcade-mode-hint{margin-bottom:12px}}@media(max-width:360px){.header-username{max-width:54px}.header-user .header-separator{display:none}}
@media(max-width:600px){.arcade-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-toolbar button{min-height:42px;overflow-wrap:normal}.arcade-toolbar #arcade-share{margin:0}.arcade-toolbar #arcade-new:not([hidden]){grid-column:1/-1;grid-row:2}.arcade-page .lab-tagline{padding-inline:8px}}
.arcade-related{position:static;z-index:auto;top:auto;padding:0;background:none;backdrop-filter:none;box-shadow:none;border-bottom:0;will-change:auto;justify-content:flex-start}.arcade-related::before{display:none}