:root{--bg:#f7f7fb;--fg:#0a0b0f;--muted:#61667a;--line:#0a0b0f1a;--card:#ffffff8c;--a1:#6d4aff;--a2:#0ea5b7;--a3:#e8548b;--glow:#6d4aff59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#06070a;--fg:#eceef5;--muted:#8b90a3;--line:#ffffff1a;--card:#ffffff0b;--a1:#8b6bff;--a2:#35e0ef;--a3:#ff6ba8;--glow:#8b6bff73}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}a{color:inherit}code{background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:.12em .42em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.app{--g-line:#ffffff1f;--g-card:#12141e9e;--g-fg:#eceef5;--g-muted:#9aa0b8;--g-a1:#8b6bff;--g-a2:#35e0ef;--g-a3:#ff6ba8;--g-glow:#8b6bff80;color:var(--g-fg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;cursor:crosshair;background:#04050a;position:fixed;inset:0;overflow:hidden}.gl{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;opacity:0;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.4vw,30px);transition:opacity .5s;display:flex;position:absolute;inset:0}.hud.live{opacity:1}.hud-top,.hud-bottom{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hud-right{text-align:right}.score{font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 0 22px var(--g-glow);font:600 clamp(26px,4.4vw,44px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.combo{letter-spacing:.14em;color:var(--g-a2);text-shadow:0 0 16px #35e0ef99;margin-top:6px;font-size:clamp(12px,1.5vw,15px);font-weight:600;transition:opacity .18s}.section{letter-spacing:.34em;color:var(--g-muted);font:600 clamp(12px,1.5vw,15px)/1 ui-monospace,monospace}.fps{color:#9aa0b880;margin-top:6px;font:400 11px/1 ui-monospace,monospace}.hud-bottom{flex-direction:column;align-items:stretch;gap:12px}.layers{letter-spacing:.1em;flex-wrap:wrap;gap:clamp(8px,1.2vw,16px);font-size:clamp(10px,1.15vw,12px);display:flex}.layer{color:#9aa0b873;align-items:center;gap:6px;transition:color .3s,opacity .3s;display:inline-flex}.layer i{background:currentColor;border-radius:50%;width:6px;height:6px;transition:box-shadow .3s,background .3s}.layer[data-on="1"]{color:var(--g-fg)}.layer[data-on="1"] i{background:var(--g-a2);box-shadow:0 0 10px var(--g-a2)}.layer:last-child[data-on="1"] i{background:var(--g-a3);box-shadow:0 0 12px var(--g-a3)}.energy{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.energy-fill{transform-origin:0;background:linear-gradient(90deg, var(--g-a1), var(--g-a2) 55%, var(--g-a3));width:100%;height:100%;box-shadow:0 0 14px var(--g-glow);will-change:transform;transform:scaleX(.45)}.overlay{pointer-events:auto;background:radial-gradient(120% 90% at 50% 45%,#04050a59,#04050ad1);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.glass{background:var(--g-card);border:1px solid var(--g-line);-webkit-backdrop-filter:blur(22px)saturate(150%)}.panel{border-radius:22px;width:min(560px,100%);padding:clamp(24px,4vw,40px);animation:.5s cubic-bezier(.22,1,.36,1) both rise;box-shadow:0 32px 90px #000000a6,inset 0 1px #ffffff12}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--g-a2);margin:0 0 14px;font-size:12px}.title{letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(26px,4.6vw,40px);font-weight:650;line-height:1.22}.title em{background:linear-gradient(96deg, var(--g-a1), var(--g-a2) 48%, var(--g-a3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.lede{color:var(--g-muted);margin:0 0 22px;font-size:clamp(13px,1.6vw,15px);line-height:1.75}.lede strong{color:var(--g-fg);font-weight:650}.keys{color:var(--g-muted);flex-wrap:wrap;gap:10px 20px;margin:0 0 26px;padding:0;font-size:13px;list-style:none;display:flex}kbd{border:1px solid var(--g-line);color:var(--g-fg);background:#ffffff0f;border-radius:7px;margin-right:6px;padding:3px 8px;font:500 11px/1.5 ui-monospace,monospace;display:inline-block}.cta{background:linear-gradient(96deg, var(--g-a1), var(--g-a3));color:#fff;font:inherit;letter-spacing:.02em;cursor:pointer;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:650;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:inline-flex;box-shadow:0 12px 40px #8b6bff66}.cta:hover{transform:translateY(-2px);box-shadow:0 18px 50px #8b6bff8c}.cta:active{transform:translateY(0)scale(.985)}.cta span{transition:transform .18s}.cta:hover span{transform:translate(3px)}.foot-note{color:#9aa0b8b3;margin:20px 0 0;font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:16px 24px;margin:0 0 28px;display:grid}.stats div{flex-direction:column;gap:5px;display:flex}.stats span{letter-spacing:.18em;text-transform:uppercase;color:var(--g-muted);font-size:11px}.stats b{font-variant-numeric:tabular-nums;font:600 clamp(20px,3vw,28px)/1 ui-monospace,monospace}.stats small{color:var(--g-muted);font-size:.55em;font-weight:400}@media (width<=560px){.layers{gap:8px 12px}.panel{border-radius:18px}}@media (prefers-reduced-motion:reduce){.panel{animation:none}.cta,.cta span{transition:none}}