:root{--color-safety: #f2b705;--color-safety-deep: #c99400;--color-ink: #1c1c1c;--color-ink-soft: #3a3d42;--color-concrete: #8e9196;--color-concrete-light: #c9cbce;--color-concrete-pale: #e4e5e7;--color-paper: #f6f1e4;--color-paper-line: #d9d1bc;--color-good: #1f9d55;--color-good-bright: #2be36b;--color-bad: #d7263d;--color-on-dark: #ffffff;--color-scrim: rgb(16 18 22 / .6);--color-ghost: #7fd6ff;--font-ui: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-num: 40px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-card: 6px;--radius-btn: 12px;--touch: 44px;--duration-fast: .15s;--duration-normal: .3s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--toss-reserve-w: 120px;--toss-reserve-h: 56px;--hazard: repeating-linear-gradient(-45deg, var(--color-safety) 0 10px, var(--color-ink) 10px 20px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--color-concrete-light);color:var(--color-ink);font-family:var(--font-ui);-webkit-text-size-adjust:100%;touch-action:none;overscroll-behavior:none}[hidden]{display:none!important}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.num{font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.01em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.play-root{position:fixed;inset:0;--edge: 24px;--pad-bottom: 20px;--knob: 150px;--lever-w: 52px;--lever-h: 116px;--lever-gap: 12px;--lever-count: 4;--levers-w: calc(var(--lever-w) * var(--lever-count) + var(--lever-gap) * (var(--lever-count) - 1));--forkcam-w: clamp(150px, 26vw, 240px);--forkcam-h: calc(var(--forkcam-w) * .5625);--forkcam-top: calc(var(--safe-top) + 8px);--assist-fit: var(--color-good-bright);--assist-warn: #f5c518;--gauge-w: 22px;background:#cfe3f2}@media(max-height:320px){.play-root{--edge: 18px;--pad-bottom: 18px;--knob: 132px;--lever-h: 100px}}.play-stage{position:absolute;inset:0;width:100%;height:100%;display:block}.play-ui{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:var(--font-ui);pointer-events:none}.play-ui>*{pointer-events:auto}.knob{position:absolute;left:calc(var(--safe-left) + var(--edge));bottom:calc(var(--safe-bottom) + var(--pad-bottom));width:var(--knob);height:var(--knob);border-radius:50%;background:radial-gradient(circle,#1e222826 0 38%,#1e222859 39% 100%);border:3px solid rgb(255 255 255 / .7);box-sizing:border-box}.knob-ring{position:absolute;inset:0;border-radius:50%}.knob-grip{position:absolute;left:50%;top:8px;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:var(--color-safety);border:3px solid var(--color-ink);box-shadow:0 2px 6px #00000059}.rear-wheel{position:absolute;left:50%;top:50%;width:10px;height:30px;border-radius:3px;background:#1c1c1c;border:2px solid #f4f4f4;transform:translate(-50%,-50%)}.levers{position:absolute;right:calc(var(--safe-right) + var(--edge));bottom:calc(var(--safe-bottom) + var(--pad-bottom));display:flex;gap:var(--lever-gap)}.lever{position:relative;width:var(--lever-w);height:var(--lever-h);border-radius:calc(var(--lever-w) / 2);background:#1e222859;border:2px solid rgb(255 255 255 / .6);box-sizing:border-box}.lever-track{position:absolute;left:50%;top:22px;bottom:22px;width:4px;margin-left:-2px;background:#ffffff80}.lever-handle{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:#f4f4f4;color:#1c1c1c;font-size:20px;line-height:46px;text-align:center;box-shadow:0 2px 6px #00000059;transform:translate(-50%,-50%)}.lever.real{background:transparent;border-color:transparent}.lever-gate{position:absolute;left:50%;top:4px;bottom:4px;width:30px;margin-left:-15px;box-sizing:border-box;border:2px solid rgb(255 255 255 / .55);border-radius:15px;background:linear-gradient(90deg,#262a30,#4d545d 45%,#2d3238 70%,#1f2328);box-shadow:0 2px 6px #0006}.lever-gate:before{content:"";position:absolute;left:50%;top:9px;bottom:9px;width:6px;margin-left:-3px;border-radius:3px;background:#0b0d10;box-shadow:inset 0 1px 2px #000000e6,0 0 0 1px #ffffff1f}.lever-boot{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#2a2a2a 0 2px,#141414 2px 4px);box-shadow:0 1px 3px #000000b3}.lever-shaft{position:absolute;left:50%;top:50%;width:6px;height:1px;margin-left:-3px;transform-origin:top center;background:linear-gradient(90deg,#7d848d,#f4f6f8 50%,#7d848d)}.lever.real .lever-handle{width:38px;height:38px;background:radial-gradient(circle at 34% 30%,#6a6f77,#22252a,#050506);color:#fff;box-shadow:0 3px 7px #0000008c}.lever-decal{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.lever-label{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,100%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .7);white-space:nowrap}.play-ui .btn{position:absolute;min-width:48px;height:44px;padding:0 12px;border:2px solid rgb(255 255 255 / .7);border-radius:12px;background:#1e22288c;color:#fff;font:inherit;font-weight:700}.play-ui .btn:active{background:#f2b705d9;color:#1c1c1c}.play-ui .view-btns{position:absolute;right:calc(var(--safe-right) + var(--edge) + var(--levers-w) + var(--lever-gap));bottom:calc(var(--safe-bottom) + var(--pad-bottom));display:flex;gap:8px}.play-ui .view-btns .btn{position:static}.play-ui .btn[aria-pressed=true]:not(:active){border-color:#f5c518;background:#1e2228cc;color:#f5c518}.play-ui .btn-pause{left:calc(var(--safe-left) + 12px);top:calc(var(--safe-top) + 10px)}.toast{position:absolute;z-index:2;left:50%;top:calc(var(--forkcam-top) + var(--forkcam-h) + 8px);transform:translate(-50%,-8px);white-space:nowrap;padding:6px 16px;border-radius:10px;background:#1c1c1ccc;color:#f5c518;font-size:24px;font-weight:900;opacity:0;pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out}.toast.show{opacity:1;transform:translate(-50%)}.play-ui.forkcam-large .toast{top:calc(var(--forkcam-top) + 26px);z-index:1;box-sizing:border-box;max-width:calc(var(--forkcam-w) - 16px);white-space:normal;text-align:center;font-size:18px}.play-ui .ghost-label{position:absolute;left:0;top:0;z-index:1;padding:2px 8px;border-radius:8px;background:#7fd6ffe6;color:var(--color-ink);font-size:12px;font-weight:800;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}.forkcam{position:absolute;left:50%;top:var(--forkcam-top);width:var(--forkcam-w);height:var(--forkcam-h);transform:translate(-50%);box-sizing:border-box;border:2px solid #f5c518;border-radius:6px;visibility:hidden;pointer-events:none}.forkcam.on{visibility:visible}.forkcam.fit{border-color:var(--assist-fit)}.forkcam.flash{animation:forkcam-flash .6s ease-out}@keyframes forkcam-flash{0%{box-shadow:0 0 0 5px #2be36bf2,inset 0 0 48px #2be36bb3}to{box-shadow:0 0 #2be36b00,inset 0 0 #2be36b00}}.forkcam.guided:after{content:"";position:absolute;left:50%;top:22%;bottom:30%;width:2px;margin-left:-1px;background:#ffffff80}.forkcam-readout,.gauge{display:none}.forkcam.guided .forkcam-readout,.forkcam.guided .gauge{display:block}.forkcam-readout{position:absolute;left:50%;bottom:4px;transform:translate(-50%);padding:1px 8px;border-radius:8px;background:#141416b8;color:var(--assist-warn);font-size:13px;font-weight:800;white-space:nowrap}.forkcam.fit .forkcam-readout{color:var(--assist-fit)}.play-ui.forkcam-large .forkcam-readout{font-size:16px}.gauge{position:absolute;left:100%;top:-2px;bottom:-2px;width:var(--gauge-w);margin-left:6px;box-sizing:border-box;border:2px solid rgb(255 255 255 / .65);border-radius:5px;background:#14141699;overflow:hidden}.gauge-gap{position:absolute;left:0;right:0;box-sizing:border-box;border-top:1px solid var(--assist-fit);border-bottom:1px solid var(--assist-fit);background:#2be36b66}.gauge-item{position:absolute;left:3px;right:3px;border-radius:2px;background:var(--assist-warn)}.forkcam.fit .gauge-item{background:#fff}.gauge-item[data-clip=above]{border-top:3px solid #ffffff}.gauge-item[data-clip=below]{border-bottom:3px solid #ffffff}.forkcam-label{position:absolute;left:6px;top:4px;font-size:10px;font-weight:700;color:#f5c518;text-shadow:0 1px 2px rgb(0 0 0 / .8)}.lever.locked{pointer-events:none}.hud-top{position:absolute;left:calc(var(--safe-left) + 72px);top:calc(var(--safe-top) + 8px);max-width:calc(50% - var(--forkcam-w) / 2 - var(--safe-left) - 72px - 10px);display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:var(--space-2);color:var(--color-on-dark);text-shadow:0 1px 3px rgb(0 0 0 / .75);pointer-events:none}.hud-clock{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em;transform-origin:left center;transition:color var(--duration-fast) ease-out}.hud-clock[data-label]:before{content:attr(data-label);display:inline-block;width:2.2em;margin-right:4px;color:var(--color-safety);font-size:10px;font-weight:800;line-height:1.1;letter-spacing:0;word-break:keep-all;vertical-align:middle}.hud-clock.hurry{color:#ff5a66;animation:hud-hurry 1s ease-in-out infinite}@keyframes hud-hurry{50%{transform:scale(1.12)}}.hud-orders,.hud-score{font-size:var(--text-sm);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-order{grid-column:1 / -1;justify-self:start;max-width:100%;margin-top:2px;padding:3px 8px;overflow:hidden;border-radius:6px;background:var(--color-safety);color:var(--color-ink);text-shadow:none;font-size:var(--text-sm);font-weight:800;white-space:nowrap;text-overflow:ellipsis}@media(max-width:700px){.hud-top{left:calc(var(--safe-left) + 66px);max-width:calc(50% - var(--forkcam-w) / 2 - var(--safe-left) - 66px - 6px)}.hud-order{padding:3px 6px;font-size:12px}}.hud-score{position:absolute;top:calc(var(--safe-top) + 12px);left:calc(50% + var(--forkcam-w) / 2 + var(--gauge-w) + 16px);color:var(--color-on-dark);text-shadow:0 1px 3px rgb(0 0 0 / .75);pointer-events:none}.play-ui.forkcam-large .hud-score{visibility:hidden}.coach{--coach-at: 50%;position:absolute;z-index:1;padding:8px 12px 8px 30px;border:2px solid var(--color-ink);border-radius:10px;background:var(--color-safety);color:var(--color-ink);font-size:var(--text-sm);font-weight:800;line-height:1.35;white-space:nowrap;transform:translate(calc(-1 * var(--coach-at)),calc(-100% - 14px));box-shadow:0 4px 10px #00000059;pointer-events:none}.coach[data-control=tilt]{--coach-at: 72%}.coach[data-control=shift],.coach[data-control=reach]{--coach-at: 90%;width:max-content;max-width:240px;white-space:normal;word-break:keep-all}.coach[data-control=forkcam]{--coach-at: 78%;width:max-content;max-width:170px;white-space:normal;word-break:keep-all}.coach[data-control=wheel]{--coach-at: 56px;width:max-content;max-width:214px;white-space:normal;word-break:keep-all}.toast.show~.coach,.play-ui.forkcam-large .coach{opacity:0}@media(max-height:320px){.toast{padding:4px 12px;font-size:20px}.coach{padding:5px 10px 5px 26px;font-size:var(--text-xs)}.coach[data-control=wheel]{--coach-at: 48px;max-width:190px}.coach[data-control=shift],.coach[data-control=reach]{max-width:220px}}.coach:before{position:absolute;left:9px;top:50%;margin-top:-9px;font-size:14px;line-height:18px;animation:coach-nudge-up .9s ease-in-out infinite}.coach[data-direction=up]:before{content:"▲"}.coach[data-direction=down]:before{content:"▼";animation-name:coach-nudge-down}.coach[data-direction=turn]:before{content:"";left:8px;width:16px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1c1c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8'/%3E%3Cpath d='M1 12.5L4 9l3 3.5'/%3E%3C/svg%3E") center / contain no-repeat;animation:coach-turn 1.6s linear infinite}.coach:after{content:"";position:absolute;left:var(--coach-at);bottom:-9px;width:14px;height:14px;margin-left:-7px;background:var(--color-safety);border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);transform:rotate(45deg)}@keyframes coach-nudge-up{50%{transform:translateY(-4px)}}@keyframes coach-nudge-down{50%{transform:translateY(4px)}}@keyframes coach-turn{to{transform:rotate(360deg)}}.play-ui .view-btns{display:grid;grid-template-columns:auto auto;grid-template-areas:"horn ." "camera forkcam"}.play-ui .btn-horn{grid-area:horn;border-color:var(--color-safety);letter-spacing:.04em;transition:transform var(--duration-fast) var(--ease-out-expo)}.play-ui .btn-camera{grid-area:camera}.play-ui .btn-forkcam{grid-area:forkcam}.play-ui .btn-horn:active,.play-ui .view-btns .btn-horn[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-safety);color:var(--color-ink);transform:scale(.96)}.play-ui .btn-horn:focus-visible{outline:3px solid var(--color-on-dark);outline-offset:2px}.coach[data-control=horn]{--coach-at: 36%;width:max-content;max-width:170px;white-space:normal;word-break:keep-all}.coach[data-control=forkcam]{transform:translate(calc(-1 * var(--coach-at)),calc(-100% - 66px))}@media(max-height:320px){.coach[data-control=horn]{--coach-at: 40%;max-width:none;white-space:nowrap}}.hud-combo{position:absolute;top:calc(var(--safe-top) + 12px + 21px);left:calc(50% + var(--forkcam-w) / 2 + var(--gauge-w) + 16px);padding:1px 7px;border:1.5px solid var(--color-safety);border-radius:6px;background:var(--color-ink);color:var(--color-safety);font-size:12px;font-weight:900;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;animation:combo-pop .26s var(--ease-out-expo)}.play-ui.forkcam-large .hud-combo{visibility:hidden}@keyframes combo-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.hud-order.urgent{background:var(--color-bad);color:var(--color-on-dark)}.hud-orders.urgent{color:#ff5a66}@media(prefers-reduced-motion:reduce){.hud-combo{animation:none}.play-ui .btn-horn{transition:none}}.sound-switch.music-switch[aria-checked=false] .music-icon{opacity:.35}.home-lead .home-switches{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1);margin-left:calc(var(--space-2) * -1)}.home-switches .sound-switch{gap:var(--space-1);padding:0 var(--space-1)}.screen.scrim .pause-sheet{width:min(100%,340px)}.pause-switches{flex-wrap:nowrap;gap:var(--space-1)}.pause-switches .sound-switch{gap:var(--space-1);padding:0 var(--space-1)}@media(max-height:340px){.screen.scrim .pause-sheet{width:min(100%,540px);grid-template-columns:repeat(6,minmax(0,1fr))}.screen.scrim .pause-sheet>.sheet-title{grid-column:1 / 3}.screen.scrim .pause-sheet .pause-switches{grid-column:3 / -1}.screen.scrim .pause-sheet>.btn{grid-column:span 3}.screen.scrim .pause-sheet>.btn-primary{grid-column:1 / -1}}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:calc(var(--safe-top) + var(--toss-reserve-h)) calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-3)) calc(var(--safe-left) + var(--space-4));overflow:hidden}.screen.home,.screen.boot{background:linear-gradient(180deg,transparent 0 78%,rgb(242 183 5 / .85) 78% 80%,transparent 80%),radial-gradient(120% 90% at 20% 10%,rgb(255 255 255 / .35),transparent 60%),radial-gradient(80% 70% at 85% 95%,rgb(0 0 0 / .12),transparent 70%),var(--color-concrete-light)}.screen.scrim{background:var(--color-scrim);animation:fade-in var(--duration-fast) ease-out}.sheet{position:relative;width:min(100%,720px);max-height:100%;padding:calc(var(--space-4) + 10px) var(--space-5) var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-card);background:repeating-linear-gradient(180deg,transparent 0 27px,var(--color-paper-line) 27px 28px),var(--color-paper);box-shadow:0 2px 0 var(--color-ink),0 14px 28px #00000047;animation:sheet-in var(--duration-normal) var(--ease-out-expo)}.sheet:before{content:"";position:absolute;left:50%;top:-12px;width:92px;height:22px;margin-left:-46px;border:2px solid var(--color-ink);border-radius:6px 6px 10px 10px;background:linear-gradient(180deg,#d7dade,#8c9197);box-shadow:0 2px #00000040}.hazard-strip{position:absolute;left:0;right:0;top:0;height:10px;border-bottom:2px solid var(--color-ink);background:var(--hazard)}.sheet-label{margin:0 0 var(--space-2);color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sheet-title{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:900;letter-spacing:-.01em}.brand{margin:0;font-size:var(--text-xl);font-weight:900;letter-spacing:-.03em;line-height:1.05}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-btn);background:#fff;color:var(--color-ink);font-size:var(--text-md);font-weight:800;box-shadow:0 3px 0 var(--color-ink);transition:transform var(--duration-fast) ease-out;cursor:pointer}.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--color-ink)}.btn:focus-visible,.sound-switch:focus-visible,.btn-link:focus-visible{outline:3px solid var(--color-safety-deep);outline-offset:2px}.btn-primary{background:var(--color-safety)}.btn-link{min-height:var(--touch);padding:0 var(--space-2);border:0;background:none;color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:700;text-decoration:underline;text-underline-offset:3px}.sound-switch{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-2);border:0;background:none;cursor:pointer}.sound-icon{font-size:18px}.sound-track{position:relative;width:44px;height:24px;border:2px solid var(--color-ink);border-radius:12px;background:var(--color-concrete-pale)}.sound-thumb{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--color-ink);transition:transform var(--duration-fast) ease-out}.sound-switch[aria-checked=true] .sound-track{background:var(--color-safety)}.sound-switch[aria-checked=true] .sound-thumb{transform:translate(20px)}.pause-sheet{display:grid;gap:var(--space-2);width:min(100%,300px);justify-items:stretch;text-align:center}.pause-switches{display:flex;justify-content:center;align-items:center;gap:var(--space-2)}.switch-text{font-size:var(--text-sm);font-weight:800;white-space:nowrap}.result-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-5);align-items:start}.result-sheet.is-timeup .sheet-title{color:var(--color-bad)}.result-kicker{display:flex;align-items:baseline;justify-content:space-between;gap:0 var(--space-2);min-width:0;margin-bottom:var(--space-2)}.result-kicker .sheet-label{flex:none;margin:0}.result-standing,.result-beat{min-width:0;margin:0;overflow:hidden;font-size:var(--text-xs);font-weight:800;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap}.result-beat{color:var(--color-good)}.result-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-3)}.result-head .sheet-title{margin:0}.result-goal{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:800;line-height:1.3}.result-target{padding:0 6px;border:2px solid var(--color-ink-soft);border-radius:4px;color:var(--color-ink-soft);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.result-total{position:relative;display:grid;margin-bottom:var(--space-3)}.result-total-label{font-size:var(--text-xs);font-weight:800;letter-spacing:.12em}.result-total-value{font-size:var(--text-num);line-height:1}.stamp{position:absolute;right:0;top:2px;padding:4px 8px;border:3px solid var(--color-bad);border-radius:6px;color:var(--color-bad);font-size:var(--text-sm);font-weight:900;transform:rotate(-9deg);animation:stamp-in .38s var(--ease-out-expo) both .15s}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.result-actions .btn{padding:0 var(--space-3)}.btn-next{flex-direction:column;gap:0;line-height:1.15}.btn-next-label{font-size:var(--text-xs);font-weight:800;letter-spacing:.06em}.btn-next-board{font-size:var(--text-sm);font-weight:900;white-space:nowrap}.checklist{margin:0;padding:0;list-style:none}.check-row{display:flex;align-items:baseline;gap:var(--space-2);min-height:24px;font-size:var(--text-sm);font-weight:700}.check-row:after{content:"";order:1;flex:1;border-bottom:2px dotted var(--color-paper-line);transform:translateY(-3px)}.check-value{order:2;font-size:var(--text-sm)}.tone-clean .check-value{color:var(--color-good)}.tone-minus .check-value{color:var(--color-bad)}.copy-log{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.copy-log .btn-link{margin-top:-12px;margin-bottom:-12px}.copy-note{font-size:var(--text-xs);font-weight:700}.copy-box{width:100%;font:11px/1.3 ui-monospace,monospace}.screen.boot{align-content:center;gap:var(--space-3);text-align:center}.boot-line{margin:0;font-size:var(--text-sm);font-weight:700}.hazard-bar{position:relative;width:180px;height:10px;overflow:hidden;border:2px solid var(--color-ink);border-radius:5px}.hazard-bar:before{content:"";position:absolute;inset:0 -40px 0 0;background:var(--hazard);animation:hazard-run .8s linear infinite}.notice-band{position:fixed;z-index:20;left:50%;top:calc(var(--safe-top) + 8px);max-width:calc(100% - 2 * var(--toss-reserve-w) - 16px);padding:var(--space-2) var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-btn);background:var(--color-ink);color:var(--color-safety);font-size:var(--text-sm);font-weight:800;text-align:center;transform:translate(-50%);animation:band-in var(--duration-normal) var(--ease-out-expo);pointer-events:none}.notice-band.on-board{top:calc(var(--safe-top) + 70px);width:max-content;max-width:calc(100% - 32px)}@media(max-height:340px){.notice-band.on-board{left:auto;right:calc(var(--safe-right) + 16px);transform:none;animation-name:band-in-right}}.stars{--star-gap: 2px;display:inline-flex;align-items:center;gap:var(--star-gap)}.star{--star: 14px;--tilt: 0deg;display:grid;place-items:center;width:var(--star);height:var(--star);border-radius:50%;transform:rotate(var(--tilt))}.star:nth-child(1){--tilt: -8deg}.star:nth-child(2){--tilt: 4deg}.star:nth-child(3){--tilt: -3deg}.star svg{width:76%;height:76%;overflow:visible;stroke-linejoin:round}.star.is-got{border:1.5px solid var(--color-ink);background:var(--color-paper)}.star.is-got svg{fill:var(--color-safety);stroke:var(--color-ink);stroke-width:2.4}.star.is-empty{border:1.5px dashed var(--color-concrete)}.star.is-empty svg{fill:none;stroke:var(--color-concrete);stroke-width:2}.stars-lg{--star-gap: 6px}.stars-lg .star{--star: 30px;border-width:2px}.stars-lg .star.is-got{box-shadow:inset 0 0 0 2px var(--color-paper),inset 0 0 0 3.5px var(--color-ink);animation:stamp-press .36s var(--ease-out-expo) both .2s}.stars-lg .star.is-got:nth-child(2){animation-delay:.34s}.stars-lg .star.is-got:nth-child(3){animation-delay:.48s}.screen.rotate{z-index:100;align-content:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-ink);color:var(--color-on-dark);text-align:center}.rotate-phone{justify-self:center;width:34px;height:58px;border:3px solid var(--color-safety);border-radius:7px;animation:rotate-phone 1.8s var(--ease-out-expo) infinite}.rotate-line{margin:0;font-size:var(--text-lg);font-weight:900}.rotate-sub{margin:0;color:var(--color-concrete-light);font-size:var(--text-sm);font-weight:700}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px) rotate(-.6deg)}}@keyframes stamp-in{0%{opacity:0;transform:rotate(-9deg) scale(1.8)}}@keyframes stamp-press{0%{opacity:0;transform:rotate(var(--tilt)) scale(1.9)}}@keyframes band-in{0%{opacity:0;transform:translate(-50%,-12px)}}@keyframes band-in-right{0%{opacity:0;transform:translateY(-12px)}}@keyframes hazard-run{to{transform:translate(-28px)}}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(max-height:340px){.screen{padding-top:calc(var(--safe-top) + 44px)}.sheet{padding:calc(var(--space-3) + 10px) var(--space-4) var(--space-3)}.check-row{min-height:20px}.sheet-label,.result-kicker{margin-bottom:var(--space-1)}.result-head,.result-goal{margin-bottom:var(--space-2)}.pause-sheet{width:min(100%,480px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.pause-sheet>.sheet-title{margin:0;text-align:left}.pause-switches{grid-row:1;grid-column:2;justify-self:end}.pause-sheet .btn-primary{grid-column:1 / -1}}.home-sheet{display:grid;grid-template-columns:minmax(136px,.6fr) minmax(0,2fr);gap:var(--space-4);align-items:start;padding-bottom:var(--space-3)}.home-lead{display:grid;gap:var(--space-3);justify-items:start;align-content:start}.home-lead .brand{max-width:4.6em;word-break:keep-all}.btn-continue{flex-direction:column;align-items:flex-start;gap:0;width:100%;min-height:60px;padding:var(--space-2) var(--space-3)}.btn-continue-label{font-size:var(--text-xs);font-weight:800;letter-spacing:.08em}.btn-continue-board{font-size:var(--text-md);font-weight:900;white-space:nowrap}.home-map{min-width:0}.map-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 var(--space-2)}.map-tabs{display:flex;flex:0 0 auto;max-width:100%;gap:var(--space-1);padding-left:var(--space-2)}.map-tab{--tab-pad: var(--space-3);position:relative;z-index:0;display:grid;align-content:center;justify-items:start;flex:0 0 auto;min-height:var(--touch);margin-bottom:-2px;padding:5px var(--tab-pad) 3px;border:2px solid var(--color-ink);border-bottom:0;border-radius:8px 8px 0 0;background:var(--color-concrete-light);color:var(--color-ink-soft);text-align:left;cursor:pointer;transition:transform var(--duration-fast) ease-out}.map-tab[aria-selected=true]{z-index:2;background:var(--color-concrete-pale);color:var(--color-ink);box-shadow:inset 0 4px 0 var(--color-safety);cursor:default}.map-tab[aria-selected=false]:active{transform:translateY(2px)}.map-tab-name{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:900;line-height:1.25;white-space:nowrap}.map-tab-stars{font-size:var(--text-xs);line-height:1.25;white-space:nowrap}.map-tab-lock{width:11px;height:11px}.map-locked{flex:1 1 8em;min-width:5em;max-width:max-content;margin:var(--space-1) 0 var(--space-1) auto;padding:3px var(--space-2) 3px 14px;border-radius:4px;background:var(--hazard) 0 0 / 6px 100% no-repeat,var(--color-ink);color:var(--color-safety);font-size:var(--text-xs);font-weight:800;line-height:1.3;word-break:keep-all}.map-panel{position:relative;z-index:1;padding:6px;border:2px solid var(--color-ink);border-radius:var(--radius-card);background:repeating-linear-gradient(-45deg,transparent 0 7px,rgb(0 0 0 / .035) 7px 14px),var(--color-concrete-pale);box-shadow:0 2px 0 var(--color-ink)}.board-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.board-tiles>li{display:grid;min-width:0}.board-tile{--tile-no: 24px;display:grid;grid-template-columns:var(--tile-no) auto minmax(0,1fr);align-content:start;align-items:center;gap:3px 6px;width:100%;min-width:0;min-height:var(--touch);padding:5px var(--space-2) 6px;border:2px solid var(--color-ink);border-radius:4px;background:#fff;box-shadow:0 2px 0 var(--color-ink);color:var(--color-ink);text-align:left;cursor:pointer;transition:transform var(--duration-fast) ease-out}.board-tile:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--color-ink)}.board-tile:focus-visible,.map-tab:focus-visible{outline:3px solid var(--color-safety-deep);outline-offset:2px}.tile-no{grid-row:1;grid-column:1;display:grid;place-items:center;width:var(--tile-no);height:20px;border-radius:3px;background:var(--color-ink);color:var(--color-safety);font-size:var(--text-xs)}.board-tile .stars,.tile-lock{grid-row:1;grid-column:2 / -1;justify-self:end}.tile-name{grid-row:2;grid-column:1 / -1;overflow:hidden;font-size:var(--text-md);font-weight:900;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.tile-meta{grid-row:3;grid-column:1 / -1;color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:700;line-height:1.25;word-break:keep-all}.tile-lock{width:12px;height:12px;color:var(--color-ink-soft)}.board-tile[data-next]{background:linear-gradient(180deg,var(--color-safety) 0 4px,#ffffff 4px)}.board-tile[data-next] .tile-no{background:var(--color-safety);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink)}.board-tile:disabled{border-style:dashed;border-color:var(--color-ink-soft);background:#ffffff8c;box-shadow:none;color:var(--color-ink-soft);cursor:not-allowed}.board-tile:disabled .tile-no{background:transparent;color:var(--color-ink-soft);box-shadow:inset 0 0 0 2px var(--color-ink-soft)}@media(max-height:340px){.home-lead{gap:var(--space-2)}.home-sheet{padding-bottom:var(--space-2)}.board-tile{padding:4px 7px 5px}.tile-name{grid-row:1;grid-column:2 / -1}.board-tile .stars,.tile-lock{grid-row:2;grid-column:1 / 3;justify-self:start}.tile-meta{grid-row:2;grid-column:3;white-space:nowrap}.board-tile:disabled .tile-lock{grid-column:1;justify-self:center}.board-tile:disabled .tile-meta{grid-column:2 / -1}}@media(max-width:700px){.home-sheet{padding-left:var(--space-4);padding-right:var(--space-4)}.map-tab{--tab-pad: var(--space-2)}.map-tab-name{font-size:12px}}@media(max-height:340px){.map-locked{margin-top:2px}}@media(max-width:700px),(max-height:340px){.tile-name{font-size:calc(var(--text-md) - 2px)}}@media(max-width:700px),(max-height:290px){.tile-name{font-size:var(--text-sm)}}