@property --glow{syntax: "<number>"; inherits: true; initial-value: .55;}@property --grid-energy{syntax: "<number>"; inherits: true; initial-value: .08;}:root{--panel: #0d0b0a;--panel-2: #161210;--panel-edge: #2a211b;--amber: #ffb000;--amber-dim: #a8741a;--amber-deep: #5c3f12;--mint: #7cffb2;--red: #ff3b2f;--ink-soft: #c79a5a;--accent: var(--amber);--accent-rgb: 255, 176, 0;--glow: .55;--grid-energy: .08;--seg-font: "DSEG7 Classic", "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#050403;color:var(--ink-soft);font-family:IBM Plex Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{display:grid;place-items:stretch;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;min-height:100svh;padding:clamp(18px,4vh,34px) clamp(18px,5vw,40px);overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 50% -10%,rgba(var(--accent-rgb),calc(.1 * var(--glow))),transparent 60%),repeating-linear-gradient(0deg,transparent 0 38px,rgba(var(--accent-rgb),var(--grid-energy)) 38px 39px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(var(--accent-rgb),calc(var(--grid-energy) * .6)) 38px 39px),linear-gradient(160deg,var(--panel-2),var(--panel) 60%,#0a0807);transition:--glow .6s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:--glow .6s ease,--grid-energy .6s ease}.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:3}.best{text-align:right;display:flex;flex-direction:column;gap:2px}.modesw{display:flex;flex-direction:column;gap:4px;user-select:none;-webkit-user-select:none}.modesw__label{font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--amber-dim)}.modesw__track{display:inline-flex;align-items:stretch;border:1px solid rgba(var(--accent-rgb),.28);border-radius:6px;overflow:hidden;background:rgba(var(--accent-rgb),.04)}.modesw__opt{appearance:none;border:0;margin:0;cursor:pointer;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:5px 9px;background:transparent;color:var(--amber-dim);transition:color .18s ease,background .18s ease,box-shadow .18s ease,text-shadow .18s ease}.modesw__opt+.modesw__opt{border-left:1px solid rgba(var(--accent-rgb),.18)}.modesw__opt:hover{color:var(--ink-soft)}.modesw__opt.is-on{color:#120c04;background:rgba(var(--accent-rgb),calc(.55 * var(--glow) + .35));text-shadow:none;box-shadow:0 0 10px rgba(var(--accent-rgb),calc(.5 * var(--glow)))}.modesw.is-locked{opacity:.4;pointer-events:none}.best__label{font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--amber-dim)}.best__val{font-size:clamp(22px,7vw,30px);color:var(--ink-soft)}.seg{font-family:var(--seg-font);font-feature-settings:normal;position:relative}.seg:before{content:attr(data-ghost);position:absolute;inset:0;color:rgba(var(--accent-rgb),.07);pointer-events:none;text-align:inherit}.climb-wrap{position:relative;flex:1 1 auto;margin:clamp(16px,3vh,28px) 0;border-radius:10px;border:1px solid var(--panel-edge);background:radial-gradient(140% 120% at 50% 50%,rgba(var(--accent-rgb),.05),transparent 70%),#070605;box-shadow:inset 0 0 60px #000000e6,inset 0 0 0 1px rgba(var(--accent-rgb),.06),0 0 0 1px #000;overflow:hidden;z-index:2}.climb{display:block;width:100%;height:100%}.climb__overlay{position:absolute;inset:0;display:grid;place-items:start start;padding:clamp(12px,3vw,18px);pointer-events:none}.readout{text-align:left;line-height:.9;display:flex;flex-direction:column}.readout__streak{display:block;font-size:clamp(40px,13vw,70px);color:var(--accent);text-shadow:0 0 calc(22px * var(--glow)) rgba(var(--accent-rgb),.8),0 0 calc(48px * var(--glow)) rgba(var(--accent-rgb),.3)}.readout__caption{order:-1;margin:0 0 3px;padding-left:2px;font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--amber-dim);transition:color .25s ease,text-shadow .25s ease}.readout__caption.is-good{color:var(--mint);text-shadow:0 0 12px rgba(124,255,178,.6)}.readout__caption.is-bad{color:var(--red);text-shadow:0 0 12px rgba(255,59,47,.6)}.readout__streak.bump{animation:lvBump .42s cubic-bezier(.3,1.5,.5,1)}@keyframes lvBump{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.climb__badge{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--mint);padding:5px 14px;border:1px solid rgba(124,255,178,.5);border-radius:999px;background:#7cffb214;text-shadow:0 0 12px rgba(124,255,178,.8);animation:badgePop .4s ease,badgeBlink 1s steps(2) 3}@keyframes badgePop{0%{transform:translate(-50%) scale(.6);opacity:0}}@keyframes badgeBlink{50%{opacity:.25}}.toast{position:absolute;left:50%;bottom:clamp(10px,3.5vh,22px);transform:translate(-50%) translateY(6px);width:max-content;max-width:86%;padding:8px 15px;border-radius:999px;background:linear-gradient(180deg,#0d0b0ac7,#070605db);border:1px solid rgba(var(--accent-rgb),.28);box-shadow:0 6px 22px #0009,inset 0 0 18px rgba(var(--accent-rgb),.06);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-align:center;line-height:1.35;font-size:clamp(11.5px,3vw,13.5px);letter-spacing:.02em;color:var(--ink-soft);pointer-events:none;z-index:5;opacity:0;visibility:hidden;transition:opacity .4s ease,transform .4s cubic-bezier(.2,.9,.3,1),visibility 0s linear .4s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1)}.toast b{font-family:var(--seg-font);color:var(--accent);padding:0 .12em;text-shadow:0 0 12px rgba(var(--accent-rgb),.6)}.toast .key-cap{display:inline-block;color:var(--accent);text-shadow:0 0 10px rgba(var(--accent-rgb),.7)}.keybay{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.4vh,18px);padding-top:clamp(8px,2vh,18px);z-index:3}.replay{position:absolute;left:50%;top:50%;transform:translate(calc(-50% - clamp(112px,33vw,150px)),-50%) scale(.8);display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:16px;border:1px solid rgba(var(--accent-rgb),.3);background:linear-gradient(180deg,#161210b3,#0a0807cc);color:var(--ink-soft);font:inherit;cursor:pointer;box-shadow:0 4px 14px #00000080,inset 0 0 14px rgba(var(--accent-rgb),.05);-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.9,.3,1),visibility 0s linear .35s,border-color .15s ease,box-shadow .15s ease}.replay__glyph{font-size:clamp(20px,6vw,26px);line-height:1;color:var(--accent);text-shadow:0 0 12px rgba(var(--accent-rgb),.6)}.replay__label{font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-dim)}.panel[data-state=armed] .replay,.panel[data-state=live] .replay{opacity:1;visibility:visible;pointer-events:auto;transform:translate(calc(-50% - clamp(112px,33vw,150px)),-50%) scale(1);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.9,.3,1),border-color .15s ease,box-shadow .15s ease}.replay:active{border-color:rgba(var(--accent-rgb),.7);box-shadow:0 2px 8px #00000080,inset 0 0 20px rgba(var(--accent-rgb),.18)}.replay.ping .replay__glyph{animation:replaySpin .5s cubic-bezier(.3,1.2,.4,1)}@keyframes replaySpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.key{position:relative;width:clamp(150px,46vw,208px);aspect-ratio:1;border:none;border-radius:50%;padding:0;cursor:pointer;color:inherit;font:inherit;background:radial-gradient(120% 120% at 50% 30%,var(--panel-2),#0a0807 70%);box-shadow:0 10px 26px #0009,0 2px #000,inset 0 2px 1px rgba(var(--accent-rgb),.18),inset 0 -10px 20px #000000b3;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .07s ease,box-shadow .2s ease}.key__ring{position:absolute;inset:8px;border-radius:50%;border:2px solid rgba(var(--accent-rgb),.55);box-shadow:0 0 calc(22px * var(--glow)) rgba(var(--accent-rgb),.5),inset 0 0 16px rgba(var(--accent-rgb),.12);transition:border-color .15s ease,box-shadow .15s ease}.key__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.key__glyph{font-size:clamp(38px,12vw,54px);color:var(--accent);text-shadow:0 0 calc(16px * var(--glow)) rgba(var(--accent-rgb),.8);line-height:1}.key__label{font-size:clamp(11px,2.8vw,13px);letter-spacing:.38em;text-transform:uppercase;color:var(--amber-dim)}.key:active,.key.is-down{transform:translateY(3px) scale(.985);box-shadow:0 3px 10px #0009,inset 0 3px 14px #000c,inset 0 0 30px rgba(var(--accent-rgb),.25)}.panel[data-state=armed]{--accent: var(--mint);--accent-rgb: 124, 255, 178}.panel[data-state=live],.panel[data-state=fell]{--accent: var(--red);--accent-rgb: 255, 59, 47}.panel[data-state=live] .key__ring{animation:livePulse .7s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 18px rgba(var(--accent-rgb),.5),inset 0 0 16px rgba(var(--accent-rgb),.12)}50%{box-shadow:0 0 40px rgba(var(--accent-rgb),.9),inset 0 0 26px rgba(var(--accent-rgb),.3)}}.key.beep .key__ring{animation:beepFlash .14s ease-out}@keyframes beepFlash{0%{border-color:#fff;box-shadow:0 0 34px rgba(var(--accent-rgb),1),inset 0 0 24px rgba(var(--accent-rgb),.5)}to{border-color:rgba(var(--accent-rgb),.55)}}.panel.holding .readout,.panel.trace .readout{opacity:0;transition:opacity .12s ease}.vignette,.scanlines,.grain,.flash{position:absolute;inset:0;pointer-events:none;z-index:4}.vignette{background:radial-gradient(120% 100% at 50% 45%,transparent 55%,rgba(0,0,0,.7) 100%)}.scanlines{background:repeating-linear-gradient(0deg,#0000 0 2px,#00000038 2px 3px);mix-blend-mode:multiply;opacity:.6;animation:roll 8s linear infinite}@keyframes roll{to{background-position:0 3px}}.grain{opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainShift .6s steps(3) infinite}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-3px,2px)}66%{transform:translate(2px,-3px)}}.flash{background:rgba(var(--accent-rgb),.9);opacity:0;z-index:5}.flash.fire{animation:flashFire .42s ease-out}@keyframes flashFire{0%{opacity:0}12%{opacity:.55}to{opacity:0}}.panel.glitch{animation:glitch .32s steps(2) 1}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-2px,1px) skew(-.4deg)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.panel[data-state=boot] .climb__overlay,.panel[data-state=boot] .keybay{opacity:0}.panel.booting .masthead{animation:rise .6s ease both}.panel.booting .climb-wrap{animation:rise .6s ease .12s both}.panel.booting .climb__overlay{animation:rise .6s ease .42s both}.panel.booting .keybay{animation:rise .6s ease .66s both}.panel.booting:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(var(--accent-rgb),.25) 50%,transparent 100%);animation:powerScan .7s ease-out 1}@keyframes powerScan{0%{transform:translateY(-100%);opacity:0}30%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel[data-heat="1"]{--glow: .8;--grid-energy: .11}.panel[data-heat="2"]{--glow: 1.05;--grid-energy: .15}.panel[data-heat="3"]{--glow: 1.35;--grid-energy: .2}.panel[data-heat="2"]:not([data-state=armed]):not([data-state=live]){--accent: #ff8800;--accent-rgb: 255, 136, 0}.panel[data-heat="3"]:not([data-state=armed]):not([data-state=live]){--accent: #ff6a00;--accent-rgb: 255, 106, 0}@media (prefers-reduced-motion: reduce){.scanlines,.grain,.panel.booting:after,.key__ring{animation:none!important}.panel.booting *{animation:none!important;opacity:1!important}}