*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070f;--panel:#0f172ab8;--line:#38bdf838;--cyan:#22d3ee;--violet:#a78bfa;--text:#e2e8f0;--muted:#94a3b8;font-family:Segoe UI,system-ui,-apple-system,sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}#root{display:flex}::selection{background:#38bdf84d}.app{background:radial-gradient(1100px 620px at 50% -10%, #38bdf81f, transparent 60%), radial-gradient(900px 520px at 90% 110%, #a78bfa1f, transparent 60%), var(--bg);flex-direction:column;width:100%;height:100%;display:flex}.hud{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c18b8;flex-wrap:wrap;align-items:center;gap:28px;padding:14px 26px;display:flex}.hud__block{flex-direction:column;gap:3px;min-width:74px;display:flex}.hud__spacer{flex:1}.hud__label{letter-spacing:.18em;color:var(--muted);font-size:10px;font-weight:700}.hud__value{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:19px;font-weight:700}.hud__value--accent{color:var(--cyan)}.hud__value--hot{color:#fb7185;text-shadow:0 0 18px #fb7185b3}.hud__muted{color:var(--muted);font-size:13px}.hud__block--power{flex-direction:row;align-items:center;gap:8px;min-width:0}.pip{background:var(--cyan);border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block;box-shadow:0 0 10px #22d3eee6}.tag{letter-spacing:.14em;border:1px solid var(--line);color:var(--cyan);background:#22d3ee14;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800}.icon-button{font:inherit;letter-spacing:.14em;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-size:10px;font-weight:700;transition:color .15s,border-color .15s}.icon-button:hover{color:var(--cyan);border-color:var(--cyan)}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:22px;display:flex}.stage__frame{border:1px solid var(--line);background:#060812;border-radius:16px;width:min(100%,1120px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #020617e6,0 30px 90px #000000a6,0 0 70px #38bdf81a}.canvas{aspect-ratio:3/2;touch-action:none;cursor:pointer;width:100%;height:auto;display:block}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040710c7;justify-content:center;align-items:center;animation:.22s fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay__panel{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:18px;max-width:520px;margin:20px;padding:30px 40px}.title{letter-spacing:.1em;background:linear-gradient(100deg,#22d3ee,#a78bfa 55%,#f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:clamp(30px,5.4vw,50px);font-weight:800}.title--small{font-size:clamp(24px,4vw,36px)}.subtitle{color:var(--muted);letter-spacing:.03em;margin:0 0 20px;font-size:14px}.subtitle b{color:var(--text)}.button{font:inherit;letter-spacing:.16em;color:#04121c;cursor:pointer;background:linear-gradient(100deg,#22d3ee,#a78bfa);border:none;border-radius:10px;margin:0 6px 8px;padding:13px 30px;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 10px 30px #22d3ee3d}.button:hover{transform:translateY(-2px);box-shadow:0 14px 38px #22d3ee57}.button--ghost{color:var(--muted);border:1px solid var(--line);box-shadow:none;background:0 0}.button--ghost:hover{color:var(--cyan)}.keys{color:var(--muted);flex-direction:column;gap:7px;margin:18px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}kbd{border:1px solid var(--line);color:var(--text);background:#38bdf814;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:11px;font-weight:700}.hint{color:var(--muted);letter-spacing:.02em;margin:16px 0 0;font-size:11.5px}.c-wide{color:#38bdf8}.c-multi{color:#c084fc}.c-slow{color:#facc15}.c-laser{color:#fb7185}.c-life{color:#4ade80}.c-catch{color:#2dd4bf}.cards__label{letter-spacing:.24em;color:var(--muted);margin:4px 0 12px;font-size:10px;font-weight:800}.cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card{width:150px;color:var(--text);cursor:pointer;background:#080e1ce6;border:1px solid;border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:18px 14px 16px;transition:transform .14s,background .14s;display:flex}.card:hover{background:#101a30f2;transform:translateY(-4px)}.card__icon{color:#06101f;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}.card__name{letter-spacing:.1em;text-align:center;font-size:11px;font-weight:800}.card__desc{color:var(--muted);text-align:center;font-size:11px;line-height:1.4}.toast{letter-spacing:.16em;pointer-events:none;background:#040710d1;border:1px solid;border-radius:999px;padding:9px 20px;font-size:12px;font-weight:800;animation:.24s pop;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.footer{letter-spacing:.08em;color:var(--muted);text-align:center;padding:10px 26px 14px;font-size:11px}@media (width<=620px){.hud{gap:16px;padding:10px 14px}.stage{padding:10px}}