:root{--ui-scale:1;--fg:#eef3f8;--muted:#9fb0c0;--accent:#9fe8ff;--gold:#ffd34d;--hp:#e0453c;--xp:#5ab0ff;--panel:#0c121ad1;--panel-border:#9fe8ff40;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:#0b0f14;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game{width:100%;height:100%;display:block}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#ui .interactive,#ui button,#ui input,#ui select,#ui .card,#ui .screen{pointer-events:auto}.hud,.screen,.menu,.loading,.debug{zoom:var(--ui-scale)}.hud{position:absolute;inset:0}.hud-tl{width:300px;position:absolute;top:16px;left:18px}.bar{background:#0000008c;border:1px solid #ffffff40;border-radius:4px;height:18px;position:relative;overflow:hidden}.bar>.fill{transform-origin:0;position:absolute;inset:0}.bar>.label{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;line-height:18px;position:absolute;inset:0}.bar.hp>.fill{background:linear-gradient(#ff6b5e, var(--hp))}.bar.hp>.shield{transform-origin:0;background:#c8e6ff99;position:absolute;inset:0}.bar.xp{height:8px;margin-top:4px}.bar.xp>.fill{background:linear-gradient(#8fd0ff, var(--xp))}.lvl{color:#c9d6e2;text-shadow:0 1px 2px #000,0 0 4px #000000d9;margin-top:3px;font-size:13px}.hud-tc{text-align:center;position:absolute;top:12px;left:50%;transform:translate(-50%)}.timer{letter-spacing:1px;text-shadow:0 2px 4px #000;font-size:26px;font-weight:600}.timer-sub{color:var(--muted);font-size:12px}.hud-tr{text-align:right;text-shadow:0 1px 3px #000;font-size:16px;line-height:1.5;position:absolute;top:16px;right:18px}.hud-tr .gold{color:var(--gold)}.hud-bc{align-items:center;gap:14px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.gauge{gap:4px;display:flex}.gauge .seg{background:#0009;border:1px solid #9fe8ff66;border-radius:3px;width:70px;height:14px;position:relative;overflow:hidden}.gauge .seg>.fill{transform-origin:0;background:linear-gradient(#c8f6ff,#49b8e0);position:absolute;inset:0}.gauge .seg.full{box-shadow:0 0 8px #7fe0ff}.ability{background:#0009;border:2px solid #445;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.ability img{opacity:.45;width:32px;height:32px}.ability.ready{border-color:var(--accent);box-shadow:0 0 10px #7fe0ffb3}.ability.ready img{opacity:1}.ability .key{text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:-2px;right:3px}.ability .cd{transform-origin:bottom;background:#0009;height:100%;position:absolute;bottom:0;left:0;right:0}.crosshair{opacity:.8;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute}.crosshair:before{width:2px;height:14px;top:0;left:6px}.crosshair:after{width:14px;height:2px;top:6px;left:0}.hud-bl,.hud-br{flex-wrap:wrap;gap:6px;max-width:330px;display:flex;position:absolute;bottom:18px}.hud-bl{left:18px}.hud-br{justify-content:flex-end;right:18px}.slot{background:#0000008c;border:1px solid #fff3;border-radius:6px;width:44px;height:44px;position:relative;overflow:hidden}.slot img{width:32px;height:32px;position:absolute;inset:6px}.slot .lv{text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:0;right:3px}.slot.evo{border-color:var(--gold);box-shadow:0 0 6px #ffd34d99}.slot .ring{transform-origin:bottom;background:#0000008c;height:100%;position:absolute;bottom:0;left:0;right:0}.boss-bar{width:560px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.boss-bar .name{text-align:center;color:#ffb4a8;text-shadow:0 1px 3px #000;margin-bottom:2px;font-size:15px}.boss-bar .bar{height:14px}.boss-bar .bar>.fill{background:linear-gradient(#ff8a5c,#b0281e)}.boss-bar.warn .name{color:#ff5a4a;animation:.8s ease-in-out infinite alternate bosswarn}@keyframes bosswarn{0%{opacity:1}to{opacity:.45}}.boss-card{text-align:center;pointer-events:none;text-shadow:0 2px 8px #000,0 0 24px #ff503299;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.boss-card.in{animation:3.2s ease-out forwards bosscard}.boss-card .n{letter-spacing:6px;color:#ffd8c8;text-transform:uppercase;font-size:56px;font-weight:800}.boss-card .t{color:#ffb4a8;letter-spacing:2px;font-size:20px}@keyframes bosscard{0%{opacity:0;letter-spacing:18px}15%{opacity:1;letter-spacing:6px}80%{opacity:1}to{opacity:0}}.horde-arrow{filter:drop-shadow(0 0 8px #ff4628e6);pointer-events:none;border-bottom:34px solid #ff5a3a;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;animation:.5s ease-in-out infinite alternate hordepulse;position:absolute}@keyframes hordepulse{0%{opacity:1}to{opacity:.4}}.boss-bar .ticks{position:absolute;inset:0}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:112px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:6px 14px;font-size:15px;animation:.25s ease-out toastIn}.toast.warn{color:#ffd0c0;border-color:#ff8a5c}.toast.boss{color:#ffb4a8;border-color:#ff4d4d;font-size:20px}.toast.good{border-color:var(--gold);color:#fff1c0}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1}}.vignette,.hurt-flash{pointer-events:none;position:absolute;inset:0}.hint{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:6px 12px;font-size:14px;position:absolute;top:62%;left:50%;transform:translate(-50%)}.training{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;border-radius:6px;width:300px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;top:120px;left:18px}.training .title{margin-bottom:4px;font-weight:700}.training .item{margin:5px 0}.training .item span{color:var(--muted);display:block}.training .item.done b{color:var(--gold)}.help{color:#c9d6e2;text-align:right;text-shadow:0 1px 2px #000,0 0 4px #000000d9;font-size:12px;line-height:1.5;position:absolute;top:90px;right:18px}.dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg{font-weight:800;font-size:calc(16px * var(--ui-scale));color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:nowrap;will-change:transform, opacity;position:absolute;top:0;left:0}.dmg.crit{color:#ffd34d;font-size:21px}.dmg.player{color:#ff5a4d}.dmg.heal{color:#6dff8a}.screen{background:#05080cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.clear{background:0 0}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;min-width:360px;max-width:94vw;max-height:90vh;padding:22px 26px;overflow:auto;box-shadow:0 10px 40px #00000080}.panel h1{letter-spacing:2px;color:var(--accent);margin:0 0 6px;font-size:34px}.panel h2{margin:0 0 12px;font-size:22px}.panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:14px 0 6px;font-size:14px}.btn{color:var(--fg);cursor:pointer;background:#1d2a38;border:1px solid #3c5468;border-radius:6px;margin:4px;padding:9px 16px;font-family:inherit;font-size:15px;display:inline-block}.btn:hover{border-color:var(--accent);background:#26394b}.btn.primary{border-color:var(--accent);background:#1f4c63}.btn.selected{border-color:var(--gold);background:#33402a}.btn:disabled{opacity:.4;cursor:default}.btn.small{padding:4px 9px;font-size:13px}.menu-col{flex-direction:column;align-items:stretch;gap:4px;min-width:260px;display:flex}.cards{justify-content:center;gap:16px;display:flex}.card{cursor:pointer;text-align:center;background:linear-gradient(#1a2633,#121a24);border:2px solid #3c5468;border-radius:10px;flex-direction:column;align-items:center;width:230px;min-height:290px;padding:14px;transition:transform .1s,opacity .15s;display:flex}.screen.levelup.locked .card{opacity:.55;pointer-events:none}.card:hover,.card.focus{border-color:var(--accent);transform:translateY(-4px)}.card img{width:64px;height:64px;margin:8px 0}.card .ctype{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px}.card .cname{margin:4px 0;font-size:18px;font-weight:700}.card .clvl{color:var(--gold);font-size:13px}.card .cdesc{color:#cbd6e0;margin-top:8px;font-size:13px}.card .ckey{color:var(--muted);margin-top:auto;font-size:12px}.card.evo{border-color:var(--gold);box-shadow:0 0 18px #ffd34d59}.card.new .ctype{color:#8fffb0}.row{justify-content:space-between;align-items:center;gap:10px;margin:4px 0;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.tile{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:8px 10px;font-size:13px}.tile.locked{opacity:.45}.tile.done{border-color:#8fffb080}.tile .t{font-size:14px;font-weight:700}.muted{color:var(--muted)}.gold{color:var(--gold)}table.stats{border-collapse:collapse;width:100%;font-size:14px}table.stats td{border-bottom:1px solid #ffffff14;padding:3px 6px}.dmgbar{background:linear-gradient(90deg,#49b8e0,#9fe8ff);border-radius:3px;height:10px}.loading{pointer-events:auto;background:#0b0f14;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading .bar{width:420px;height:12px;margin-top:14px}.loading .bar>.fill{background:linear-gradient(90deg,#49b8e0,#9fe8ff)}.loading.fatal{z-index:100;background:#0b0f14eb}.loading.fatal p{max-width:520px}.loading.fatal details{text-align:left;margin-top:14px}.loading.fatal pre{white-space:pre-wrap;max-width:640px;max-height:30vh;font-size:11px;overflow:auto}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}label.opt{justify-content:space-between;align-items:center;gap:12px;margin:6px 0;font-size:14px;display:flex}label.opt input[type=range]{width:180px}textarea.json{width:100%;height:160px;color:var(--fg);background:#0b1118;border:1px solid #3c5468;font:12px Consolas,monospace}.debug{white-space:pre;pointer-events:auto;background:#000000b8;border-radius:6px;max-width:560px;max-height:78vh;padding:8px 10px;font:12px/1.35 Consolas,monospace;position:absolute;top:110px;left:10px;overflow:auto}.debug button{pointer-events:auto;margin:2px;font:11px Consolas,monospace}.menu-panel{width:min(980px,94vw)}.menu-head{justify-content:space-between;align-items:baseline;display:flex}.menu-gold{color:var(--gold);font-size:20px}.tabs{flex-wrap:wrap;margin:6px -4px 10px;display:flex}.menu-version{text-align:right;opacity:.45;margin-top:8px;font-size:11px}.menu-msg{border-left:3px solid var(--gold);background:#ffd34d14;margin:4px 0 8px;padding:6px 10px}.menu-body .small,.small{font-size:12px}.menu-actions{flex-wrap:wrap;align-items:center;margin:10px -4px 0;display:flex}.map-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.map-card{text-align:left;color:var(--fg);cursor:pointer;background:linear-gradient(#1a2633,#121a24);border:2px solid #3c5468;border-radius:8px;padding:10px 12px;font-family:inherit}.map-card.selected{border-color:var(--gold)}.map-card:disabled{opacity:.55;cursor:default}.map-name{font-size:17px;font-weight:700}.map-boss{color:#ffb3a8;margin-top:4px;font-size:13px}.map-marks{gap:4px;margin-top:6px;display:flex}.mark{width:20px;height:20px;color:var(--muted);border:1px solid #3c5468;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.mark.on{background:var(--gold);border-color:var(--gold);color:#1a1400}.lock{color:#ff9c8c;margin-top:6px;font-size:12px}.diff-row{flex-wrap:wrap;margin:0 -4px;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;margin-top:8px;display:grid}.shop-item{background:#121a24;border:1px solid #2a3a4a;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.shop-item.locked{opacity:.6}.shop-item img{width:40px;height:40px}.shop-text{flex:1}.shop-name{font-weight:700}.shop-level{color:var(--muted);gap:3px;margin-top:4px;font-size:12px;display:flex}.pip{background:#2a3a4a;border-radius:2px;width:12px;height:6px}.pip.on{background:var(--accent)}.mission-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.mission{background:#121a24;border:1px solid #2a3a4a;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mission.done{opacity:.6}.mission-check{width:22px;height:22px;color:var(--gold);border:1px solid #3c5468;border-radius:50%;justify-content:center;align-items:center;display:flex}.mission-text{flex:1}.mission-name{font-weight:700}.mission-reward{text-align:right;max-width:40%;color:var(--gold);font-size:13px}.mission-bar{background:#2a3a4a;border-radius:3px;height:5px;margin-top:4px;overflow:hidden}.mission-bar .fill{background:var(--accent);height:100%}.save-text{width:100%;height:110px;color:var(--fg);background:#0c1218;border:1px solid #2a3a4a;border-radius:6px;font-family:Consolas,monospace;font-size:12px}.summary .unlock{color:var(--gold)}.menu-body{max-height:68vh;overflow-y:auto}.set-section{margin-bottom:12px}.set-section h3{color:var(--gold);margin:6px 0;font-size:15px}.set-row{align-items:center;gap:10px;padding:3px 0;display:flex}.set-label{width:190px}.set-row input[type=range]{max-width:320px;accent-color:var(--gold);flex:1}.set-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.set-value{width:60px;color:var(--muted);font-size:13px}.bind-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));column-gap:16px;display:grid}.btn.bind{min-width:140px}.btn.bind.listening{border-color:var(--gold);color:var(--gold)}.credits{gap:8px;margin-bottom:10px;display:grid}.credit{grid-template-columns:150px 1fr;gap:10px;display:grid}.credit-k{color:var(--gold);font-weight:700}.coop-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.coop-tag{font-size:calc(14px * var(--ui-scale));color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;font-weight:700;display:flex;position:absolute;top:0;left:0}.coop-tag .coop-name{border-bottom:calc(3px * var(--ui-scale)) solid var(--team);padding:0 calc(4px * var(--ui-scale))}.coop-tag .coop-status{color:#ffd0c0;font-size:.85em}.coop-tag.down .coop-name{color:#ff8a5c}.coop-edge{width:calc(30px * var(--ui-scale));height:calc(30px * var(--ui-scale));background:var(--team);border:calc(2px * var(--ui-scale)) solid #111;color:#fff;font-weight:800;font-size:calc(14px * var(--ui-scale));text-shadow:0 1px 2px #000;will-change:transform;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.coop-edge:after{content:"";border-left:calc(9px * var(--ui-scale)) solid #111;border-top:calc(6px * var(--ui-scale)) solid transparent;border-bottom:calc(6px * var(--ui-scale)) solid transparent;width:0;height:0;transform:rotate(var(--angle,0deg)) translate(calc(18px * var(--ui-scale)), -50%);transform-origin:0 0;position:absolute;top:50%;left:50%}.coop-edge.down{animation:.8s ease-in-out infinite alternate coopPulse}@keyframes coopPulse{0%{filter:brightness()}to{filter:brightness(1.8)}}.coop-banner,.coop-net{background:var(--panel);border:1px solid var(--panel-border);padding:calc(6px * var(--ui-scale)) calc(16px * var(--ui-scale));font-size:calc(17px * var(--ui-scale));white-space:nowrap;border-radius:6px;position:absolute;left:50%;transform:translate(-50%)}.coop-banner{color:#ffd0c0;border-color:#ff8a5c;top:58%}.coop-net{font-size:calc(22px * var(--ui-scale));font-weight:700;top:30%}.lobby-code{letter-spacing:.2em;font-family:ui-monospace,Consolas,monospace;font-size:34px;font-weight:800}.lobby-players{flex-direction:column;gap:6px;margin:12px 0;display:flex}.lobby-player{border:1px solid var(--panel-border);border-radius:6px;grid-template-columns:14px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.lobby-player .swatch{border:1px solid #111;border-radius:3px;width:14px;height:14px}.lobby-player .ping.good{color:#7be07b}.lobby-player .ping.ok{color:#ffd34d}.lobby-player .ping.bad{color:#ff6b5c}.lobby-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.lobby-row input[type=text]{color:#fff;border:1px solid var(--panel-border);background:#0e1118;border-radius:6px;padding:6px 10px;font-size:15px}.screen.levelup.coop{pointer-events:none;background:0 0;align-items:flex-end;padding-bottom:96px}.screen.levelup.coop .panel{pointer-events:auto}.screen.levelup.coop h2{text-shadow:0 1px 3px #000;margin:0 0 6px}.screen.levelup.coop .card{background:linear-gradient(#1a2633eb,#121a24eb);width:190px;min-height:0;padding:10px}.screen.levelup.coop .card img{width:44px;height:44px;margin:4px 0}.screen.levelup.coop .card .cdesc{margin-top:4px;font-size:12px}.offer-timer{text-align:center;text-shadow:0 1px 3px #000;margin-top:8px}.loading{background-color:#0b0f14;background-position:50%;background-size:cover}.loading-panel{text-align:center;max-width:560px}.loading .tip{color:#e9dcc8;min-height:3em;margin-top:18px;font-size:15px;line-height:1.45}.loading.notice p{margin:12px 0 18px;line-height:1.5}