html,body{background:#1b2430;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}#debug-menu{color:#d8e2ee;white-space:pre;pointer-events:none;background:#0000008c;border-radius:4px;padding:6px 10px;font:12px/1.5 ui-monospace,Consolas,monospace;position:fixed;top:8px;left:8px}#errors{color:#ffd6d6;background:#1e0606f2;padding:24px;font:14px/1.5 ui-monospace,Consolas,monospace;position:fixed;inset:0;overflow:auto}#errors pre{white-space:pre-wrap}.tp-dfwv{z-index:10;max-height:calc(100vh - 16px);overflow-y:auto;width:320px!important;top:8px!important;right:8px!important}#toasts{bottom:calc(var(--minimap-size,220px) + 70px)!important}#minimap{z-index:5;background:#0a0e14d9;border:1px solid #5a4630;border-radius:4px;padding:3px;position:fixed;bottom:12px;left:12px;box-shadow:0 2px 10px #00000080}#minimap .minimap-lives{color:#ff5f7a;text-align:left;text-shadow:0 1px 2px #000;pointer-events:none;padding:2px 4px 0;font:800 15px system-ui,sans-serif}#minimap .minimap-lives.none-left{color:#9aa6b8}#minimap .minimap-level{color:#ff8a7a;letter-spacing:.02em;text-shadow:0 1px 2px #000;pointer-events:none;padding:2px 4px 4px;font:700 13px system-ui,sans-serif}#minimap canvas{cursor:crosshair;touch-action:none;display:block}#game-hud{pointer-events:none;color:#eef2f7;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif;position:fixed;inset:0}.hud-top{white-space:pre;background:#00000073;border-radius:4px;padding:3px 12px;font:13px ui-monospace,Consolas,monospace;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hud-banner{text-shadow:0 2px 6px #000;opacity:0;font-size:28px;font-weight:700;transition:opacity .25s;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hud-banner.show{opacity:1}.hud-levelup{text-align:center;opacity:0;visibility:hidden;background:linear-gradient(#282008eb,#100e08e0);border:2px solid #c9a227;border-radius:8px;min-width:320px;padding:10px 28px 12px;transition:opacity .3s,visibility .3s;position:absolute;top:44px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ffd16659,0 4px 12px #0009}.hud-levelup.show{opacity:1;visibility:visible;animation:.35s ease-out levelup-pop}.hud-levelup .title{letter-spacing:2px;text-transform:uppercase;color:#ffd166;text-shadow:0 2px 6px #000;font-size:30px;font-weight:800}.hud-levelup .level{font-size:18px;font-weight:700}.hud-levelup .sub{color:#e8d9a8;margin-top:4px;font-size:13px}@keyframes levelup-pop{0%{transform:translate(-50%)translateY(-12px)scale(.85)}to{transform:translate(-50%)translateY(0)scale(1)}}.hud-center{text-align:center;pointer-events:auto;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hud-center .result{text-shadow:0 3px 10px #000;font-size:64px;font-weight:800}.hud-center .result.win{color:#ffd34a}.hud-center .result.lose{color:#ff6b6b}.hud-center .respawn{text-shadow:0 2px 8px #000;font-size:32px;font-weight:700}.hud-center .lives-note{color:#ff8fa3;text-shadow:0 2px 6px #000;margin-top:4px;font-size:18px;font-weight:700}.hud-center button{color:#fff;cursor:pointer;background:#4aa3ff;border:none;border-radius:6px;margin-top:12px;padding:8px 20px;font-size:16px}.hud-bottom{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:max(50%,845px);transform:translate(-50%)}.hud-abilities .hud-slot{pointer-events:auto}.hud-tooltip{text-align:left;background:#0c1018f2;border:1px solid #5d6b80;border-radius:8px;width:320px;padding:12px 14px;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.hud-tooltip.by-back{left:calc(var(--minimap-size,220px) + 30px);bottom:80px;transform:none}.hud-tooltip.by-cards{bottom:16px;left:auto;right:200px;transform:none}.hud-tooltip .key.cat-physical{color:#ff7a6b}.hud-tooltip .key.cat-magic{color:#6bb4ff}.hud-tooltip .key.cat-utility{color:#8fd39a}.hud-tooltip .head{justify-content:space-between;align-items:baseline;display:flex}.hud-tooltip .name{font-size:16px;font-weight:800}.hud-tooltip .key{color:#aab6c6;font-size:12px;font-weight:700}.hud-tooltip .kind{color:#9aa6b8;white-space:pre;margin:2px 0 8px;font-size:11px}.hud-tooltip .desc{color:#d8e2ee;font-size:13px;line-height:1.5}.hud-channel{background:#0a0e14d9;border:1px solid #3a4658;border-radius:4px;width:260px;height:16px;position:relative;overflow:hidden}.hud-channel .fill{background:#8fd3ff;height:100%}.hud-channel .text{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:16px;position:absolute;inset:0}.hud-prompt{color:#8a94a3;background:#0a0e14cc;border-radius:6px;align-items:center;gap:8px;padding:5px 14px 5px 6px;font-size:15px;font-weight:600;display:flex}.hud-prompt.active{color:#fff;pointer-events:auto;cursor:pointer}.hud-prompt .key{box-sizing:border-box;border:2px solid;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:13px;font-weight:800;display:flex}.hud-prompt .key.pad{color:#5cd65c;border-color:#5cd65c;border-radius:50%}.hud-prompt:not(.active) .key.pad{color:#6d7685;border-color:#6d7685}.hud-cards{flex-direction:column;align-items:stretch;gap:4px;width:170px;display:flex;position:absolute;bottom:16px;right:16px}.hud-cards .card-chip{pointer-events:auto;background:#141a24e0;border:1px solid #5d6b80;border-radius:5px;justify-content:space-between;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.hud-cards .card-chip.major{color:#ffe2b0;background:#281e10e6;border-color:#b8862f}.hud-cards .card-chip{align-items:center}.hud-cards .card-chip .copies{box-sizing:border-box;color:#141a26;text-align:center;background:#d8e2ee;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px}.hud-offer{text-align:center;pointer-events:auto;--cat-physical:#ff6b5b;--cat-magic:#5aa9ff;--cat-utility:#8fd39a;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.hud-offer .title{text-shadow:0 2px 6px #000;margin-bottom:18px;font-size:24px;font-weight:800}.hud-offer .row{gap:24px;display:flex}.hud-offer .card{box-sizing:border-box;cursor:pointer;text-align:left;background:linear-gradient(#243047,#141a26);border:2px solid #5d6b80;border-radius:12px;width:240px;min-height:300px;padding:26px 22px 22px;transition:transform 80ms,border-color 80ms;position:relative;overflow:hidden}.hud-offer .card:before{content:"";background:var(--cat);height:5px;position:absolute;top:0;left:0;right:0}.hud-offer .card.cat-physical{--cat:var(--cat-physical)}.hud-offer .card.cat-magic{--cat:var(--cat-magic)}.hud-offer .card.cat-utility{--cat:var(--cat-utility)}.hud-offer .card.major{background:linear-gradient(#3a2c18,#17120b);border-color:#b8862f}.hud-offer .card:hover{border-color:#fff;transform:translateY(-4px)}.hud-offer .card.selected{transform:scale(var(--card-select-scale,1));z-index:1;border-color:#fff;box-shadow:0 0 18px #ffffff59}.hud-offer .hint{color:#d8e2ee;text-shadow:0 2px 6px #000;white-space:pre;margin-top:26px;font-size:15px;font-weight:700}.hud-offer .card .key{color:#aab6c6;font-size:13px;font-weight:800;position:absolute;top:14px;right:16px}.hud-offer .card .tier{letter-spacing:.08em;text-transform:uppercase;color:#9aa6b8;font-size:11px}.hud-offer .card.major .tier{color:#e0b46a}.hud-offer .card .name{margin:8px 0 6px;font-size:21px;font-weight:800}.hud-offer .card .category{border:1px solid var(--cat);color:var(--cat);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;margin-bottom:16px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.hud-offer .card .desc{color:#d8e2ee;font-size:14px;line-height:1.6}.dmg-physical{color:#ff7a6b;font-weight:700}.dmg-magic{color:#6bb4ff;font-weight:700}.hud-cards .card-chip.cat-physical{border-left:3px solid #ff6b5b}.hud-cards .card-chip.cat-magic{border-left:3px solid #5aa9ff}.hud-cards .card-chip.cat-utility{border-left:3px solid #8fd39a}.hud-buffs{gap:6px;min-height:20px;display:flex}.hud-buffs .buff{background:#283c5ad9;border-radius:10px;padding:2px 8px;font-size:12px}.hud-abilities{align-items:center;gap:6px;display:flex}.hud-slot{text-align:center;background:#141a24e0;border:2px solid #3a4658;border-radius:8px;width:64px;height:64px;position:relative;overflow:hidden}.hud-slot.has-icon{background-size:cover;border-color:#7a5a3a}.hud-slot.has-icon .name{display:none}.hud-slot.has-icon .key,.hud-slot.has-icon .cost{z-index:1;text-shadow:0 1px 2px #000}.hud-slot.slot-basicAttack,.hud-slot.slot-dash{width:52px;height:52px}.hud-slot.has-icon.slot-basicAttack,.hud-slot.has-icon.slot-dash{border-color:#4f3a26}.hud-slot.has-icon.slot-ability4{border-color:#b8641e}.hud-slot.ready{border-color:#d9a85c}.hud-slot.ready.slot-basicAttack,.hud-slot.ready.slot-dash{border-color:#9a7748}.hud-slot.ready.slot-ability4{border-color:#ff9a3c;box-shadow:0 0 6px #ff9a3c99}.hud-slot.held{border-color:#ffd34a;box-shadow:0 0 10px #ffd34a}.hud-slot.casting{border-color:#fff}.hud-slot.nomana .name{color:#6a8ad8}.hud-slot .name{margin-top:16px;font-size:13px;font-weight:700}.hud-slot.hud-back{left:calc(var(--minimap-size,220px) + 30px);pointer-events:auto;cursor:pointer;width:56px;height:56px;position:absolute;bottom:12px}.hud-slot.hud-back .name{font-size:14px;font-weight:700;line-height:56px}.hud-slot .key{color:#aab6c6;font-size:10px;position:absolute;top:2px;left:4px}.hud-slot .cost{color:#7fa8ff;font-size:10px;position:absolute;bottom:2px;right:4px}.hud-slot .cd{background:conic-gradient(#000000b8 calc(var(--cd,0) * 360deg), transparent 0);position:absolute;inset:0}.hud-slot .cd-text{text-shadow:0 1px 3px #000;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:absolute;inset:0}.hud-vitals{align-items:stretch;gap:4px;display:flex}.hud-level{background:#0a0c10e6;border:2px solid #5cd65c;border-radius:3px;justify-content:center;align-items:center;width:36px;display:flex;position:relative}.hud-level .num{text-shadow:0 1px 2px #000;font-size:18px;font-weight:700}.hud-level .sp{color:#1b1b1b;text-align:center;background:#ffd34a;border-radius:8px;min-width:14px;padding:0 2px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:-9px;right:-9px}.hud-level .sp:empty{display:none}.hud-bars{flex-direction:column;gap:3px;width:380px;display:flex}.hud-bar{background:#0a0c10d9;border-radius:3px;height:16px;position:relative;overflow:hidden}.hud-bar.mana{height:10px}.hud-bar .fill{height:100%}.hud-bar.hp .fill{background:#5cd65c}.hud-bar.mana .fill{background:#4a7dff}.hud-bar.mana .short{background:#ff3030;display:none;position:absolute;top:0;bottom:0}.hud-bar .text{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;line-height:16px;position:absolute;inset:0}.hud-bar.mana .text,.hud-bar.xp .text{font-size:9px;line-height:10px}.hud-bar.xp{height:10px}.hud-bar.xp .fill{background:#c9a227}.hud-bar .ticks .tick{background:#000;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}#damage-numbers{pointer-events:none;position:fixed;inset:0}.dmg{text-shadow:0 1px 3px #000;white-space:nowrap;font-size:16px;font-weight:800;position:absolute;top:0;left:0}.dmg-dealt{color:#fff3c4}.dmg-kill{color:#ffd34a;font-size:20px}.dmg-crit{color:#ff9d2e;font-size:24px}.dmg-taken{color:#ff6b6b}.dmg-blocked{color:#9fb4c8;font-size:13px}#toasts{z-index:20;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:8px;left:8px}.toast{color:#eef2f7;background:#141c26eb;border-left:3px solid #6aa0d8;border-radius:4px;max-width:520px;padding:6px 10px;font:12px/1.4 ui-monospace,Consolas,monospace}.toast-ok{border-left-color:#5cc46a}.toast-error{color:#ffd6d6;border-left-color:#e05555}#map-editor{z-index:50;color:#e6e9ee;background:#16191d;font:12px/1.4 ui-monospace,Consolas,monospace;display:flex;position:fixed;inset:0}#map-editor[hidden]{display:none}#map-editor canvas{flex:1;min-width:0;height:100%}#map-editor .side{background:#1f242b;border-left:1px solid #333a44;flex-direction:column;gap:8px;width:320px;padding:10px;display:flex;overflow-y:auto}#map-editor .title{word-break:break-all;font-weight:700}#map-editor .tools{flex-wrap:wrap;gap:4px;display:flex}#map-editor button{font:inherit;color:inherit;cursor:pointer;background:#2d343e;border:1px solid #444d59;border-radius:4px;padding:4px 8px}#map-editor button.active{background:#5a4a1e;border-color:#ffd34a}#map-editor .camp-level{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#map-editor .camp-level[hidden]{display:none}#map-editor .camp-level input{width:4.5em}#map-editor .camp-level .note{color:#9aa5b4;flex-basis:100%}#map-editor select,#map-editor input,#map-editor textarea{font:inherit;color:inherit;background:#12151a;border:1px solid #444d59;border-radius:4px}#map-editor textarea{resize:vertical;min-height:110px;padding:6px}#map-editor .errors{white-space:pre-wrap;color:#ff9a9a}#map-editor .status,#map-editor .help{color:#9aa5b4}.gold-amount{color:#ffd34a;align-items:center;gap:5px;font-weight:800;display:inline-flex}.gold-amount .coin{background:radial-gradient(circle at 35% 35%,#fff2a8,#e0a81e 60%,#9a6a0a);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #6b4a08}.hud-items{left:calc(var(--minimap-size,220px) + 30px + 56px + 12px);pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px}.hud-items .gold{text-shadow:0 1px 3px #000;font-size:15px}.hud-items .slots{gap:4px;display:flex}.item-slot{cursor:pointer;background:#141a24e0;border:2px solid #3a4658;border-radius:6px;width:42px;height:42px;position:relative}.item-slot.empty{cursor:default;opacity:.55}.item-slot.selected{border-color:#fff;box-shadow:0 0 10px #ffffff59}.item-slot .icon{width:30px;height:30px;position:absolute;inset:4px}.item-slot .key{color:#c7d0dc;text-shadow:0 1px 2px #000;font-size:10px;font-weight:800;position:absolute;top:1px;left:3px}.item-slot .count{color:#fff;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;position:absolute;bottom:0;right:2px}.hud-panel{pointer-events:auto;text-align:left;background:#0e131cf5;border:2px solid #5d6b80;border-radius:12px;width:660px;max-width:calc(100vw - 32px);padding:20px 28px 14px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0009}.hud-panel.armory{border-color:#7c8aa3}.hud-panel.shop{border-color:#b8862f}.hud-panel .head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.hud-panel .head .title{flex:1;font-size:22px;font-weight:800}.hud-panel .head .close{cursor:pointer;color:#9aa6b8;padding:0 4px;font-size:18px}.hud-panel .entries{grid-template-columns:repeat(var(--panel-columns,1), 1fr);gap:12px;display:grid}.hud-panel .entry{cursor:pointer;background:#243047d9;border:2px solid #3a4658;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:transform 80ms,border-color 80ms;display:flex}.hud-panel .entry.selected{transform:scale(var(--panel-select-scale,1));z-index:1;border-color:#fff}.hud-panel .entry.poor .price,.hud-panel .entry.poor .price .gold-amount{color:#ff6b6b}.hud-panel .entry.maxed{opacity:.55;cursor:default}.hud-panel .entry .icon{flex:none;width:34px;height:34px}.hud-panel .entry .body{flex:1;min-width:0}.hud-panel .entry .name{font-size:15px;font-weight:800}.hud-panel .entry .name .have{color:#9fd3ff;margin-left:6px;font-size:12px}.hud-panel .entry .desc{color:#c9d3e0;font-size:12px;line-height:1.4}.hud-panel .entry .price{flex:none;font-size:15px}.hud-panel .entry .price .max{color:#9aa6b8;font-weight:800}.hud-panel .hint{color:#9aa6b8;text-align:center;white-space:pre;margin-top:10px;font-size:12px}.hud-panel .wave{background:#1e283ab3;border-radius:8px;margin-bottom:12px;padding:10px}.hud-panel .wave-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hud-panel .wave-head .label{font-weight:800}.hud-panel .wave-head .level-badge{background:#3b7fd9;border-radius:4px;padding:1px 8px;font-size:13px;font-weight:800}.hud-panel .wave-head .count{color:#9aa6b8;margin-left:auto;font-size:12px}.hud-panel .tiles{flex-wrap:wrap;gap:6px;display:flex}.minion-tile{color:#9fd3ff;background:#3b7fd940;border:1px solid #3b7fd9;border-radius:6px;flex-direction:column;align-items:center;width:54px;padding:5px 0 3px;font-size:10px;font-weight:700;display:flex}.minion-tile .icon{width:24px;height:24px}.minion-tile.kind-siege{color:#ffd27a;background:#d9a03b40;border-color:#d9a03b}.dmg-gold{color:#ffd34a;font-size:15px}#start-screen{z-index:50;color:#eef2f7;background:radial-gradient(#26324a 0%,#10141c 75%);justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}.start-panel{background:#0a0d14d9;border:1px solid #3a4a66;border-radius:10px;flex-direction:column;gap:12px;min-width:320px;max-width:min(760px,100vw - 32px);padding:28px 32px;display:flex;box-shadow:0 10px 40px #00000080}.start-panel h1{letter-spacing:3px;text-align:center;color:#ffd166;margin:0 0 8px;font-size:44px}.start-panel h2{margin:0}.start-panel button{color:#10141c;cursor:pointer;background:#ffd166;border:none;border-radius:6px;padding:10px 18px;font:600 16px system-ui,sans-serif}.start-panel button.secondary{color:#eef2f7;background:#2c3a52}.start-panel button:disabled{opacity:.4;cursor:default}.start-panel.title button{padding:14px;font-size:20px}.start-panel .hint,.start-panel .dim{color:#93a1b8;font-size:13px}.start-panel .name input{color:#eef2f7;box-sizing:border-box;background:#1a2232;border:1px solid #3a4a66;border-radius:6px;width:100%;margin-top:4px;padding:8px 10px;font:16px system-ui,sans-serif;display:block}.start-panel table{border-collapse:collapse;width:100%;font-size:14px}.start-panel td{border-top:1px solid #263248;padding:6px 8px}.start-panel td:last-child{text-align:right}.start-panel td button{padding:4px 12px;font-size:14px}.start-panel .row{gap:10px;display:flex}.start-panel .error{color:#ff8a80;margin:0;font-size:14px}.start-panel .error:empty{display:none}.net-banner{z-index:40;color:#eef2f7;background:#0a0d14d9;border:1px solid #ffd166;border-radius:6px;padding:8px 18px;font:600 16px system-ui,sans-serif;position:fixed;top:44px;left:50%;transform:translate(-50%)}.net-banner button{margin-left:10px}#intro-popup{z-index:45;color:#eef2f7;background:#06090e99;justify-content:center;align-items:center;padding:16px;font-family:system-ui,sans-serif;animation:.3s ease-out intro-fade;display:flex;position:fixed;inset:0}.intro-panel{box-sizing:border-box;background:#0a0d14eb;border:2px solid #ffd166;border-radius:14px;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,18px);width:min(820px,100%);max-height:100%;padding:clamp(16px,3.5vh,40px) clamp(20px,4vw,48px);animation:.35s cubic-bezier(.2,1.4,.4,1) intro-pop;display:flex;overflow-y:auto;box-shadow:0 12px 50px #0009}.intro-panel h1{letter-spacing:3px;text-transform:uppercase;text-align:center;color:#ffd166;margin:0;font-size:clamp(30px,min(6vw,7vh),60px)}.intro-panel .goal{text-align:center;margin:0;font-size:clamp(20px,min(3.6vw,4.4vh),36px);font-weight:700}.intro-panel ul{flex-direction:column;gap:clamp(4px,1.4vh,12px);margin:4px 0;padding:0;font-size:clamp(16px,min(2.5vw,3vh),25px);line-height:1.3;list-style:none;display:flex}.intro-panel li{text-indent:-1.2em;padding-left:1.2em}.intro-panel li:before{content:"▸";text-indent:0;color:#ffd166;width:1.2em;display:inline-block}.intro-panel b{color:#ffd166}.intro-panel .begin{letter-spacing:4px;color:#10141c;cursor:pointer;background:#ffd166;border:none;border-radius:10px;margin-top:8px;padding:14px 64px;font:800 clamp(22px,min(3.4vw,4.6vh),32px) system-ui,sans-serif;animation:1.6s ease-out infinite intro-pulse;box-shadow:0 0 #ffd16699}.intro-panel .begin:hover{background:#ffe09a}.intro-panel .keys{color:#93a1b8;font-size:16px}.intro-panel kbd{color:#eef2f7;background:#2c3a52;border-radius:4px;padding:1px 7px;font:700 15px system-ui,sans-serif}@keyframes intro-fade{0%{opacity:0}}@keyframes intro-pop{0%{opacity:0;transform:scale(.9)}}@keyframes intro-pulse{70%{box-shadow:0 0 0 14px #ffd16600}to{box-shadow:0 0 #ffd16600}}