:root{color-scheme:dark;--color-bg: #05070f;--color-bg-deep: #030509;--color-panel: #0a1122;--color-line: #16223f;--color-text: #d8e6ff;--color-text-dim: #6f83ad;--color-accent: #35e0ff;--color-accent-soft: rgba(53, 224, 255, .25);--color-danger: #ff3b5c;--color-danger-soft: rgba(255, 59, 92, .25);--color-key-top: #111b36;--color-key-bottom: #0a1226;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-tech: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box}.is-hidden{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--color-bg-deep)}body{font-family:var(--font-ui);color:var(--color-text);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}#app{position:relative;display:flex;flex-direction:column;height:100%;width:100%;margin-inline:auto;background:radial-gradient(120% 60% at 50% 0%,#0a1428 0%,transparent 60%),var(--color-bg);touch-action:none}@supports (height: 100dvh){#app{height:100dvh}}@media(min-aspect-ratio:3/4){body{background:radial-gradient(80% 80% at 50% 20%,#081020 0%,var(--color-bg-deep) 70%)}#app{width:clamp(320px,calc(100vh * 9 / 19.5),460px);--safe-left: 0px;--safe-right: 0px;border-inline:1px solid var(--color-line);box-shadow:0 0 80px #35e0ff12,0 0 24px #000c}@supports (height: 100dvh){#app{width:clamp(320px,calc(100dvh * 9 / 19.5),460px)}}}#hud{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:calc(8px + var(--safe-top)) 12px 6px;border-bottom:1px solid var(--color-line);background:linear-gradient(180deg,#0a1122e6,#0a112266)}#game-title{margin:0 -.42em 0 0;font-family:var(--font-tech);font-size:clamp(16px,2.4vh,22px);font-size:clamp(16px,2.4dvh,22px);font-weight:700;letter-spacing:.42em;color:var(--color-accent);text-shadow:0 0 14px rgba(53,224,255,.55)}#combat-area{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;padding-inline:var(--safe-left) var(--safe-right);touch-action:none}#combat-area canvas{display:block}#word-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:42px;padding-block:4px;padding-inline:calc(12px + var(--safe-left)) calc(12px + var(--safe-right));border-top:1px solid var(--color-line);background:linear-gradient(180deg,#0a112259,#0a1122bf);container-type:inline-size}.word-bar-content{max-width:100%;overflow:hidden;white-space:nowrap;font-family:var(--font-tech);font-weight:600;letter-spacing:.14em;font-size:clamp(17px,5.5vw,24px);font-size:clamp(17px,6cqw,24px);color:var(--color-accent);text-shadow:0 0 12px rgba(53,224,255,.45)}#word-bar.is-placeholder .word-bar-content{font-size:11px;letter-spacing:.2em;color:var(--color-text-dim);text-shadow:none}.word-typed{color:#fff;text-shadow:0 0 12px rgba(53,224,255,.8)}.word-remaining{color:var(--color-accent)}.word-new{animation:word-char-pop .15s ease-out}@keyframes word-char-pop{0%{color:#fff;text-shadow:0 0 16px rgba(255,255,255,.95),0 0 26px rgba(53,224,255,.9)}}#word-bar.flash-cancel{animation:word-bar-cancel .3s ease-out}@keyframes word-bar-cancel{0%{box-shadow:inset 0 0 26px var(--color-danger-soft);border-top-color:var(--color-danger)}to{box-shadow:inset 0 0 #ff3b5c00;border-top-color:var(--color-line)}}#word-bar.flash-error .word-bar-content{animation:word-bar-error .17s ease-out}@keyframes word-bar-error{0%,60%{color:var(--color-danger);text-shadow:0 0 10px rgba(255,59,92,.7)}}#word-bar.flash-nomatch .word-bar-content{animation:word-bar-nomatch .15s ease-out}@keyframes word-bar-nomatch{0%,50%{opacity:.35}}#keyboard{flex:0 0 auto;--key-h: clamp(44px, 5.8vh, 52px);--key-h: clamp(44px, 5.8dvh, 52px);height:auto;padding:6px calc(4px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(4px + var(--safe-left));background:linear-gradient(180deg,rgba(10,17,34,.55),var(--color-panel));border-top:1px solid var(--color-line);box-shadow:0 -1px 18px #35e0ff0f;touch-action:none;container-type:inline-size}.virtual-keyboard{display:flex;flex-direction:column}.keyboard-row{position:relative;display:flex;justify-content:center;flex:0 0 auto;height:var(--key-h)}.key{position:relative;width:10%;height:100%;margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.key:focus,.key:focus-visible{outline:none}.keyboard-row-3 .key[data-key=Z]:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:150%}.key-cap{position:absolute;inset:1.5px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(85,150,255,.22);background:linear-gradient(180deg,var(--color-key-top),var(--color-key-bottom));box-shadow:inset 0 1px #a0c8ff14,0 1px 2px #0006;font-family:var(--font-tech);font-weight:600;font-size:clamp(15px,5vw,21px);font-size:clamp(15px,5cqw,21px);color:var(--color-text);transition:transform 40ms ease-out,background-color 40ms ease-out,box-shadow 60ms ease-out}.key.is-pressed .key-cap{transform:scale(.92) translateY(1px);border-color:#35e0ffd9;background:linear-gradient(180deg,#1b3050,#12203c);color:var(--color-accent);box-shadow:inset 0 1px #a0c8ff1a,0 0 16px var(--color-accent-soft),0 0 4px #35e0ff80;text-shadow:0 0 10px rgba(53,224,255,.8)}.key.key-reset{position:absolute;top:0;bottom:0;right:0;width:11%;height:auto}.key-reset .key-cap{border-color:#ff3b5c80;background:linear-gradient(180deg,#2e0f1b,#1a0910);color:#ff5c7a;font-size:clamp(8px,2.4cqw,10px);font-weight:700;letter-spacing:.06em;text-shadow:0 0 8px rgba(255,59,92,.5);box-shadow:inset 0 1px #ff78961f,0 0 8px #ff3b5c2e,0 1px 2px #0006}.key-reset.is-pressed .key-cap{border-color:var(--color-danger);background:linear-gradient(180deg,#57182b,#33101c);color:#fff;box-shadow:inset 0 1px #ff8ca026,0 0 18px #ff3b5c8c,0 0 6px #ff3b5cb3;text-shadow:0 0 10px rgba(255,90,110,.9)}.key.is-error .key-cap{border-color:var(--color-danger);background:linear-gradient(180deg,#3a1220,#22090f);color:#ff8095;box-shadow:inset 0 1px #ff8ca01f,0 0 14px #ff3b5c73;text-shadow:0 0 8px rgba(255,59,92,.7)}#hud-stats{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-tech);min-width:0}.hud-cell{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.hud-label{font-size:9px;letter-spacing:.16em;color:var(--color-text-dim)}.hud-value{font-size:15px;font-weight:700;color:var(--color-text)}.hud-score .hud-value{color:#fff;text-shadow:0 0 8px rgba(53,224,255,.35)}.hud-ppm .hud-value{color:var(--color-accent)}.hud-streak .hud-value.tier-1{color:#9ff2ff;text-shadow:0 0 8px rgba(53,224,255,.5)}.hud-streak .hud-value.tier-2{color:var(--color-accent);text-shadow:0 0 10px rgba(53,224,255,.7)}.hud-streak .hud-value.tier-3{color:#fff;text-shadow:0 0 12px rgba(53,224,255,.9),0 0 22px rgba(124,92,255,.6)}.hud-multiplier{font-size:10px;font-weight:700;color:#b9a5ff}.hud-streak .hud-value.streak-broken{animation:streak-broken .32s ease-out}@keyframes streak-broken{0%,55%{color:var(--color-danger);text-shadow:0 0 10px rgba(255,59,92,.7)}}#streak-toast{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;font-family:var(--font-tech);font-weight:700;font-size:clamp(17px,5.4vw,22px);letter-spacing:.18em;white-space:nowrap;color:#fff;text-shadow:0 0 16px rgba(53,224,255,.9),0 0 30px rgba(124,92,255,.6);opacity:0}#streak-toast.toast-show{animation:toast-pop 1.1s ease-out forwards}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%) scale(.82)}14%{opacity:1;transform:translate(-50%) scale(1.06)}24%{transform:translate(-50%) scale(1)}74%{opacity:1}to{opacity:0}}#start-screen{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(90% 70% at 50% 35%,#0a112299,#03050ceb 80%)}.start-title{font-family:var(--font-tech);font-size:clamp(34px,11vw,46px);font-weight:700;letter-spacing:.3em;margin-right:-.3em;color:var(--color-accent);text-shadow:0 0 24px rgba(53,224,255,.6),0 0 60px rgba(124,92,255,.35)}.start-tagline{font-family:var(--font-tech);font-size:clamp(10px,3vw,12px);letter-spacing:.3em;margin-right:-.3em;color:var(--color-text-dim)}.start-play-button{margin-top:16px;padding:18px 58px;border:1px solid rgba(53,224,255,.65);border-radius:12px;background:linear-gradient(180deg,#10233c,#0a1526);font-family:var(--font-tech);font-size:clamp(18px,5.4vw,22px);font-weight:700;letter-spacing:.2em;margin-right:0;color:var(--color-accent);text-shadow:0 0 10px rgba(53,224,255,.55);box-shadow:0 0 26px #35e0ff33,0 4px 10px #00000080;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform 60ms ease-out}.start-play-button:active{transform:scale(.95)}#settings-gear{position:absolute;top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 10px);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(53,224,255,.25);border-radius:10px;background:#0a122299;color:#8a93b5;transition:color .2s ease,border-color .2s ease}#settings-gear:active{color:var(--color-accent);border-color:#35e0ff99}.start-version{position:absolute;bottom:calc(var(--safe-bottom) + 8px);left:50%;transform:translate(-50%);font-family:var(--font-tech);font-size:10px;letter-spacing:.18em;color:#40507a}#install-hint{display:flex;align-items:center;gap:10px;max-width:86%;padding:6px 10px;border:1px solid rgba(124,92,255,.35);border-radius:9px;background:#0a0e1cb3}.install-button{padding:8px 22px;border:1px solid rgba(53,224,255,.55);border-radius:8px;background:linear-gradient(180deg,#10233c,#0a1526);font-family:var(--font-tech);font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--color-accent)}.install-ios-hint{font-family:var(--font-tech);font-size:11px;letter-spacing:.06em;line-height:1.4;color:#8a93b5}.install-dismiss{flex:0 0 auto;width:28px;height:28px;border:1px solid rgba(138,147,181,.35);border-radius:7px;background:transparent;font-size:15px;line-height:1;color:#8a93b5}#settings-panel{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);background:#03050cf0}.settings-title{margin-bottom:8px;font-family:var(--font-tech);font-size:18px;font-weight:700;letter-spacing:.3em;color:var(--color-accent);text-shadow:0 0 12px rgba(53,224,255,.5)}.settings-row{width:min(300px,88%);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid rgba(53,224,255,.22);border-radius:10px;background:#0c1426bf;font-family:var(--font-tech)}.settings-row-label{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--color-text)}.settings-row-value{min-width:40px;padding:3px 0;border:1px solid rgba(138,147,181,.4);border-radius:7px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.12em;color:#8a93b5}.settings-row-value.is-on{border-color:#35e0ff99;color:var(--color-accent);text-shadow:0 0 8px rgba(53,224,255,.55)}.settings-clear-button{width:min(300px,88%);margin-top:14px;padding:11px 16px;border:1px solid rgba(255,180,84,.45);border-radius:10px;background:#1c140a99;font-family:var(--font-tech);font-size:12px;font-weight:700;letter-spacing:.16em;color:#ffb454}.settings-clear-button.is-armed{border-color:#ffb454d9;box-shadow:0 0 14px #ffb45440}.settings-back-button{width:min(300px,88%);margin-top:6px;padding:13px 16px;border:1px solid rgba(53,224,255,.5);border-radius:10px;background:linear-gradient(180deg,#10233c,#0a1526);font-family:var(--font-tech);font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--color-accent)}.start-records{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-tech)}.start-record-row{display:flex;align-items:baseline;gap:10px}.start-record-label{font-size:10px;letter-spacing:.18em;color:var(--color-text-dim)}.start-record-value{font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(53,224,255,.45)}#results-screen{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background:radial-gradient(90% 70% at 50% 40%,#1e08128c,#03050ceb 78%);font-family:var(--font-tech)}.results-title{font-size:clamp(12px,3.6vw,14px);font-weight:700;letter-spacing:.24em;margin-right:-.24em;color:#ff5c7a;text-shadow:0 0 14px rgba(255,59,92,.55)}.results-score{margin-top:6px;font-size:clamp(36px,12vw,48px);font-weight:700;color:#fff;text-shadow:0 0 18px rgba(53,224,255,.55),0 0 44px rgba(124,92,255,.3);line-height:1}.results-score-label{font-size:10px;letter-spacing:.3em;margin-right:-.3em;color:var(--color-text-dim)}.results-record-badge{margin-top:8px;padding:5px 16px;border:1px solid rgba(53,224,255,.6);border-radius:7px;color:var(--color-accent);font-weight:700;font-size:clamp(12px,3.8vw,14px);letter-spacing:.16em;text-shadow:0 0 12px rgba(53,224,255,.7);box-shadow:0 0 20px #35e0ff38;animation:record-pop .48s ease-out}@keyframes record-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}}.results-record-compare{margin-top:5px;font-size:11px;letter-spacing:.05em;color:var(--color-text-dim);text-align:center}.results-ppm{margin-top:8px;display:flex;align-items:baseline;gap:6px}.results-ppm-value{font-size:clamp(22px,7vw,26px);font-weight:700;color:var(--color-accent);text-shadow:0 0 12px rgba(53,224,255,.5)}.results-ppm-suffix{font-size:11px;letter-spacing:.2em;color:var(--color-text-dim)}.results-best-chip{font-size:8px;letter-spacing:.12em;color:#b9a5ff;border:1px solid rgba(124,92,255,.5);border-radius:4px;padding:1px 5px;white-space:nowrap}.results-detail{margin-top:10px;width:min(280px,86%);display:flex;flex-direction:column;gap:6px}.results-row{display:flex;justify-content:space-between;align-items:baseline}.results-row-label{font-size:10px;letter-spacing:.14em;color:var(--color-text-dim)}.results-row-value-wrap{display:flex;align-items:baseline;gap:6px}.results-row-value{font-size:13px;font-weight:700;color:var(--color-text)}.results-play-button{margin-top:16px;padding:15px 34px;border:1px solid rgba(53,224,255,.65);border-radius:12px;background:linear-gradient(180deg,#10233c,#0a1526);font-family:var(--font-tech);font-size:clamp(16px,4.6vw,20px);font-weight:700;letter-spacing:.14em;color:var(--color-accent);text-shadow:0 0 10px rgba(53,224,255,.55);box-shadow:0 0 22px #35e0ff2e,0 4px 10px #00000080;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform 60ms ease-out}.results-play-button:active{transform:scale(.95)}.results-home-button{margin-top:2px;padding:8px 16px;border:0;background:transparent;font-family:var(--font-tech);font-size:11px;letter-spacing:.22em;color:var(--color-text-dim);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}#xp-bar{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#16223fe6;overflow:hidden;pointer-events:none}#xp-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#7c5cff,#35e0ff);box-shadow:0 0 6px #7c5cff99;transition:width .18s ease-out}#xp-bar-fill.is-near{box-shadow:0 0 10px #35e0ffd9}#xp-bar-fill.is-ready{animation:xp-ready-pulse .9s ease-in-out infinite}@keyframes xp-ready-pulse{0%,to{opacity:1}50%{opacity:.55}}#levelup-overlay{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;background:#03050cb8;backdrop-filter:blur(2px);font-family:var(--font-tech)}.levelup-title{font-size:clamp(15px,4.6vw,19px);font-weight:700;letter-spacing:.22em;color:var(--color-accent);text-shadow:0 0 14px rgba(53,224,255,.6)}.levelup-subtitle{margin-top:-4px;font-size:10px;letter-spacing:.3em;color:var(--color-text-dim)}.levelup-cards{margin-top:6px;width:min(330px,94%);display:flex;flex-direction:column;gap:10px}.levelup-card{display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 14px;border:1px solid rgba(53,224,255,.45);border-radius:12px;background:linear-gradient(180deg,#10233cf5,#080f1ef5);box-shadow:0 0 16px #35e0ff1f,0 4px 10px #00000080;font-family:var(--font-tech);text-align:left;color:var(--color-text);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform 60ms ease-out}.levelup-card:active{transform:scale(.97)}#levelup-overlay.is-arming .levelup-card{opacity:.55;pointer-events:none}.levelup-card-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(124,92,255,.45);border-radius:10px;background:#7c5cff1f;color:#b9a5ff}.levelup-card-body{display:flex;flex-direction:column;gap:3px}.levelup-card-name{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--color-accent)}.levelup-card-desc{font-size:11px;line-height:1.35;letter-spacing:.03em;color:var(--color-text-dim);font-family:var(--font-ui)}#build-display{position:absolute;left:calc(var(--safe-left) + 8px);bottom:4px;z-index:3;display:flex;align-items:flex-end;pointer-events:none}.build-slots{display:flex;gap:4px}.perk-slot{display:flex;flex-direction:column;align-items:center;width:33px}.perk-slot-face{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#040812b8;color:#7db8d8;transition:color .2s ease-out}.perk-slot-ring{position:absolute;inset:0;transform:rotate(-90deg)}.perk-slot-ring-track{fill:none;stroke:#35e0ff29;stroke-width:2}.perk-slot-ring-fill{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;transition:stroke .2s ease-out}.perk-slot-ring.is-ringless{opacity:.45}.perk-slot-ring.is-ringless .perk-slot-ring-fill{display:none}.perk-slot-icon{display:flex;align-items:center}.perk-slot-level{position:absolute;top:-3px;right:-5px;padding:0 2px;border-radius:4px;background:#040812d9;font-family:var(--font-tech);font-size:7px;letter-spacing:.06em;color:var(--color-text-dim)}.perk-slot-level.is-max{color:#b9a5ff}.perk-slot-label{height:10px;margin-top:1px;font-family:var(--font-tech);font-size:8px;letter-spacing:.05em;line-height:10px;color:var(--color-text-dim);white-space:nowrap}.perk-slot[data-perk-state=ready] .perk-slot-face{color:#d8f6ff;box-shadow:0 0 7px #35e0ff73}.perk-slot[data-perk-state=active] .perk-slot-face{color:#eafcff;animation:perk-active-pulse .7s ease-in-out infinite}.perk-slot[data-perk-state=active] .perk-slot-label{color:var(--color-accent)}.perk-slot[data-perk-state=active] .perk-slot-ring-fill{stroke:#eafcff}@keyframes perk-active-pulse{0%,to{box-shadow:0 0 5px #35e0ff80}50%{box-shadow:0 0 12px #35e0ffe6}}.perk-slot[data-perk-state=charged] .perk-slot-face{color:#fff;background:#35e0ff29;box-shadow:0 0 9px #35e0ffb3}.perk-slot[data-perk-state=charged] .perk-slot-label{color:var(--color-accent);font-weight:700}.perk-slot.perk-proc{animation:perk-proc-punch .34s ease-out}@keyframes perk-proc-punch{0%{transform:scale(1)}30%{transform:scale(1.28);filter:brightness(1.8)}to{transform:scale(1)}}.perk-slot.shield-discharge{animation:shield-discharge-flash .48s ease-out}@keyframes shield-discharge-flash{0%{transform:scale(1.3);filter:brightness(2.2)}40%{transform:scale(.92);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}.perk-slot.charge-pop{animation:charge-pop .48s ease-out}@keyframes charge-pop{0%{transform:scale(.7)}55%{transform:scale(1.3);filter:brightness(1.9)}to{transform:scale(1)}}#keyboard.is-disabled{pointer-events:none;opacity:.45;filter:saturate(.5)}.results-boss{margin-top:8px;font-family:var(--font-tech);font-size:11px;letter-spacing:.12em;color:#b9a5ff}.results-boss.is-defeated{color:var(--color-accent);text-shadow:0 0 10px rgba(53,224,255,.5)}.results-build{margin-top:10px;width:min(280px,86%);display:flex;flex-direction:column;gap:5px}.results-build-title{font-size:10px;letter-spacing:.2em;color:var(--color-text-dim)}.results-build-row{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;color:var(--color-text)}.results-build-icon{display:flex;align-items:center;color:#b9a5ff}#keyboard{position:relative;transition:border-color .35s ease-out,box-shadow .35s ease-out,opacity .35s ease-out}#keyboard:before{content:"";position:absolute;top:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(53,224,255,.9) 30%,rgba(201,249,255,1) 50%,rgba(53,224,255,.9) 70%,transparent 100%);background-size:200% 100%;background-position:50% 0;opacity:0;transition:opacity .35s ease-out;pointer-events:none}#keyboard[data-streak-stage="1"]{border-top-color:#35e0ff8c;box-shadow:0 -2px 26px #35e0ff2e}#keyboard[data-streak-stage="1"]:before{opacity:.55}#keyboard[data-streak-stage="2"]{border-top-color:#35e0ffcc;box-shadow:0 -3px 34px #35e0ff4d,inset 0 2px 16px #35e0ff14;animation:keyboard-energy 2.4s ease-in-out infinite}#keyboard[data-streak-stage="2"]:before{opacity:.85}#keyboard[data-streak-stage="3"]{border-top-color:#35e0ff;box-shadow:0 -4px 42px #35e0ff6b,inset 0 2px 20px #35e0ff1f;animation:keyboard-energy 1.8s ease-in-out infinite}#keyboard[data-streak-stage="3"]:before{opacity:1;animation:keyboard-strip-travel 1.6s linear infinite}#keyboard[data-streak-stage="4"]{border-top-color:#967aff;box-shadow:0 -5px 48px #7c5cff80,0 -3px 26px #35e0ff59,inset 0 2px 22px #7c5cff24;animation:keyboard-overdrive 1.5s ease-in-out infinite}#keyboard[data-streak-stage="4"]:before{opacity:1;background:linear-gradient(90deg,transparent 0%,rgba(124,92,255,.95) 28%,rgba(255,255,255,1) 50%,rgba(53,224,255,.95) 72%,transparent 100%);background-size:200% 100%;animation:keyboard-strip-travel 1.1s linear infinite}#keyboard[data-streak-stage="5"]{border-top-color:#ff4fd8e6;box-shadow:0 -6px 56px #7c5cff99,0 -3px 30px #35e0ff6b,inset 0 2px 26px #7c5cff2e;animation:keyboard-maximum 1.4s ease-in-out infinite}#keyboard[data-streak-stage="5"]:before{opacity:1;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(255,79,216,.95) 25%,rgba(255,255,255,1) 50%,rgba(53,224,255,.95) 75%,transparent 100%);background-size:200% 100%;animation:keyboard-strip-travel .9s linear infinite}@keyframes keyboard-strip-travel{0%{background-position:200% 0}to{background-position:-100% 0}}@keyframes keyboard-energy{0%,to{box-shadow:0 -3px 34px #35e0ff4d,inset 0 2px 16px #35e0ff14}50%{box-shadow:0 -4px 44px #35e0ff6b,inset 0 2px 20px #35e0ff1f}}@keyframes keyboard-overdrive{0%,to{box-shadow:0 -5px 48px #7c5cff80,0 -3px 26px #35e0ff59,inset 0 2px 22px #7c5cff24}50%{box-shadow:0 -6px 58px #7c5cffa3,0 -4px 32px #35e0ff75,inset 0 2px 26px #7c5cff33}}@keyframes keyboard-maximum{0%,to{box-shadow:0 -6px 56px #7c5cff99,0 -3px 30px #35e0ff6b,inset 0 2px 26px #7c5cff2e}50%{box-shadow:0 -7px 68px #7c5cffbf,0 -4px 36px #35e0ff8c,inset 0 2px 30px #7c5cff3d}}#streak-toast.toast-tier-2{font-size:clamp(19px,6vw,25px);text-shadow:0 0 20px rgba(53,224,255,1),0 0 38px rgba(124,92,255,.8)}#streak-toast.toast-tier-3{font-size:clamp(21px,6.6vw,28px);color:#f2ecff;text-shadow:0 0 22px rgba(124,92,255,1),0 0 44px rgba(53,224,255,.9)}.levelup-card{animation:card-enter .16s ease-out backwards;animation-delay:calc(var(--card-index, 0) * 50ms)}@keyframes card-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}}.levelup-card.is-chosen{border-color:#35e0fff2;box-shadow:0 0 26px #35e0ff59,0 4px 10px #00000080;transform:scale(1.03);transition:transform .12s ease-out,box-shadow .12s ease-out}.levelup-card.is-dismissed{opacity:.12;transition:opacity .14s ease-out}.levelup-card.is-max-offer{border-color:#7c5cffb3}.levelup-card.is-max-offer .levelup-card-icon{border-color:#7c5cffcc;box-shadow:0 0 12px #7c5cff59}.levelup-card.is-max-offer.is-chosen{border-color:#7c5cff;box-shadow:0 0 30px #7c5cff73,0 4px 10px #00000080}#record-banner{position:absolute;top:12%;left:50%;transform:translate(-50%);z-index:5;padding:4px 14px;border:1px solid rgba(53,224,255,.65);border-radius:7px;background:#040812d1;font-family:var(--font-tech);font-size:clamp(12px,3.6vw,14px);font-weight:700;letter-spacing:.16em;color:var(--color-accent);text-shadow:0 0 12px rgba(53,224,255,.8);box-shadow:0 0 18px #35e0ff40;pointer-events:none;opacity:0}#record-banner.banner-show{animation:banner-pop 1.3s ease-out}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%) scale(.8)}12%{opacity:1;transform:translate(-50%) scale(1.05)}22%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}#wave-bar{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:6px;pointer-events:none;transition:opacity .4s ease}#wave-bar.is-suspended{opacity:.25}#wave-bar-label{font-family:var(--font-tech);font-size:9px;font-weight:700;letter-spacing:.14em;color:#8a93b5}#wave-bar-track{width:74px;height:3px;border-radius:2px;background:#16223fe6;overflow:hidden}#wave-bar-fill{display:block;height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,#7c5cff,#b9a5ff);box-shadow:0 0 5px #7c5cff8c;transition:width .4s linear}#wave-cue{position:absolute;top:26%;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;font-family:var(--font-tech);font-weight:700;font-size:clamp(15px,4.6vw,19px);letter-spacing:.26em;white-space:nowrap;color:#cbb8ff;text-shadow:0 0 14px rgba(124,92,255,.8);opacity:0}#wave-cue.cue-show{animation:wave-cue-pop .9s ease-out}#wave-cue.is-threat{color:#e08cff;text-shadow:0 0 14px rgba(209,107,255,.85),0 0 26px rgba(124,92,255,.5)}#keyboard.is-intermission{opacity:.55}@keyframes wave-cue-pop{0%{opacity:0;transform:translate(-50%) translateY(5px)}18%{opacity:1;transform:translate(-50%) translateY(0)}72%{opacity:1}to{opacity:0}}#wave-checkpoint{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:78vw;padding:8px 20px 9px;border:1px solid rgba(124,92,255,.45);border-radius:9px;background:#040812d6;box-shadow:0 0 18px #7c5cff33;pointer-events:none;font-family:var(--font-tech);opacity:0}#wave-checkpoint.card-show{animation:wave-card-pop 1.5s ease-out}@keyframes wave-card-pop{0%{opacity:0;transform:translate(-50%) translateY(-6px)}10%{opacity:1;transform:translate(-50%) translateY(0)}82%{opacity:1}to{opacity:0}}.wave-card-title{font-size:11px;font-weight:700;letter-spacing:.18em;color:#b9a5ff}.wave-card-row{line-height:1.3}.wave-card-ppm{font-size:18px;font-weight:700;color:#fff}.wave-card-delta{margin-left:6px;font-size:10px;font-weight:700;color:var(--color-accent);text-shadow:0 0 8px rgba(53,224,255,.7)}.wave-card-secondary{font-size:11px;letter-spacing:.1em;color:#8a93b5}.wave-card-points{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--color-accent)}.wave-card-best{margin-top:3px;padding:1px 7px;border:1px solid rgba(53,224,255,.55);border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--color-accent);text-shadow:0 0 8px rgba(53,224,255,.6)}.wave-card-pace{margin-top:2px;font-size:9px;font-weight:700;letter-spacing:.14em}.wave-card-pace.is-ahead{color:var(--color-accent)}.wave-card-pace.is-behind{color:#8a93b5}.results-next-goal{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.results-next-goal-title{font-size:10px;letter-spacing:.2em;color:var(--color-text-dim)}.results-next-goal-value{font-family:var(--font-tech);font-size:13px;font-weight:700;letter-spacing:.14em;color:#cbb8ff;text-shadow:0 0 10px rgba(124,92,255,.5)}@media(prefers-reduced-motion:reduce){#keyboard[data-streak-stage="2"],#keyboard[data-streak-stage="3"],#keyboard[data-streak-stage="4"],#keyboard[data-streak-stage="5"],#keyboard[data-streak-stage="3"]:before,#keyboard[data-streak-stage="4"]:before,#keyboard[data-streak-stage="5"]:before{animation:none}.levelup-card{animation-duration:1ms;animation-delay:0ms}#record-banner.banner-show{animation:banner-fade 1.3s ease-out}.perk-slot[data-perk-state=active] .perk-slot-face,.perk-slot.perk-proc,.perk-slot.shield-discharge,.perk-slot.charge-pop{animation:none}.perk-slot[data-perk-state=active] .perk-slot-face{box-shadow:0 0 9px #35e0ffb3}#xp-bar-fill.is-ready{animation:none;opacity:1}#wave-cue.cue-show{animation:banner-fade .9s ease-out}#wave-checkpoint.card-show{animation:banner-fade 1.5s ease-out}}@keyframes banner-fade{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}#dev-overlay{position:absolute;top:calc(var(--safe-top) + 46px);right:calc(var(--safe-right) + 8px);z-index:10;min-width:148px;padding:7px 10px;border:1px solid rgba(53,224,255,.22);border-radius:8px;background:#040812c7;backdrop-filter:blur(4px);font-family:var(--font-tech);font-size:10px;line-height:1.7;color:var(--color-text-dim);pointer-events:none}.dev-overlay-title{font-size:9px;letter-spacing:.24em;color:var(--color-accent);opacity:.85;margin-bottom:2px}button.dev-overlay-toggle{pointer-events:auto;display:block;width:100%;text-align:left;padding:2px 0;margin:0;border:0;background:transparent;font-family:var(--font-tech);cursor:pointer}.dev-overlay-row{display:flex;justify-content:space-between;gap:12px}.dev-overlay-value{color:var(--color-text)}.dev-overlay-value.dev-overlay-last-key{color:var(--color-accent);font-weight:700;font-size:12px;text-shadow:0 0 8px rgba(53,224,255,.6)}.dev-overlay-spawn-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px}.dev-overlay-spawn-grid .dev-overlay-button{margin-top:0;border-color:#35e0ff59;background:#081020d9;color:#7db8d8}.dev-overlay-button{pointer-events:auto;margin-top:6px;width:100%;padding:5px 8px;border:1px solid rgba(255,59,92,.4);border-radius:6px;background:#260a12cc;font-family:var(--font-tech);font-size:9px;letter-spacing:.14em;color:#ff8095;cursor:pointer}