:root{--bg:#05041a;--fg:#eaf6ff;--dim:#8a94c2;--accent:#19e6ff;--accent2:#ff2bd6;--gold:#ffd24a;--danger:#ff3860;--panel:#0a0824d1;--line:#19e6ff59;--num:"Orbitron", "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;overflow:hidden}#app,#stage{touch-action:none;position:fixed;inset:0}#stage canvas{display:block}.num{font-family:var(--num);letter-spacing:.02em}kbd{font-family:var(--num);opacity:.6;border:1px solid;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:.7em}body.touch kbd,.touch-only{display:none}body.touch .touch-only{display:inline}body.touch .desk-only,body.touch .controls-help span:not(.touch-only){display:none}#flash{pointer-events:none;opacity:0;transition:opacity .35s;position:fixed;inset:0}.screen{pointer-events:none;display:none;position:fixed;inset:0}.screen.active{display:flex}.screen .btn,.screen button,.screen .card,.screen select,.screen input,.panel{pointer-events:auto}.logo{font-family:var(--num);flex-direction:column;font-size:clamp(48px,9vw,120px);font-weight:900;line-height:.9;display:flex}.logo span:first-child{color:var(--accent);text-shadow:0 0 18px var(--accent), 0 0 48px #19e6ff80}.logo span:last-child{color:var(--accent2);text-shadow:0 0 18px var(--accent2), 0 0 48px #ff2bd680;margin-left:.6em}.subtitle{letter-spacing:1.2em;color:var(--dim);margin:12px 0 28px 4px}#loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:32px}.loading-bar{background:#ffffff1a;width:220px;height:3px;overflow:hidden}.loading-bar i{background:var(--accent);width:40%;height:100%;animation:1s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}.btn{font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);text-align:left;background:#0a082499;padding:12px 20px;font-size:16px;transition:background .15s,transform .1s,border-color .15s}.btn:hover{border-color:var(--accent);background:#19e6ff26}.btn:active{transform:scale(.97)}.btn.primary{border-color:var(--accent);background:linear-gradient(90deg,#19e6ff59,#ff2bd640);font-size:18px;font-weight:700}.btn:disabled{opacity:.35;cursor:default}.btn small{color:var(--gold);margin-left:6px;font-size:12px}.row{gap:10px;display:flex}.row .btn{flex:1}#menu{padding:calc(40px + var(--safe-t)) 6vw calc(30px + var(--safe-b));background:linear-gradient(90deg,#05041ad9,#05041a00 60%);justify-content:space-between;align-items:center}.menu-buttons{flex-direction:column;gap:10px;width:min(360px,88vw);display:flex}.menu-side{background:var(--panel);border:1px solid var(--line);pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(340px,88vw);padding:18px 20px}.menu-side h3{color:var(--dim);letter-spacing:.2em;margin:16px 0 8px;font-size:13px;font-weight:500}.stat-line{color:var(--dim);justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.stat-line b{color:var(--gold);font-size:20px}.controls-help{bottom:calc(14px + var(--safe-b));color:var(--dim);white-space:nowrap;gap:20px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.missions{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.missions li{border-left:2px solid var(--accent);background:#ffffff0a;padding:8px 10px;font-size:14px;position:relative}.missions li .prog{background:#ffffff1a;height:2px;margin-top:6px;display:block}.missions li .prog i{background:var(--accent);height:100%;display:block}.missions li .reward{color:var(--gold);font-family:var(--num);font-size:12px;position:absolute;top:8px;right:10px}.missions li.done{border-color:var(--gold)}.missions li.done .prog i{background:var(--gold)}.missions li.new{border-color:var(--accent2)}#hud{padding:calc(12px + var(--safe-t)) 18px calc(14px + var(--safe-b));flex-direction:column}.hud-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid}.hud-score b{text-shadow:0 0 12px #19e6ff99;font-size:34px;font-weight:700;display:block}.mult{color:var(--accent2);text-shadow:0 0 10px var(--accent2);font-size:20px;transition:transform .15s;display:inline-block}.mult.bump{transform:scale(1.35)}.hud-flow{text-align:center;width:min(280px,36vw)}.flow-label{letter-spacing:.3em;color:var(--dim);margin-bottom:4px;font-size:12px}.flow-label b{color:var(--fg)}.flow-bar{background:#ffffff1a;height:6px;overflow:hidden}.flow-bar i{background:linear-gradient(90deg, var(--accent), var(--accent2));width:0;height:100%;box-shadow:0 0 10px var(--accent2);transition:width .1s;display:block}.pips{justify-content:center;gap:4px;margin-top:5px;display:flex}.pips i{background:#ffffff26;width:14px;height:4px}.pips i.on{background:var(--accent2);box-shadow:0 0 6px var(--accent2)}.hud-right{justify-content:flex-end;align-items:center;gap:14px;display:flex}.hud-right b{color:var(--dim);font-size:22px}.icon-btn{pointer-events:auto;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;width:38px;height:38px;font-size:12px}.perks{gap:6px;margin-top:8px;display:flex}.perks span{border:1px solid var(--line);width:28px;height:28px;color:var(--accent);background:#0a082499;place-items:center;font-size:15px;display:grid}.perks span b{color:var(--gold);font-size:9px;position:relative;top:8px;left:2px}#popups{pointer-events:none;position:absolute;top:34%;left:50%;transform:translate(-50%)}.popup{white-space:nowrap;font-family:var(--num);color:#fff;text-shadow:0 0 12px var(--accent2), 0 0 30px var(--accent2);font-size:26px;font-weight:900;animation:.7s ease-out forwards pop;position:absolute;left:0;transform:translate(-50%)}.popup.big{color:var(--gold);text-shadow:0 0 14px var(--gold), 0 0 34px var(--gold);font-size:36px}.popup.bad{color:var(--danger);text-shadow:0 0 12px var(--danger)}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-50px)scale(1)}}#hint{left:50%;top:calc(92px + var(--safe-t));background:var(--panel);border:1px solid var(--accent);white-space:nowrap;opacity:0;padding:10px 22px;font-size:22px;transition:opacity .25s;position:absolute;transform:translate(-50%);box-shadow:0 0 24px #19e6ff59}#hint.show{opacity:1}#toasts{top:calc(90px + var(--safe-t));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;right:18px}.toast{background:var(--panel);border-left:3px solid var(--gold);padding:8px 14px;font-size:14px;animation:3s forwards toast}.toast.biome{border-color:var(--accent2);font-size:18px}@keyframes toast{0%{opacity:0;transform:translate(30px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.hud-bottom{justify-content:center;align-items:flex-end;gap:14px;margin-top:auto;display:flex}.energy{text-align:center;width:min(360px,60vw)}.energy-bar{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#ffffff1a;height:8px}.energy-bar i{background:var(--gold);width:0;height:100%;transition:width .1s;display:block}.energy.full .energy-bar i{box-shadow:0 0 12px var(--gold);animation:.8s infinite alternate glow}@keyframes glow{to{filter:brightness(1.6)}}.energy span{letter-spacing:.3em;color:var(--dim);font-size:11px}.energy.full span{color:var(--gold)}.shields{gap:4px;min-width:40px;display:flex}.shields i{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#46ffb4;width:18px;height:20px;box-shadow:0 0 8px #46ffb4}.dash-btn{pointer-events:auto;border:2px solid var(--gold);width:76px;height:76px;color:var(--gold);font:inherit;background:#ffd24a1f;border-radius:50%;font-weight:700;display:none}body.touch .dash-btn{right:18px;bottom:calc(18px + var(--safe-b));display:block;position:absolute}.dash-btn.ready{box-shadow:0 0 20px var(--gold);background:#ffd24a59}#choose{background:radial-gradient(#05041a8c,#05041a33);flex-direction:column;justify-content:center;align-items:center;gap:18px}#choose h2{font-family:var(--num);letter-spacing:.4em;text-shadow:0 0 14px var(--accent);margin:0}.cards{gap:18px;display:flex}.card{background:var(--panel);border:1px solid var(--line);cursor:pointer;flex-direction:column;gap:10px;width:210px;min-height:250px;padding:20px 18px;transition:transform .15s,border-color .15s,box-shadow .15s;animation:.35s backwards cardIn;display:flex;position:relative}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)}}.card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 0 30px #19e6ff59}.card .icon{color:var(--accent);text-shadow:0 0 16px;font-size:44px;line-height:1}.card .name{font-size:22px;font-weight:700}.card .desc{color:var(--dim);font-size:14px;line-height:1.5}.card .rar{letter-spacing:.3em;color:var(--dim);margin-top:auto;font-size:11px}.card .key{font-family:var(--num);color:var(--dim);position:absolute;top:10px;right:12px}.card.rare{border-color:#ff2bd699}.card.rare .icon,.card.rare .rar{color:var(--accent2)}.card.legendary{border-color:var(--gold);box-shadow:0 0 24px #ffd24a4d}.card.legendary .icon,.card.legendary .rar{color:var(--gold)}.timer{background:#ffffff1a;width:min(420px,80vw);height:3px}.timer i{background:var(--accent);height:100%;display:block}.tip{color:var(--dim);margin:0;font-size:13px}#pause,#dead,#shop,#settings{background:#05041a8c;justify-content:center;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:12px;width:min(380px,92vw);max-height:92vh;padding:26px 28px;display:flex}.panel.wide{width:min(640px,94vw)}.panel.scroll{overflow-y:auto}.panel h2{letter-spacing:.2em;margin:0 0 6px;font-size:24px}.panel h3{color:var(--dim);margin:10px 0 0;font-size:14px;font-weight:500}.panel h3 small{opacity:.7;margin-left:8px;font-size:12px}.dead-label{letter-spacing:.4em;font-size:13px}.roast{letter-spacing:.02em;margin:0;font-size:26px;line-height:1.35}.compare{color:var(--accent);flex-direction:column;gap:4px;margin:-2px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.compare li:before{content:"▸ ";color:var(--accent2)}.tip-line{color:var(--dim);max-width:360px;min-height:2.6em;margin:-12px 0 22px;font-size:14px;line-height:1.6}.card .flavor{color:var(--accent2);opacity:.85;margin-top:6px;font-size:12px;font-style:italic}.glitch-title{color:var(--danger);text-shadow:2px 0 var(--accent), -2px 0 var(--accent2);animation:2s infinite jitter}@keyframes jitter{0%,92%,to{transform:none}94%{transform:translate(3px)skew(8deg)}96%{transform:translate(-3px)}}.result-score{align-items:center;gap:12px;display:flex}.result-score b{text-shadow:0 0 16px var(--accent);font-size:48px}.badge{background:var(--gold);color:#000;padding:3px 10px;font-size:13px;font-weight:700;display:none}.badge.show{animation:.6s infinite alternate pop2;display:inline-block}@keyframes pop2{to{transform:scale(1.08)}}.result-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.result-grid div{background:#ffffff0a;padding:8px 10px}.result-grid span{color:var(--dim);font-size:11px;display:block}.result-grid b{font-family:var(--num);font-size:18px}.dead-buttons{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.dead-buttons .btn{white-space:nowrap;flex:1;min-width:150px}.dead-buttons .btn.primary{font-size:17px}body.choosing #toasts{opacity:0}.btn.revive{color:#46ffb4;border-color:#46ffb4}.btn.revive.hidden{display:none}.shop-head{justify-content:space-between;align-items:center;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.shop-item{border:1px solid var(--line);background:#ffffff08;flex-direction:column;gap:6px;padding:12px;display:flex}.shop-item .name{align-items:center;gap:8px;font-weight:700;display:flex}.shop-item .swatch{background:currentColor;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px}.shop-item .desc{color:var(--dim);flex:1;font-size:12px;line-height:1.5}.shop-item .btn{text-align:center;padding:7px 12px;font-size:13px}.shop-item.selected{border-color:var(--gold)}.field{justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}.field select,.field input[type=range]{width:60%;accent-color:var(--accent)}.field select{color:var(--fg);border:1px solid var(--line);font:inherit;background:#0d0a34;padding:6px}.field.check input{width:20px;height:20px;accent-color:var(--accent)}@media (orientation:portrait){#menu{padding-top:calc(30px + var(--safe-t));pointer-events:auto;background:linear-gradient(#05041a4d,#05041ad9 55%);flex-direction:column;justify-content:center;gap:22px;overflow-y:auto}.menu-main{flex-direction:column;align-items:center;display:flex}.menu-buttons{margin-top:30vh}#menu{justify-content:flex-start}.subtitle{margin-bottom:18px}.tip-line{text-align:center;margin:-6px 12px 0;font-size:13px}.roast{font-size:21px}.menu-side{padding:12px 16px}.controls-help{position:static;transform:none}.hud-top{grid-template-columns:1fr auto;grid-template-areas:"score right""flow flow"}.hud-score{grid-area:score}.hud-right{grid-area:right}.hud-flow{grid-area:flow;width:100%;margin-top:4px}.hud-score b{font-size:28px}#popups{top:30%}#toasts{top:calc(150px + var(--safe-t));max-width:80vw;right:12px}#hint{top:calc(118px + var(--safe-t));white-space:normal;text-align:center;width:86vw;font-size:17px}.hud-bottom{justify-content:flex-start;padding-right:96px}.energy{width:100%}.cards{flex-direction:column;gap:10px;width:88vw}.card{flex-direction:row;align-items:center;gap:14px;width:100%;min-height:0;padding:14px}.card .icon{text-align:center;width:44px;font-size:36px}.card .body{flex:1}.card .rar{margin-top:4px}.result-grid{grid-template-columns:repeat(2,1fr)}.result-score b{font-size:40px}}@media (max-height:480px) and (orientation:landscape){.logo{font-size:44px}.subtitle{margin:6px 0 12px}.btn{padding:9px 16px}.card{width:180px;min-height:0;padding:14px}.card .icon{font-size:32px}.panel{gap:8px;padding:16px 18px}.result-score b{font-size:34px}.controls-help{display:none}}.pg-only{display:none}body.pg .pg-only{display:flex}.lang-toggle{opacity:.8;align-self:flex-end;min-width:0!important;padding:4px 12px!important;font-size:12px!important}.pg-board{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:10px}.pg-submit{gap:8px;display:flex}.pg-submit input{border:1px solid var(--line);min-width:0;color:inherit;font:inherit;background:#00000059;flex:1;padding:8px 10px}.pg-submit .btn{flex:none}.pg-status{color:var(--dim);min-height:1em;font-size:12px}.pg-status a{color:inherit}.board{flex-direction:column;gap:2px;max-height:150px;font-size:13px;display:flex;overflow-y:auto}.board-row{border-bottom:1px solid #ffffff0f;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:3px 4px;display:grid}.board-rank{color:var(--dim)}.board-meta{color:var(--dim);font-size:11px}.board-score{font-variant-numeric:tabular-nums}.board-empty{color:var(--dim);font-size:12px}#dead .panel.wide{overflow-y:auto}