.arc-game{position:fixed;inset:0;background:var(--void);color:var(--ink);font-family:var(--font-sans);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.arc-stage{display:block;width:100%;height:100%}.arc-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(56px,calc(env(safe-area-inset-bottom,0px) + 56px)) max(16px,env(safe-area-inset-left,0px));z-index:var(--z-panel)}.arc-layer--scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--void) 45%,transparent),var(--scrim))}.arc-title__card{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-4);background:color-mix(in srgb,var(--void) 78%,transparent);border:1px solid var(--hairline)}.arc-logo{width:min(520px,86vw);height:auto}.arc-menu{display:flex;flex-direction:column;gap:var(--space-3);width:min(320px,78vw)}.arc-title__card .arc-attract{margin:var(--space-3) 0 0;color:var(--ink-muted);text-align:center}.arc-title__card .arc-back{margin-top:var(--space-6)}.arc-challenge{margin:0 0 var(--space-6);border:1px solid var(--brand);background:var(--brand-wash);padding:var(--space-3) var(--space-4);font:600 14px/20px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;text-align:center}.arc-gate .arc-logo{margin-bottom:var(--space-8)}.arc-gate .arc-gate__note{margin:var(--space-6) 0 0;max-width:360px;text-align:center}.arc-legal{position:absolute;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom,0px));margin:0;padding:0 var(--space-4);text-align:center;z-index:var(--z-panel);pointer-events:none}.arc-topbar{position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));display:flex;gap:var(--space-2);z-index:var(--z-nav)}.arc-topbar .is-off{color:var(--ink-muted);border-color:var(--ink-muted)}.arc-hud{position:absolute;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));z-index:var(--z-raised)}.arc-hud__score{display:flex;flex-direction:column;gap:2px}.arc-hud__num{font:600 44px/44px var(--font-display)}.arc-hud__num--sm{font-size:26px;line-height:30px}.arc-hud__meta{display:flex;gap:var(--space-4);margin-top:var(--space-1)}.arc-hud__phase{color:var(--brand-text)}.arc-hud__daily{color:var(--hold)}.arc-hud__best{position:absolute;right:max(112px,calc(env(safe-area-inset-right,0px) + 112px));top:max(14px,env(safe-area-inset-top,0px));display:flex;flex-direction:column;align-items:flex-end;gap:2px}.arc-hud .arc-hud__pause{pointer-events:auto;position:absolute;right:max(16px,env(safe-area-inset-right,0px));top:max(14px,env(safe-area-inset-top,0px))}.arc-combo{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top,0px));transform:translate(-50%);padding:var(--space-1) var(--space-4);border:1px solid var(--brand);background:var(--brand-wash);border-radius:var(--radius-pill);font:600 20px/24px var(--font-display);letter-spacing:.04em;white-space:nowrap}.arc-combo.is-overdrive{border-color:var(--go);color:var(--go)}.arc-boost{position:absolute;left:max(16px,env(safe-area-inset-left,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:var(--space-2)}.arc-pip{width:14px;height:24px;border:2px solid var(--ink);position:relative;transition:background-color var(--duration-fast),border-color var(--duration-fast)}.arc-pip:before{content:"";position:absolute;left:4px;top:-5px;width:6px;height:3px;background:var(--ink)}.arc-pip.is-on{background:var(--go);border-color:var(--go)}.arc-hint{position:absolute;bottom:max(70px,calc(env(safe-area-inset-bottom,0px) + 70px));left:0;right:0;margin:0;text-align:center;color:var(--ink);opacity:1;transition:opacity var(--duration-result)}.arc-hint.is-gone{opacity:0}.arc-panel{background:var(--panel);border:1px solid var(--hairline);width:min(520px,100%);max-height:100%;overflow:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.arc-panel--center{text-align:center;align-items:center}.arc-panel--narrow{width:min(460px,100%)}.arc-panel__title{margin:0;font:600 40px/42px var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.arc-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.arc-panel--center .arc-row{justify-content:center}.arc-howto{display:grid;gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin:var(--space-2) 0 0}.arc-howto div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-3);background:var(--panel);padding:var(--space-3) var(--space-4);align-items:baseline}.arc-howto dt{font:600 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-text)}.arc-howto dd{margin:0;font:400 15px/22px var(--font-sans)}.arc-switches{display:flex;flex-direction:column;gap:var(--space-2)}.arc-over__note{margin:0;color:var(--hold)}.arc-over__kicker.is-go{color:var(--go)}.arc-over__kicker.is-nogo{color:var(--nogo)}.arc-over__label{margin:var(--space-2) 0 0}.arc-over__score{margin:0;font:600 88px/84px var(--font-display);overflow-wrap:anywhere}.arc-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.arc-pills:empty{display:none}.arc-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin:var(--space-2) 0 0}.arc-stats div{background:var(--panel);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.arc-stats dd{margin:0;font:600 26px/30px var(--font-display);overflow-wrap:anywhere}.arc-xpbar{height:6px;background:var(--panel-raised);--p: 0}.arc-xpbar i{display:block;height:100%;width:100%;background:var(--brand);transform:scaleX(var(--p));transform-origin:left;transition:transform var(--duration-result) var(--ease-glide)}.arc-initials__kicker{color:var(--hold);margin:var(--space-4) 0 0;text-align:center}.arc-initials__note{margin:0;text-align:center;color:var(--nogo);min-height:18px}.arc-slots{display:flex;gap:var(--space-3);justify-content:center;margin:var(--space-2) 0}.arc-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.arc-slot__step{width:48px;height:44px;border-radius:var(--radius-none)}.arc-slot__letter{width:72px;height:88px;border:1px solid var(--control-border);background:var(--panel);display:grid;place-items:center;font:600 56px/1 var(--font-display);color:var(--ink);cursor:pointer;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.arc-slot__letter.is-cur{border-color:var(--brand);background:var(--brand-wash)}.arc-slot__letter:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.arc-tabs{margin-top:var(--space-2)}.arc-tabs .gt-tab{flex:1}.arc-board{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.arc-board th,.arc-board td{padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--hairline);text-align:left;vertical-align:middle}.arc-board th{font:600 11px/14px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.arc-board__rank{font:600 20px/24px var(--font-display);width:42px;color:var(--ink-muted)}.arc-board tbody tr:first-child .arc-board__rank{color:var(--hold)}.arc-board__name{display:block;font:600 22px/24px var(--font-display);letter-spacing:.12em}.arc-board__trick{display:block;font:400 12px/16px var(--font-sans);color:var(--ink-muted)}.arc-board__score{font:600 22px/24px var(--font-display);text-align:right}th.arc-board__score{font:600 11px/14px var(--font-sans)}.arc-board tr.is-me td{background:var(--brand-wash)}.arc-board tr.is-me .arc-board__rank{color:var(--brand-text)}.arc-board__empty{margin:var(--space-4) 0 0}.arc-share__img{width:min(300px,70vw);height:auto;aspect-ratio:9 / 16;display:block;margin:var(--space-2) auto;border:1px solid var(--hairline);background:var(--void)}.arc-share__text{margin:0;font:400 14px/22px var(--font-sans);background:var(--panel-raised);padding:var(--space-3);border:1px solid var(--hairline);-webkit-user-select:text;user-select:text}.arc-share__row .gt-btn{flex:1 1 40%}.arc-share__note{margin:0;min-height:18px;text-align:center}.arc-title__card .arc-title__stats{margin:var(--space-8) 0 0;text-align:center;min-height:16px}.arc-locked{overflow:hidden;overscroll-behavior:none}.arc-garage__label{margin:var(--space-2) 0 0}.arc-paints{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.arc-paint{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--control-border);background:var(--panel);color:var(--ink);font:600 13px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.arc-paint.is-cur{border-color:var(--brand);background:var(--brand-wash)}.arc-paint.is-locked{color:var(--ink-muted);border-color:var(--hairline);cursor:default}.arc-paint:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.arc-paint__chip{width:20px;height:20px;flex:none;border:1px solid var(--hairline);background:var(--chip)}.arc-paint .gt-label{margin-left:auto}@media(hover:hover){.arc-slot__letter:hover{border-color:var(--ink)}.arc-paint:not(.is-locked):hover{border-color:var(--ink)}}@media(max-width:480px){.arc-howto div{grid-template-columns:1fr;gap:2px}.arc-over__score{font-size:64px;line-height:62px}.arc-panel{padding:var(--space-4)}.arc-hud__num{font-size:36px;line-height:36px}.arc-hud__best{right:max(100px,calc(env(safe-area-inset-right,0px) + 100px))}}@media(max-height:760px){.arc-panel{padding:var(--space-4);gap:var(--space-2)}.arc-over__score{font-size:64px;line-height:62px}.arc-slot__letter{height:68px;width:64px;font-size:46px}.arc-menu{gap:var(--space-2)}.arc-title__card{margin-top:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2)}.arc-logo{width:min(360px,60vw)}}@media(prefers-reduced-motion:reduce){.arc-xpbar i,.arc-hint,.arc-pip,.arc-paint,.arc-slot__letter{transition:none}}
