:root{--neon:#4de8ff;--neon-dim:#4de8ff59;--gold:gold;--red:#f35;--green:#35e05a;--bg:#070710;--panel:#0a0a18eb;--panel-border:#4de8ff47;--text:#e8f6ff;--text-dim:#7a8fa6;--safe-top:var(--tg-inset-top,env(safe-area-inset-top,0px));--safe-bottom:env(safe-area-inset-bottom,0px);--cut-s:polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);--cut-m:polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px), calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 13px);--hexagon:polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);font-size:16px}@media (orientation:landscape){:root{--safe-top:0px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-radius:0;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overflow:hidden}#game-root{position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;position:absolute;inset:0}#ui-root>*{pointer-events:auto}.btn,.zone-chip,.diff-chip,.buff,#pause-btn,.toast,.card,.choice-btn,.perk,.ach,.res-stat{background:var(--oc,var(--panel-border));clip-path:var(--cut,var(--cut-m));border:none;position:relative}.btn:before,.zone-chip:before,.diff-chip:before,.buff:before,#pause-btn:before,.toast:before,.card:before,.choice-btn:before,.perk:before,.ach:before,.res-stat:before{content:"";inset:var(--bw,1.5px);clip-path:var(--cut,var(--cut-m));background:var(--fc,#0c1022f2);z-index:-1;position:absolute}.screen{padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);z-index:10;background:radial-gradient(at 50% 45%,#070710e0 30%,#07071073 75%,#07071026);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.screen.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04040ab8}.hidden{display:none!important}.btn{--cut:var(--cut-m);--fc:linear-gradient(180deg, #10162cf7, #090c1af7);color:var(--text);font:inherit;letter-spacing:.12em;text-align:center;cursor:pointer;min-width:220px;padding:13px 26px;font-weight:600;transition:transform 60ms,filter .15s}.btn:active{transform:scale(.97)}.btn.primary{--oc:var(--neon);color:var(--neon);text-shadow:0 0 8px #4de8ffb3;filter:drop-shadow(0 0 9px #4de8ff66)}.btn.gold{--oc:var(--gold);color:var(--gold);filter:drop-shadow(0 0 7px #ffd7004d)}.btn.small{--cut:var(--cut-s);min-width:0;padding:8px 14px;font-size:.8rem}.btn:disabled{opacity:.35;pointer-events:none}.panel{background:var(--panel);border:1px solid var(--panel-border);scrollbar-width:thin;width:100%;max-width:560px;max-height:calc(100% - 20px);padding:20px;overflow-y:auto;box-shadow:0 0 30px #4de8ff24}.title{letter-spacing:.14em;color:var(--neon);text-shadow:0 0 18px #4de8ffcc,0 0 60px #4de8ff66;font-size:2.6rem;font-weight:800}.title .x{color:var(--gold);text-shadow:0 0 18px #ffd700b3}.subtitle{color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;font-size:.75rem}.currency{color:var(--gold);letter-spacing:.08em;font-weight:700}h3{color:var(--neon);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:1rem}.menu-col{flex-direction:column;align-items:center;gap:14px;display:flex}#menu .stats-line{color:var(--text-dim);letter-spacing:.1em;font-size:.78rem}.zone-row,.diff-row{flex-wrap:wrap;justify-content:center;gap:8px;max-width:400px;display:flex}.zone-chip,.diff-chip{--cut:var(--cut-s);--fc:#0c1022e6;color:var(--text-dim);font:inherit;letter-spacing:.1em;cursor:pointer;padding:11px 18px;font-size:.8rem;font-weight:600}.zone-chip.active{--oc:var(--neon);color:var(--neon);filter:drop-shadow(0 0 8px var(--neon-dim))}.zone-chip.locked{opacity:.55}.zone-chip .cost{color:var(--gold);margin-left:6px;font-size:.7rem}.diff-chip{padding:9px 16px;font-size:.72rem}.diff-chip.active.easy{--oc:var(--green);color:var(--green);filter:drop-shadow(0 0 8px #35e05a66)}.diff-chip.active.normal{--oc:var(--neon);color:var(--neon);filter:drop-shadow(0 0 8px var(--neon-dim))}.diff-chip.active.hard{--oc:var(--red);color:var(--red);filter:drop-shadow(0 0 8px #ff335573)}#hud{pointer-events:none;z-index:5;padding:calc(var(--safe-top) + 8px) 10px calc(var(--safe-bottom) + 8px);display:none;position:absolute;inset:0}#hud.visible{display:block}.hud-top{flex-direction:column;gap:4px;max-width:520px;margin:0 auto;display:flex}.hud-row{align-items:stretch;gap:8px;display:flex}.hud-left{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:46px;display:flex}.hud-bars-col{flex-direction:column;flex:1;justify-content:center;gap:3px;display:flex}.hud-bars{align-items:center;gap:5px;display:flex}.bar{background:#080a14bf;border:1px solid #4de8ff40;flex:1;height:12px;position:relative;overflow:hidden}.bar .fill{width:50%;transition:width .12s linear;position:absolute;inset:0}#hp-fill{background:linear-gradient(90deg,#f35,#ff7a2e);box-shadow:0 0 10px #f359}#xp-fill{background:linear-gradient(90deg, #2a9fff, var(--neon));box-shadow:0 0 10px var(--neon-dim)}.hud-level{color:var(--neon);text-align:center;min-width:46px;text-shadow:0 0 8px var(--neon-dim);font-size:.9rem;font-weight:800}.hud-timer{color:var(--text);text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:.9rem;font-weight:700}.hud-value{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:.9rem;font-weight:700}#hp-value{color:#ff6b6b;text-shadow:0 0 8px #ff335580}#xp-value{color:var(--neon);text-shadow:0 0 8px var(--neon-dim)}.wave-bar{letter-spacing:.1em;color:var(--text-dim);flex-direction:column;gap:2px;font-size:.6rem;display:flex}.wave-bar .bar{flex:none;width:100%;height:5px}#wave-fill{background:linear-gradient(90deg, #b84dff, var(--gold))}#wave-label{white-space:nowrap;text-overflow:ellipsis;flex:none;order:1;font-weight:600;overflow:hidden}#wave-label.gold{color:var(--gold)}#wave-label.alert{color:var(--red);animation:.8s infinite blink}#wave-label.alert-fast{color:var(--red);animation:.35s infinite blink}@keyframes blink{50%{opacity:.35}}#buffs{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.buff{--cut:var(--cut-s);--oc:currentColor;--fc:#080a14d9;--bw:1px;letter-spacing:.1em;padding:3px 10px;font-size:.65rem;font-weight:700}#pause-btn{--cut:var(--cut-s);--fc:#0a0a18cc;top:calc(var(--safe-top) + 6px);pointer-events:auto;width:46px;height:46px;color:var(--neon);cursor:pointer;font-size:1rem;position:absolute;right:10px}#fps{bottom:calc(var(--safe-bottom) + 6px);color:var(--green);opacity:.8;font-size:.65rem;position:absolute;right:10px}#joy{pointer-events:none;z-index:6;display:none;position:absolute;inset:0}#joy .base{width:110px;height:110px;clip-path:var(--hexagon);background:radial-gradient(circle,#4de8ff1a,#4de8ff08 62%,#4de8ff29 66%,#0000 72%);position:absolute;transform:translate(-50%,-50%)}#joy .stick{width:46px;height:46px;clip-path:var(--hexagon);filter:drop-shadow(0 0 10px var(--neon-dim));background:radial-gradient(circle at 35% 35%,#4de8ffd9,#145a78e6);position:absolute;transform:translate(-50%,-50%)}#boss-banner{text-align:center;letter-spacing:.3em;color:var(--red);text-shadow:0 0 20px #f35c;pointer-events:none;font-size:1.6rem;font-weight:800;animation:2.4s ease-out forwards bossin;position:absolute;top:22%;left:0;right:0}@keyframes bossin{0%{opacity:0;transform:scale(1.6)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}#toasts{right:10px;bottom:calc(var(--safe-bottom) + 40px);z-index:30;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.toast{--cut:var(--cut-s);--oc:var(--gold);--fc:var(--panel);filter:drop-shadow(0 0 10px #ffd70059);padding:8px 14px;animation:4s forwards toastin}.toast .t-badge{color:var(--gold);letter-spacing:.2em;font-size:.6rem;font-weight:700}.toast .t-name{font-size:.85rem;font-weight:700}@keyframes toastin{0%{opacity:0;transform:translate(40px)}8%{opacity:1;transform:translate(0)}85%{opacity:1}to{opacity:0}}#levelup .panel{flex-direction:column;gap:12px;max-width:640px;display:flex}#levelup h3{text-align:center;margin:0}.levelup-bonus{color:var(--neon);letter-spacing:.1em;vertical-align:middle;background:#08101ce0;border:1px solid #4de8ff73;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:2px 8px;font-size:.72rem;display:inline-flex;box-shadow:0 0 10px #4de8ff2e}.levelup-bonus-note{text-align:center;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-top:-2px;font-size:.68rem}#figure-wrap{justify-content:center;display:flex}#figure-preview{border:1px solid var(--panel-border);touch-action:none;background:#05060ed9}#placement-hint{text-align:center;color:var(--gold);letter-spacing:.1em;min-height:1em;font-size:.75rem}.cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.card{--cut:var(--cut-m);--fc:#0c1022f5;cursor:grab;touch-action:pan-y;flex-direction:column;flex:150px;align-items:center;gap:8px;min-width:140px;max-width:190px;padding:12px 10px;transition:filter .12s,transform 80ms;display:flex}.card:active{transform:scale(.98)}.card.selected{--oc:var(--neon);filter:drop-shadow(0 0 10px var(--neon-dim))}.card.super{--oc:var(--gold);filter:drop-shadow(0 0 10px #ffd7004d)}.card .icon{font-size:1.7rem;line-height:1}.card .name{letter-spacing:.08em;text-align:center;font-size:.8rem;font-weight:700}.card .stack{color:var(--text-dim);letter-spacing:.1em;font-size:.65rem}.card .desc{color:var(--text-dim);text-align:center;font-size:.68rem;line-height:1.35}.card .choices{flex-direction:column;gap:6px;width:100%;display:flex}.choice-btn{--cut:var(--cut-s);--fc:#080a16f2;color:var(--text);font:inherit;cursor:pointer;min-height:42px;padding:11px 8px;font-size:.74rem;font-weight:600}.choice-btn.place{--oc:var(--green);color:var(--green)}.choice-btn.boost{--oc:var(--gold);color:var(--gold)}.levelup-footer{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;display:flex}.levelup-skip{flex-direction:column;align-items:center;gap:4px;display:flex}#drag-ghost{z-index:40;pointer-events:none;width:52px;height:52px;clip-path:var(--hexagon);filter:drop-shadow(0 0 14px);background:#0a0e1eeb;border:2px solid;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex;position:fixed;transform:translate(-50%,-150%)}.form-row{border-bottom:1px solid #4de8ff14;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.form-row label{color:var(--text);letter-spacing:.06em;font-size:.85rem}.seg{gap:6px;display:flex}.seg .btn.small.active{--oc:var(--neon);color:var(--neon)}input[type=range]{accent-color:var(--neon);width:130px}.perk-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.perk{--cut:var(--cut-s);--fc:#0a0e1cd9;flex-direction:column;gap:6px;padding:10px;font-size:.75rem;display:flex}.perk .p-name{letter-spacing:.06em;font-weight:700}.perk .p-lvl{color:var(--text-dim)}.perk .btn{min-width:0;padding:7px;font-size:.7rem}.ach-list{flex-direction:column;gap:8px;display:flex}.ach{--cut:var(--cut-s);--oc:#7a8fa640;--fc:#0a0e1cd9;opacity:.5;align-items:center;gap:10px;padding:9px 12px;display:flex}.ach.unlocked{opacity:1;--oc:var(--panel-border)}.ach.unlocked.rare{--oc:var(--gold);filter:drop-shadow(0 0 6px #ffd70040)}.ach .a-icon{text-align:center;width:28px;font-size:1.2rem}.ach .a-name{letter-spacing:.06em;font-size:.8rem;font-weight:700}.ach .a-name .a-rare{color:var(--gold);letter-spacing:.2em;margin-left:6px;font-size:.6rem}.ach .a-desc{color:var(--text-dim);font-size:.68rem}.results-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.res-stat{--cut:var(--cut-s);--fc:#0a0e1cd9;text-align:center;padding:10px}.res-stat .v{color:var(--neon);font-size:1.3rem;font-weight:800}.res-stat .k{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:.65rem}#results-title.victory{color:var(--green);text-shadow:0 0 20px #35e05a99}#results-title.defeat{color:var(--red);text-shadow:0 0 20px #f359}#results-credits{text-align:center;margin-bottom:8px;font-size:1.5rem}@media (max-width:420px){.title{font-size:2rem}.perk-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hud-top{padding-right:50px}}@media (orientation:portrait) and (max-width:480px){#levelup .panel{padding:14px 10px}.cards{flex-direction:column;gap:8px;width:100%}.card{text-align:left;flex-flow:wrap;align-items:center;gap:4px 10px;width:100%;min-width:0;max-width:none;padding:10px 12px}.card .icon{font-size:1.5rem}.card .name{text-align:left;flex:1;font-size:.85rem}.card .desc{text-align:left;width:100%}.card .choices{flex-flow:wrap;gap:8px;width:100%}.choice-btn{flex:40%;min-height:48px;font-size:.76rem}.levelup-footer .btn.small{padding:12px 18px}.perk .btn{min-height:44px}.seg .btn.small{min-height:42px}}@media (orientation:landscape) and (max-height:560px){.screen{padding:calc(var(--safe-top) + 10px) 20px calc(var(--safe-bottom) + 10px);gap:10px}#menu{flex-direction:row;gap:48px}.menu-col{gap:10px}.title{font-size:2rem}#menu .btn{min-width:240px;padding:9px 22px}.btn{padding:10px 22px}#levelup .panel{grid-template-columns:auto 1fr;grid-template-areas:"title title""fig cards""hint cards""footer cards";align-items:start;gap:8px 16px;max-width:min(920px,100vw - 32px);display:grid}#levelup h3{grid-area:title}#figure-wrap{grid-area:fig}#figure-preview{max-width:300px}#placement-hint{grid-area:hint;max-width:300px}#levelup .cards{grid-area:cards;align-content:start}#levelup .levelup-footer{grid-area:footer}.card{flex:128px;gap:5px;min-width:120px;max-width:170px;padding:8px}.card .icon{font-size:1.3rem}.card .desc{font-size:.64rem;line-height:1.25}.panel{max-width:min(820px,100vw - 32px)}.perk-grid{grid-template-columns:repeat(3,1fr)}.results-grid{grid-template-columns:repeat(4,1fr)}.ach-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}#pause .panel>div,.pause-buttons{flex-wrap:wrap}}.guide-panel{flex-direction:column;gap:10px;max-width:620px;padding:16px;display:flex;overflow:hidden}.guide-head{justify-content:space-between;align-items:center;display:flex}.guide-head h3{margin:0}.guide-tabs{flex-wrap:wrap;gap:6px;display:flex}.guide-tab{min-width:0;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--text-dim);border:1px solid var(--panel-border);background:0 0;border-radius:2px;flex:auto;padding:7px 4px;font-size:.66rem;font-weight:700;transition:color .15s,border-color .15s,box-shadow .15s}.guide-tab.active{color:var(--neon);border-color:var(--neon);box-shadow:0 0 8px var(--neon-dim)}.guide-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.guide-tree{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #ffd70040;margin-top:10px;padding-bottom:3px;font-size:.72rem;font-weight:800}.guide-tree:first-child{margin-top:0}.guide-entry{border:1px solid var(--panel-border);border-left:3px solid var(--accent,var(--panel-border));background:#ffffff05;flex-direction:column;gap:3px;padding:9px 11px;display:flex}.ge-head{align-items:center;gap:8px;display:flex}.ge-icon{font-size:1.1rem;line-height:1}.ge-name{letter-spacing:.04em;color:var(--text);flex:1;font-size:.85rem;font-weight:700}.ge-tag{color:var(--text-dim);border:1px solid var(--panel-border);letter-spacing:.1em;padding:1px 5px;font-size:.58rem}.ge-swatch{width:14px;height:14px;box-shadow:0 0 8px var(--accent);border-radius:3px;flex:none}.ge-flavor{color:var(--text-dim);font-size:.72rem;font-style:italic;line-height:1.35}.ge-effect{color:var(--text);font-size:.74rem;line-height:1.35}.ge-super{color:var(--gold);font-size:.72rem;line-height:1.35}.ge-tactic{color:var(--neon);font-size:.72rem;line-height:1.35}.guide-basic{border:1px solid var(--panel-border);border-left:3px solid var(--neon);background:#ffffff05;padding:10px 12px}.gb-title{color:var(--neon);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.82rem;font-weight:700}.gb-body{color:var(--text);font-size:.76rem;line-height:1.45}.gb-body b{color:var(--gold);font-weight:700}.gb-body i{color:var(--text-dim);font-style:italic}.coop-code{letter-spacing:.4em;color:var(--gold);text-shadow:0 0 16px #ffd70080;margin:8px 0;font-size:2.2rem;font-weight:800}.coop-partner{color:var(--neon);letter-spacing:.06em;margin:6px 0;font-weight:700}.coop-join-row{gap:8px;display:flex}.coop-join-row input{text-align:center;text-transform:uppercase;letter-spacing:.3em;min-width:0;font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#05060ed9;border-radius:2px;flex:1;padding:8px;font-size:1.1rem;font-weight:700}.coop-err{color:var(--red);letter-spacing:.06em;font-size:.8rem}.coop-err small{letter-spacing:0;color:var(--text-dim);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin-top:6px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.62rem;line-height:1.5;display:block}#partner-arrow{z-index:6;pointer-events:none;color:#ffa62e;text-shadow:0 0 12px #ffa62ee6;transform-origin:50%;font-size:26px;line-height:1;position:absolute}#coop-row span{letter-spacing:.08em;font-weight:700}#coop-me{color:var(--neon)}#coop-partner-name{color:#ffa62e}#spectating{z-index:6;pointer-events:none;color:#ffa62e;letter-spacing:.22em;text-shadow:0 0 14px #ffa62eb3;font-size:.78rem;font-weight:800;animation:1.4s infinite blink;position:absolute;top:42%;left:50%;transform:translate(-50%)}.results-coop{gap:10px;margin:12px 0;display:flex}.results-coop .rc-col{border:1px solid var(--panel-border);background:#ffffff05;flex:1;padding:8px 6px}.results-coop .rc-h{letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.58rem;overflow:hidden}.results-coop .v{color:var(--neon);font-size:1.3rem;font-weight:800}.results-coop .k{letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;font-size:.6rem}.results-coop .rc-s{color:#4dff88;margin-top:4px;font-size:.9rem}.results-coop .rc-s.down{color:var(--red)}.results-coop .v.top{color:var(--gold);text-shadow:0 0 12px #ffd70080}.results-coop .rc-sub{color:var(--text-dim);letter-spacing:.08em;margin-top:2px;font-size:.65rem}#guide .guide-body,#perks .panel,#achs .panel{scrollbar-width:auto;scrollbar-color:var(--neon) #080a1499;scrollbar-gutter:stable}#guide .guide-body::-webkit-scrollbar{width:12px}#perks .panel::-webkit-scrollbar{width:12px}#achs .panel::-webkit-scrollbar{width:12px}#guide .guide-body::-webkit-scrollbar-track{border-left:1px solid var(--panel-border);background:#080a1499}#perks .panel::-webkit-scrollbar-track{border-left:1px solid var(--panel-border);background:#080a1499}#achs .panel::-webkit-scrollbar-track{border-left:1px solid var(--panel-border);background:#080a1499}#guide .guide-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon), #2a9fff);box-shadow:0 0 8px var(--neon-dim);border-radius:6px}#perks .panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon), #2a9fff);box-shadow:0 0 8px var(--neon-dim);border-radius:6px}#achs .panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon), #2a9fff);box-shadow:0 0 8px var(--neon-dim);border-radius:6px}#levelup .panel{scrollbar-width:none;-ms-overflow-style:none;padding-right:26px}#levelup .panel::-webkit-scrollbar{width:0;height:0}#lu-rail{border:1px solid var(--panel-border);z-index:12;pointer-events:none;background:#080a14b3;width:10px;position:absolute}#lu-thumb{background:linear-gradient(180deg, var(--neon), #2a9fff);box-shadow:0 0 8px var(--neon-dim);transition:top 60ms linear;position:absolute;left:0;right:0}