.arcade-header{align-items:center;width:100%;padding:24px clamp(22px,4vw,64px);display:flex}.arcade-page{justify-content:center;align-items:center;min-height:calc(100svh - 78px);padding:0 22px 32px;display:flex}.after-hours-game{--arcade-width:clamp(320px, calc((100svh - 312px) * .916), 566px);width:min(100%, var(--arcade-width))}.arcade-session{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:16px;min-height:48px;padding:0 5px 16px;display:grid}.arcade-points{letter-spacing:-.6px;font-size:22px;font-weight:500;line-height:1}.arcade-stage{color:var(--muted);font-size:12px}.arcade-lives{justify-self:end;align-items:center;gap:5px;display:flex}.arcade-lives>span{width:14px;height:18px;transition:opacity .18s;display:inline-flex}.arcade-lives .kaiyros-portrait{flex-shrink:0;width:14px;height:18px}.arcade-lives>span[data-lost=true]{opacity:.15}.arcade-pause{--control-radius:10px;--control-rim-high:#ffffff0d;--control-rim-mid:#ffffff05;place-items:center;width:32px;height:32px;display:grid}.arcade-pause:disabled{opacity:.3}.arcade-board{aspect-ratio:566/618;background:linear-gradient(150deg,#62586738,#3b36343b 40%,#66517435);border-radius:22px;width:100%;padding:5px;position:relative;overflow:clip;box-shadow:inset 0 1px #c4acde14}.arcade-board>canvas{background:#151413;border-radius:18px;width:100%;height:100%;display:block}.arcade-board>canvas[data-active=true]{touch-action:none}.arcade-board>canvas:focus-visible{outline:none}.arcade-board>canvas[data-navigation-focus=true]:focus-visible{outline-offset:-3px;outline:1px solid #b8a0d6}.arcade-board[data-powered=true]{background:linear-gradient(150deg,#9e82ca88,#756c8155 40%,#b4a5c96b)}.arcade-overlay{z-index:1;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 45%,#19171cec 0%,#171519f2 41%,#15141391 82%);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:5px}.arcade-overlay>.arcade-mascot{aspect-ratio:231/289;flex-shrink:0;width:94px;margin-bottom:24px}.arcade-overlay>p{color:var(--muted);text-wrap:balance;max-width:220px;font-size:13px}.arcade-result{letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:0 0 22px;font-size:28px;font-weight:500}.arcade-result>span{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:400}.arcade-play{gap:21px;min-width:142px;min-height:44px;padding-inline:23px;font-size:13px}[data-landing-controls] .arcade-restart{box-shadow:none;color:var(--muted);background:0 0;border:0;margin-top:12px;padding:6px 10px;font-size:11px}.arcade-arrow-keys{grid-template-rows:repeat(2,60px);grid-template-columns:repeat(3,60px);justify-content:center;gap:7px;margin-top:26px;display:grid}.after-hours-game[data-landing-controls] .arcade-arrow-keys>.arcade-keycap{color:#e6e2dd;touch-action:none;background:linear-gradient(#302d29,#191715);border:1px solid #393632;border-radius:12px;width:60px;height:60px;padding:0;display:block;position:relative;box-shadow:inset 0 1px #ffffff09,inset 0 -3px 1px #0b0a0980}.arcade-keycap>span{transition:transform .1s var(--ease), background .1s;background:linear-gradient(145deg,#514c46,#3b3732 60%,#34312d);border-radius:9px;place-items:center;display:grid;position:absolute;inset:2px 2px 8px;box-shadow:inset 0 1px #ffffff20,inset 0 0 0 1px #ffffff0a,inset 0 -1px 1px #00000040}.arcade-keycap>span>svg{pointer-events:none}.arcade-keycap:first-child{grid-column:2}.arcade-keycap:nth-child(2){grid-area:2/1}.arcade-keycap:nth-child(3){grid-area:2/2}.arcade-keycap:nth-child(4){grid-area:2/3}.after-hours-game[data-landing-controls] .arcade-arrow-keys>.arcade-keycap:active:not(:disabled){transform:none;box-shadow:inset 0 1px #ffffff09,inset 0 -3px 1px #0b0a0980}.arcade-keycap:is(:active,[data-pressed=true]):not(:disabled)>span{background:linear-gradient(145deg,#45403b,#34302c);transform:translateY(4px)}.arcade-keycap:disabled>span{opacity:.6}@media (max-width:600px){.arcade-header{padding:20px 21px}.arcade-header .wordmark{font-size:18px}.arcade-page{align-items:start;min-height:calc(100svh - 62px);padding:12px 16px 28px}.after-hours-game{--arcade-width:100%;max-width:420px}.arcade-session{padding-bottom:14px}.arcade-board{border-radius:18px;padding:4px}.arcade-board>canvas,.arcade-overlay{border-radius:14px}.arcade-overlay{padding:20px;inset:4px}.arcade-overlay>.arcade-mascot{width:74px;margin-bottom:22px}.arcade-result{margin-bottom:19px;font-size:25px}.arcade-arrow-keys{margin-top:22px}}@media (prefers-reduced-motion:reduce){.arcade-lives>span,.arcade-keycap>span{transition:none}}@media (forced-colors:active){.arcade-board{border:1px solid canvastext}.arcade-board>canvas{forced-color-adjust:none}.arcade-overlay{background:canvas}.after-hours-game[data-landing-controls] .arcade-arrow-keys>.arcade-keycap{color:buttontext;box-shadow:none;background:buttonface;border-color:buttontext}.arcade-keycap>span{box-shadow:none;background:buttonface}.arcade-keycap:disabled>span{opacity:1;color:graytext}.arcade-keycap:is(:active,[data-pressed=true]):not(:disabled)>span{color:highlighttext;background:highlight}}
