:root{--bg: #000000;--fg: #ffffff;--line: rgba(255, 255, 255, .18);--line-soft: rgba(255, 255, 255, .08);--accent: #7cff2b;--amber: #ffb020;--muted: #3a3a3a;--dim: rgba(255, 255, 255, .55);--hot: #ff3d2e;--warm: #ff8a2a;--cool: #7ab8ff;--cold: #2e7bff;--font-display: "Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;--font-ui: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--grid: 80px;--gutter: clamp(16px, 4vw, 48px);--radius: 10px;--ease-out: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:13px;letter-spacing:.04em;line-height:1.5;text-transform:uppercase;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,label{font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.display{margin:0;font-family:var(--font-display);font-weight:400;line-height:.9;letter-spacing:.005em;text-transform:uppercase}.display span{color:var(--accent)}.kicker{margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--accent)}.brand{font-family:var(--font-display);font-size:22px;letter-spacing:.03em;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-40px;z-index:100;padding:8px 12px;background:var(--accent);color:#000}.skip-link:focus{top:8px}.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:var(--grid) var(--grid);background-position:center top}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid var(--accent);border-radius:0;background:transparent;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;transition:background .2s,color .2s,transform .2s var(--ease-out)}.cta:hover:not(:disabled),.cta:focus-visible{background:var(--accent);color:#000}.cta:active:not(:disabled){transform:translateY(1px)}.cta-solid{background:var(--accent);color:#000}.cta-solid:hover:not(:disabled){background:var(--fg);border-color:var(--fg)}.cta:disabled{opacity:.4}.cta:after{content:"↗";font-size:14px}.icon-button{white-space:nowrap;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line);background:transparent;font-size:11px;font-weight:700;letter-spacing:.1em;transition:border-color .2s,color .2s}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.text-link{border:0;padding:4px 0;background:none;color:var(--accent);font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.topbar{position:absolute;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px var(--gutter)}.main-nav{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;letter-spacing:.12em}.main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--dim);transition:color .2s}.main-nav a+a:before{content:"·";margin-right:14px;margin-left:-4px;color:var(--line)}.main-nav a:hover,.main-nav a:focus-visible{color:var(--fg)}.topbar-start{justify-self:end;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.12em;transition:border-color .2s,color .2s}.topbar-start:hover{border-color:var(--accent);color:var(--accent)}.hero{position:relative;display:flex;flex-direction:column;min-height:max(640px,100svh);padding-bottom:clamp(28px,6vh,64px);overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(var(--line) 1px,transparent 1px);background-size:25% 100%,100% 33.333%;background-position:-1px 0,0 -1px;-webkit-mask-image:linear-gradient(180deg,#000000e6,#0000008c);mask-image:linear-gradient(180deg,#000000e6,#0000008c)}.ellipse{position:absolute;left:50%;top:52%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}.e1{width:92vw;height:38vw}.e2{width:64vw;height:52vw;transform:translate(-50%,-50%) rotate(14deg)}.e3{width:120vw;height:22vw;transform:translate(-50%,-50%) rotate(-2deg);border-style:dashed;opacity:.6}.mark{position:absolute;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--fg)}.m1{left:25%;top:33.333%}.m2{left:50%;top:33.333%}.m3{left:75%;top:33.333%}.m4{left:25%;top:66.666%}.m5{left:50%;top:66.666%}.m6{left:75%;top:66.666%}.hero-title{position:relative;z-index:1;margin:0;padding:clamp(96px,14vh,170px) var(--gutter) 0;font-family:var(--font-display);font-weight:400;line-height:.92;text-align:center;text-transform:uppercase;white-space:nowrap}.hero-title span{display:block}.hero-title .line-1{font-size:min(9.6vw,168px,14vh);letter-spacing:.06em}.hero-title .line-2{margin-top:.04em;font-size:min(17vw,300px,25vh);letter-spacing:.05em}.hero-stage{position:relative;z-index:2;flex:none;--stage-w: min(1060px, 82vw, 100svh);width:var(--stage-w);aspect-ratio:3 / 2;margin:calc(var(--stage-w) * -.24) auto calc(var(--stage-w) * -.15);pointer-events:none}.hero-fallback,.hero-canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity .9s ease}.hero-fallback{object-fit:contain;animation:hero-float 7s ease-in-out infinite}.hero-canvas{opacity:0}.hero-stage.is-3d .hero-canvas{opacity:1}.hero-stage.is-3d .hero-fallback{opacity:0}@keyframes hero-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.2%) rotate(-.6deg)}}.hero-foot{position:relative;z-index:3;display:grid;justify-items:center;gap:20px;width:min(560px,calc(100% - 2 * var(--gutter)));margin:auto auto 0;text-align:center}.hero-blurb{position:relative;margin:0;padding:14px 22px;font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1.7}.br{position:absolute;width:14px;height:14px;border-color:var(--fg);border-style:solid}.br-tl{left:0;top:0;border-width:1px 0 0 1px}.br-br{right:0;bottom:0;border-width:0 1px 1px 0}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.cta-start{min-width:200px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-best{margin:-6px 0 0;font-size:11px;color:var(--dim)}.ribbon{position:absolute;z-index:4;right:-10vw;bottom:clamp(48px,9vh,96px);width:46vw;min-width:420px;overflow:hidden;background:var(--accent);color:#000;transform:rotate(-14deg);box-shadow:0 0 40px #7cff2b59;pointer-events:none}.ribbon-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.ribbon-track span{padding:10px 0 8px;font-family:var(--font-display);font-size:clamp(18px,2vw,28px);letter-spacing:.06em;white-space:pre}@keyframes marquee{to{transform:translate(-50%)}}.info{position:relative;padding:clamp(72px,12vw,140px) var(--gutter);border-top:1px solid var(--line)}.info .display{font-size:clamp(52px,9vw,140px);margin-bottom:clamp(32px,5vw,64px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:40px}.cards article{padding:28px 24px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cards b{display:block;margin-bottom:40px;color:var(--accent);font-size:11px;letter-spacing:.14em}.cards h3{margin:0 0 10px;font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1}.cards p,.about-copy{margin:0;color:var(--dim);font-size:13px;text-transform:none;letter-spacing:.01em;max-width:46ch}.about-copy{margin-bottom:32px;font-size:15px;max-width:60ch}.t-green{color:var(--accent);font-style:normal}.t-amber{color:var(--amber);font-style:normal}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px var(--gutter) calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--dim);font-size:11px}@media(max-width:860px){.topbar{grid-template-columns:1fr auto}.main-nav{display:none}.cards{grid-template-columns:1fr}.hero-stage{--stage-w: 112vw;margin:-16vw 0 -14vw -6vw}.e1{width:140vw;height:70vw}.e2{width:100vw;height:90vw}.ribbon{z-index:1;bottom:auto;top:50%;right:-30vw;min-width:0;width:100vw}.hero-title{padding-top:120px}.hero-title .line-1{font-size:12.5vw;letter-spacing:.05em}.hero-title .line-2{font-size:20vw}}@media(max-width:480px){.hero{min-height:max(600px,100svh)}.hero-actions{width:100%}.hero-actions .cta{flex:1 1 100%}.hero-blurb{font-size:11px;padding:12px 16px}.m1,.m3,.m4,.m6{display:none}}.game-shell,.final-shell,.custom-shell{position:relative;display:flex;flex-direction:column;min-height:100dvh;touch-action:manipulation}.game-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gutter);padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-stats{display:flex;gap:clamp(16px,4vw,48px);margin:0}.stat dt{font-size:10px;letter-spacing:.14em;color:var(--dim)}.stat dd{margin:0;font-family:var(--font-display);font-size:26px;line-height:1;white-space:nowrap}.stat dd b{font-weight:400;color:var(--accent)}.stat dd small{display:block;margin-top:4px;font-family:var(--font-ui);font-size:9px;letter-spacing:.12em;color:var(--dim)}.topbar-tools{display:flex;gap:8px}.game-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:20px;width:100%;max-width:920px;margin:0 auto;padding:20px 8px calc(16px + env(safe-area-inset-bottom))}.play-area{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:0 8px}.readout{--heat: var(--fg);display:grid;justify-items:center;gap:10px;text-align:center}.readout .kicker{margin:0}.readout-key{font-family:var(--font-display);font-weight:400;font-size:clamp(80px,min(20vw,15vh),168px);line-height:.9;color:var(--heat);text-shadow:0 0 48px color-mix(in srgb,var(--heat) 55%,transparent);transition:color .3s,text-shadow .3s}.readout-heat{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--heat)}.heat-burning{--heat: var(--hot)}.heat-warm{--heat: var(--warm)}.heat-cool{--heat: var(--cool)}.heat-cold{--heat: var(--cold)}.heat-scale{display:flex;align-items:center;gap:10px;width:min(320px,100%);font-size:9px;color:var(--dim)}.heat-scale i{flex:1;height:4px;background:linear-gradient(90deg,var(--cold),var(--cool),var(--warm),var(--hot))}.tap-trail{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;padding:0;list-style:none}.tap-trail li{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--heat);color:var(--heat);font-weight:700}.history{display:grid;gap:8px;max-height:38vh;margin:0;padding:4px 0;overflow-y:auto;list-style:none;justify-items:center;scrollbar-width:thin}.attempt{display:flex;align-items:center;gap:8px}.attempt-no{width:26px;font-size:10px;color:var(--dim)}.slot{position:relative;display:grid;place-items:center;width:clamp(48px,13vw,60px);aspect-ratio:1;border:1px solid var(--line);font-family:var(--font-display);font-size:clamp(24px,6vw,30px);line-height:1}.slot i{position:absolute;top:3px;right:5px;font-family:var(--font-ui);font-style:normal;font-size:11px;font-weight:700}.slot.is-green{background:var(--accent);border-color:var(--accent);color:#000}.slot.is-amber{background:var(--amber);border-color:var(--amber);color:#000}.slot.is-grey{background:var(--muted);border-color:var(--muted);color:#ffffffb3}.is-pending .slot{border-style:dashed}.is-pending .slot.is-filled{border-style:solid;border-color:var(--fg)}.is-pending .slot.is-active{border-color:var(--accent)}.is-pending .slot.is-active:after{content:"";width:2px;height:40%;background:var(--accent);animation:caret 1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:12px 0 0;font-size:10px;letter-spacing:.1em}.lg-green{color:var(--accent)}.lg-amber{color:var(--amber)}.lg-grey{color:var(--dim)}.hint-panel{margin:0 8px;padding:14px 16px;border:1px solid var(--line);background:#0009}.hint-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hint-head .kicker{margin:0}.hint-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;transition:background .2s,color .2s}.hint-button span{font-size:10px;font-weight:500;opacity:.8}.hint-button:hover:not(:disabled){background:var(--accent);color:#000}.hint-button:disabled{border-color:var(--line);color:var(--dim)}.hint-list{display:grid;gap:6px;margin:12px 0 0;padding:0 0 0 20px;font-size:12px;text-transform:none;letter-spacing:.01em}.hint-list li::marker{color:var(--accent)}.hint-note{margin:8px 0 0;font-size:11px;text-transform:none;letter-spacing:.01em;color:var(--dim)}.board-wrap{display:grid;gap:10px;width:100%;margin:0 auto}@media(min-width:641px){.board-wrap{width:min(100%,calc((100svh - 490px)*2));min-width:min(100%,560px)}}.keyboard-case{padding:clamp(7px,1.5vw,18px);border-radius:clamp(12px,2vw,22px);background:linear-gradient(180deg,#34373e,#1d1f24 45%,#141519);box-shadow:inset 0 1px #ffffff29,inset 0 -3px #0000008c,0 0 0 1px #ffffff0d,0 24px 48px #000000b3}.keyboard-board{position:relative;width:100%;aspect-ratio:var(--board-ratio);border-radius:clamp(6px,1vw,12px);background:#08090b;background-repeat:no-repeat;background-position:top left;box-shadow:inset 0 2px 8px #000000e6;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.keycap{--body: linear-gradient(180deg, #24262c 0%, #111216 100%);--face: linear-gradient(180deg, #474b55 0%, #33363e 45%, #2a2d34 100%);--legend: #eef0f4;position:absolute;display:block;margin:0;padding:clamp(2px,.35vw,4px);border:0;background:none;color:var(--legend);touch-action:manipulation}.keycap>span{position:relative;display:block;width:100%;height:100%;border-radius:clamp(5px,.8vw,9px);background:var(--body);box-shadow:inset 0 0 0 1px #ffffff0d,0 2px #000,0 4px 7px #000000a6;transition:transform .07s,box-shadow .07s,opacity .25s}.keycap>span:before,.keycap>span>b{position:absolute;inset:5% 9% 17%;border-radius:clamp(4px,.6vw,7px)}.keycap>span:before{content:"";background:var(--face);box-shadow:inset 0 1px #fff3,inset 0 -1px 2px #00000059,0 1px 1px #0006;transition:background .25s}.keycap>span>b{z-index:1;display:grid;place-items:center;color:var(--legend);font-size:clamp(12px,1.9vw,17px);font-weight:500;letter-spacing:0;text-shadow:0 1px 0 rgba(0,0,0,.35);transition:color .25s}.keycap:hover:not(:disabled){--face: linear-gradient(180deg, #535865 0%, #3b3f48 45%, #30333b 100%)}.keycap:active:not(:disabled)>span,.keycap.is-pressed>span{transform:translateY(2px);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 #000,0 1px 2px #000000b3}.keycap:focus-visible{outline:none}.keycap:focus-visible>span{outline:2px solid var(--accent);outline-offset:1px}.keycap>i{position:absolute;z-index:2;top:14%;right:17%;font-style:normal;font-size:9px;font-weight:700;line-height:1;color:var(--legend);pointer-events:none}.keycap:disabled{cursor:default}.keycap.is-used{--legend: rgba(238, 240, 244, .45)}.keycap.is-green{--body: linear-gradient(180deg, #4d9e18 0%, #2c6408 100%);--face: linear-gradient(180deg, #a6ff6d 0%, #7cff2b 50%, #69e01f 100%);--legend: #061200}.keycap.is-amber{--body: linear-gradient(180deg, #b87708 0%, #7a4d00 100%);--face: linear-gradient(180deg, #ffd06a 0%, #ffb020 55%, #f0a010 100%);--legend: #1a1000}.keycap.is-grey{--body: linear-gradient(180deg, #1a1a1c 0%, #0e0e10 100%);--face: linear-gradient(180deg, #2c2c2f 0%, #232326 100%);--legend: rgba(255, 255, 255, .3)}.keycap.is-burning{--glow: var(--hot)}.keycap.is-warm{--glow: var(--warm)}.keycap.is-cool{--glow: var(--cool)}.keycap.is-cold{--glow: var(--cold)}.keycap:is(.is-burning,.is-warm,.is-cool,.is-cold){--legend: var(--glow)}.keycap:is(.is-burning,.is-warm,.is-cool,.is-cold)>span{box-shadow:0 0 0 2px var(--glow),0 0 18px color-mix(in srgb,var(--glow) 60%,transparent),0 2px #000}.keycap.is-highlight>span{outline:3px solid var(--accent);outline-offset:1px}.keycap-control>span>b{font-size:clamp(9px,1.3vw,12px);letter-spacing:.1em}.keycap-control.is-decor{--legend: rgba(238, 240, 244, .35)}.keycap-control:disabled>span{opacity:.5}.keyboard-case.is-photo{padding:0;border-radius:0;background:none;box-shadow:none}.keyboard-board.is-photo{border:1px solid var(--line);border-radius:0;box-shadow:none}.is-photo .keycap:not(.keycap-control)>span{background:transparent;box-shadow:inset 0 0 0 1px #ffffff38}.is-photo .keycap:not(.keycap-control)>span:before,.is-photo .keycap:not(.keycap-control)>span>b{display:none}.is-photo .keycap.is-green>span{background:#7cff2b80}.is-photo .keycap.is-amber>span{background:#ffb02080}.is-photo .keycap.is-grey>span{background:#1414149e}.is-photo .keycap:is(.is-burning,.is-warm,.is-cool,.is-cold)>span{background:color-mix(in srgb,var(--glow) 38%,transparent);box-shadow:0 0 0 2px var(--glow)}.is-photo .keycap>i{padding:2px 3px;border-radius:3px;background:#000;color:var(--fg)}.board-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;margin:0;font-size:10px;letter-spacing:.1em;color:var(--dim);text-align:center}.fx-shake .play-area{animation:shake .38s var(--ease-out)}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.fx-solve .board-wrap{animation:solve-flash .7s ease-out}@keyframes solve-flash{0%{filter:drop-shadow(0 0 0 transparent)}25%{filter:drop-shadow(0 0 24px var(--accent)) brightness(1.4)}to{filter:none}}.confetti{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;left:50%;top:45%;width:2px;height:7vmin;background:var(--c);opacity:0;transform-origin:50% 100%;animation:burst 1.1s var(--ease-out) var(--t) forwards}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(-2vmin) scaleY(.2)}60%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scaleY(1)}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.fx-shake .play-area,.fx-solve .board-wrap,.hero-fallback,.ribbon-track{animation:none!important}}.modal-scrim{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#000000bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}}.modal{position:relative;z-index:1;width:min(480px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:clamp(24px,5vw,40px);border:1px solid var(--line);background:#050505;text-align:center;animation:rise .3s var(--ease-out)}.modal:before,.modal:after{content:"";position:absolute;width:7px;height:7px;background:var(--fg)}.modal:before{left:0;top:0}.modal:after{right:0;bottom:0}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.modal .display{font-size:clamp(52px,12vw,76px);margin-bottom:16px}.result.is-won .display{color:var(--accent)}.result-answer{margin:0 0 20px;font-size:12px;letter-spacing:.12em}.result-answer strong{display:block;margin-top:6px;font-family:var(--font-display);font-size:44px;font-weight:400;letter-spacing:.2em;color:var(--fg)}.result-stats{display:grid;grid-template-columns:1fr 1fr;margin:0 0 24px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.result-stats div{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats dt{font-size:9px;letter-spacing:.14em;color:var(--dim)}.result-stats dd{margin:0;font-family:var(--font-display);font-size:28px}.result-note{margin:0 0 20px;font-size:11px;color:var(--dim)}.modal-actions{display:grid;gap:10px}.modal-actions.row{grid-auto-flow:column;grid-auto-columns:1fr}.final{position:relative;z-index:1;flex:1;display:grid;align-content:center;justify-items:center;gap:12px;padding:32px var(--gutter);text-align:center}.final-title{font-size:clamp(80px,18vw,200px)}.final-total{margin:0;font-family:var(--font-display);font-size:clamp(56px,12vw,120px);line-height:1;color:var(--accent)}.final-levels{display:flex;gap:1px;margin:8px 0 16px;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}.final-levels li{display:grid;gap:2px;min-width:96px;padding:12px 16px;background:var(--bg)}.final-levels span,.final-levels small{font-size:10px;color:var(--dim)}.final-levels b{font-family:var(--font-display);font-size:32px;font-weight:400}.final .modal-actions{width:min(360px,100%)}.is-champion .final{gap:10px;padding-top:24px}.is-champion .final-title{font-size:clamp(54px,min(9vw,10vh),120px)}.is-champion .final-title span{color:var(--accent)}.champion-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% 28%,rgba(124,255,43,.16),transparent 70%)}.champion-badge{position:relative;display:grid;place-items:center;width:clamp(150px,19vh,180px);aspect-ratio:1;margin-bottom:6px;animation:badge-pop .7s var(--ease-out) both}.badge-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),#fff,var(--amber),var(--accent),#2e7bff,var(--accent));filter:drop-shadow(0 0 28px rgba(124,255,43,.55));animation:badge-spin 6s linear infinite}.badge-core{position:relative;display:grid;place-items:center;align-content:center;gap:2px;width:calc(100% - 12px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1b1d22,#050506 70%);box-shadow:inset 0 0 0 1px #ffffff1f}.badge-core b{font-family:var(--font-display);font-size:clamp(36px,4.8vh,48px);font-weight:400;line-height:1;color:var(--accent);text-shadow:0 0 24px rgba(124,255,43,.6)}.badge-core small{font-size:9px;letter-spacing:.16em;color:var(--dim)}@keyframes badge-spin{to{transform:rotate(1turn)}}@keyframes badge-pop{0%{transform:scale(.4) rotate(-20deg);opacity:0}70%{transform:scale(1.06)}}.final-sub{max-width:46ch;margin:0;font-size:12px;line-height:1.7;letter-spacing:.1em}.final-sub strong{color:var(--accent)}.final-score{display:grid;justify-items:center;margin-top:6px}.final-score>span{font-size:10px;letter-spacing:.16em;color:var(--dim)}.new-best{margin-left:6px;padding:2px 6px;background:var(--amber);color:#000;font-style:normal;font-weight:700}.is-champion .final-total{font-size:clamp(48px,min(8vw,8vh),88px)}.final-levels li span{color:var(--accent)}.custom-main{position:relative;z-index:1;display:grid;gap:16px;width:100%;max-width:760px;margin:0 auto;padding:28px 8px calc(24px + env(safe-area-inset-bottom))}.custom-main>:not(.align-stage,.tune-board){margin-left:8px;margin-right:8px}.custom-title{font-size:clamp(56px,14vw,104px)}.custom-heading{margin:0;font-size:14px;font-weight:700;letter-spacing:.06em;line-height:1.4}.custom-title:focus,.custom-heading:focus{outline:none}.custom-copy{margin:0;color:var(--dim);font-size:14px;text-transform:none;letter-spacing:.01em}.privacy{margin:0;padding:10px 12px;border:1px solid rgba(124,255,43,.35);color:var(--accent);font-size:12px;text-transform:none;letter-spacing:.01em}.form-error{margin:0;min-height:1.5em;color:var(--amber);font-size:12px;text-transform:none;letter-spacing:.01em}.form-error:empty{min-height:0}.file-cta{cursor:pointer}.file-cta input{position:absolute;width:1px;height:1px;opacity:0}.file-cta:focus-within{outline:2px solid var(--accent);outline-offset:3px}.align-stage{position:relative;justify-self:center;max-width:100%;border:1px solid var(--line);touch-action:none;background:#111}.align-stage.is-invalid{border-color:var(--amber)}.align-photo,.align-ghost{position:absolute;inset:0;width:100%;height:100%}.handle{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 3px,rgba(124,255,43,.22) 4px 100%);box-shadow:0 0 0 2px var(--accent),0 2px 10px #0009;touch-action:none;cursor:grab}.handle.is-dragging{cursor:grabbing;background:radial-gradient(circle,var(--accent) 0 2px,rgba(124,255,43,.08) 3px 100%)}.handle span{position:absolute;left:50%;bottom:calc(100% + 4px);min-width:22px;padding:2px 6px;transform:translate(-50%);background:var(--accent);color:#000;font-size:12px;font-weight:700}.handle-bottom-left span,.handle-bottom-right span{top:calc(100% + 4px);bottom:auto}.tune-board{width:100%}.tune-readout{margin:0;text-align:center;font-size:12px;letter-spacing:.1em}.tune-readout strong{color:var(--accent);font-size:18px}.tune-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.slider{display:grid;gap:4px;font-size:10px;letter-spacing:.12em;color:var(--dim)}.slider input{width:100%;min-height:32px;accent-color:var(--accent)}.topbar-id{display:flex;align-items:center;gap:12px;min-width:0}.player-chip{max-width:14ch;overflow:hidden;padding:4px 10px;border:1px solid var(--accent);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}.round-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;font-size:10px;letter-spacing:.12em;color:var(--dim)}.round-player{display:none;margin-right:8px;color:var(--accent)}.round-track{display:flex;gap:5px;margin:0;padding:0;list-style:none}.round-track li{width:18px;height:6px;border:1px solid var(--line)}.round-track li.is-won{background:var(--accent);border-color:var(--accent)}.round-track li.is-lost{background:var(--hot);border-color:var(--hot)}.modal .round-track{justify-content:center;margin:0 0 18px}.name-form{text-align:left}.name-form .display,.name-form .kicker{text-align:center}.name-label{display:block;margin-bottom:6px;font-size:10px;letter-spacing:.14em;color:var(--dim)}.name-input{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--line);border-radius:0;background:#0d0d0d;color:var(--fg);font-family:var(--font-display);font-size:26px;letter-spacing:.08em;text-transform:uppercase}.name-input::placeholder{color:#ffffff40}.name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.name-form .form-error{margin-top:8px}.name-note{margin:8px 0 20px;font-size:11px;color:var(--dim);text-transform:none;letter-spacing:.01em}.final-name{margin:0;font-size:14px;letter-spacing:.14em}.final-name span{color:var(--accent)}@media(max-width:640px){.game-topbar{padding-left:8px;padding-right:8px;gap:8px}.game-topbar .brand,.topbar-id{display:none}.round-player{display:inline}.stat-level small,.stat dd small{display:none}.game-stats{gap:14px}.stat dd{font-size:20px}.stat-level small{display:none}.icon-button{padding:0 8px}.game-main{gap:12px;padding-top:12px}.history{max-height:30vh}.keyboard-board{aspect-ratio:auto;height:calc(5.15*clamp(44px,12.5vw,56px))}.tune-sliders{grid-template-columns:1fr}.modal-actions.row{grid-auto-flow:row}}