:root{--gold:#e3c27a;--gold-dim:#a8884a;--panel:#0e0c14e6;--panel-2:#1c1826eb;--line:#e3c27a47;--text:#ece6da;--muted:#a39d92;--hp:#3fbf4f;--mp:#3a7cff;--enemy:#e0453a;--font-ui:"Inter", system-ui, "Segoe UI", sans-serif;--font-title:"Cinzel", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}#app{position:fixed;inset:0}.hidden{display:none!important}kbd{min-width:1.5em;font:600 .8em var(--font-ui);text-align:center;color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:4px;padding:0 .35em;display:inline-block}.game-canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26'><path d='M2 2 L20 10 L12 12 L10 20 Z' fill='%23e3c27a' stroke='%23201810' stroke-width='1.5'/></svg>") 2 2,auto;display:block;position:absolute;inset:0}body.cur-attack .game-canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><circle cx='16' cy='16' r='9' fill='none' stroke='%23ff4a3a' stroke-width='2.5'/><path d='M16 2v8M16 22v8M2 16h8M22 16h8' stroke='%23ff4a3a' stroke-width='2.5'/></svg>") 16 16,crosshair}body.cur-target .game-canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><circle cx='16' cy='16' r='10' fill='none' stroke='%236ad8ff' stroke-width='2.5'/><circle cx='16' cy='16' r='2.5' fill='%236ad8ff'/></svg>") 16 16,crosshair}body.cur-interact .game-canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='9' fill='none' stroke='%23ffd27a' stroke-width='2.5'/><path d='M14 8v12M8 14h12' stroke='%23ffd27a' stroke-width='2.5'/></svg>") 14 14,pointer}.overlay-canvas,.ui-root{pointer-events:none;position:absolute;inset:0}.btn{pointer-events:auto;font:600 15px var(--font-ui);color:var(--text);border:1px solid var(--line);cursor:pointer;background:linear-gradient(#3c3246f2,#201a28f2);border-radius:8px;padding:10px 18px;transition:transform 80ms,border-color .15s,box-shadow .15s}a.btn{text-align:center;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 14px #e3c27a40}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.big{min-width:280px;padding:14px 26px;font-size:18px}.btn.primary{color:#fff8e6;background:linear-gradient(#b88a3a,#7a5420);border-color:#f0d08a}.btn.small{padding:6px 12px;font-size:13px}.btn.danger{border-color:#ff5a5a80}.btn.on{border-color:var(--gold);background:linear-gradient(#6a5326,#3d2e14)}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;width:calc(100% - 32px);max-width:560px;max-height:calc(100% - 32px);padding:24px 28px;overflow:auto;box-shadow:0 20px 60px #0009}.panel.wide{max-width:1180px}.panel h2{font-family:var(--font-title);color:var(--gold);letter-spacing:.04em;margin:0 0 16px}.panel h3{color:var(--gold);margin:4px 0 10px;font-size:15px}.opt{align-items:center;gap:10px;margin:10px 0;font-size:14px;display:flex}.opt span{min-width:110px}.opt input[type=text],.opt input:not([type]){flex:1}input{pointer-events:auto;font:15px var(--font-ui);color:var(--text);border:1px solid var(--line);background:#00000073;border-radius:6px;outline:none;padding:7px 10px}input:focus{border-color:var(--gold)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}input[type=range]{accent-color:var(--gold);flex:1}.btn-row{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.screen{pointer-events:auto;background:radial-gradient(#00000026 0%,#000000bf 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-box{text-align:center}.logo{font-family:var(--font-title);letter-spacing:.08em;text-shadow:0 6px 30px #000c;flex-direction:column;align-items:center;font-weight:800;line-height:.95;display:flex}.logo span:first-child{color:#cfd8ff;letter-spacing:.4em;font-size:clamp(28px,4vw,52px)}.logo span:last-child{background:linear-gradient(#fff3c8,#e3c27a 45%,#8a6424);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,8vw,104px)}.tagline{color:#d8d0c0;text-shadow:0 2px 8px #000;margin:12px 0 34px;font-size:17px}.title-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}.title-foot{text-align:center;color:#ffffff73;width:100%;padding:0 16px;font-size:12px;line-height:1.6;position:absolute;bottom:14px}.support-link{color:var(--gold);text-decoration:none}.support-link:hover{text-decoration:underline}.support{color:var(--muted);margin-top:6px}.howto p{color:#ddd5c8;font-size:15px;line-height:1.55}.picker-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.chip{pointer-events:auto;color:#e8e0d0;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:4px 11px;font-size:13px;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--line)}.chip small{color:var(--muted);margin-left:2px}.chip.on{border-color:var(--gold);color:#fff4dc;background:linear-gradient(#6a5326,#3d2e14)}.picker-search{width:210px;margin-left:auto}.picker-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.picker.stacked .picker-body{grid-template-columns:minmax(0,1fr)}.picker-detail{position:sticky;top:0}.picker-detail .hero-card{cursor:default}.picker-detail .hero-card:hover{transform:none}.pg{border-top:1px solid #ffffff0f;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;padding:5px 0;display:grid}.pg:first-child{border-top:0}.pg-head{flex-direction:column;line-height:1.25;display:flex}.pg-head b{font-family:var(--font-title);color:var(--gold);font-size:15px}.pg-head small{color:var(--muted);font-size:11px}.pg-icon{font-size:18px}.pg-tiles{flex-wrap:wrap;gap:6px;display:flex}.hero-tile{pointer-events:auto;text-align:center;cursor:pointer;background:var(--panel-2);border:1px solid #ffffff0f;border-radius:10px;width:72px;padding:5px 2px 4px;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative}.hero-tile:hover{border-color:var(--line);transform:translateY(-2px)}.hero-tile.picked{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 16px #e3c27a4d}.hero-tile img{border:1px solid #ffffff2e;border-radius:8px;width:42px;height:42px;margin:0 auto 3px;display:block}.ht-name{color:#fff4dc;font-size:12px;font-weight:700}.ht-mark{background:#143c1ee6;border:1px solid #6ad86a;border-radius:6px;padding:1px 3px;font-size:11px;position:absolute;top:2px;right:3px}@media (max-width:900px){.picker-body,.pg{grid-template-columns:minmax(0,1fr)}.picker-search{width:100%;margin-left:0}}.hero-card{pointer-events:auto;background:var(--panel-2);cursor:pointer;border:1px solid #ffffff14;border-radius:12px;padding:14px;transition:border-color .15s,transform .15s,box-shadow .15s}.hero-card:hover{border-color:var(--line);transform:translateY(-2px)}.hero-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 24px #e3c27a4d}.hc-head{align-items:center;gap:12px;display:flex}.hc-head img{border:1px solid #fff3;border-radius:10px;width:56px;height:56px}.hero-card.compact .hc-head img{width:40px;height:40px}.hc-name{font-family:var(--font-title);color:#fff4dc;font-size:18px}.hc-name small{font-family:var(--font-ui);color:var(--muted);font-size:12px}.hc-role{color:var(--gold);font-size:12px}.hc-desc{color:#cfc8bb;min-height:54px;margin:10px 0;font-size:13px;line-height:1.4}.hc-stats{color:#ddd;flex-wrap:wrap;gap:6px 10px;font-size:12px;display:flex}.hc-abs{gap:8px;margin-top:10px;display:flex}.hc-ab{position:relative}.hc-ab img{border:1px solid #0009;border-radius:6px;width:40px;height:40px;display:block}.hc-ab span{text-shadow:0 1px 2px #000;font-size:10px;font-weight:800;position:absolute;top:0;left:2px}.diff-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.diff-row>span{color:var(--muted);margin-right:6px}.mode-desc{color:var(--muted);max-width:760px;margin-top:6px;font-size:13px;line-height:1.45}.status{color:var(--muted);margin:12px 0;font-size:14px;line-height:1.5}.status.ok{color:#9fe89a}.status.err{color:#ff9a8a}.status code{background:#ffffff14;border-radius:4px;padding:1px 6px}.coop-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.join-row{gap:8px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.25em;text-align:center;width:90px;font-weight:800}.lobby-list{margin:14px 0}.lobbies{flex-direction:column;gap:6px;margin-top:10px;display:flex}.lobby-row{background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.muted{color:var(--muted);font-size:14px}.slots-full{color:#ffb38a}.lobby-head{justify-content:space-between;align-items:center;display:flex}.lobby-head .code{color:#fff;letter-spacing:.2em;background:#e3c27a26;border-radius:6px;padding:2px 12px}.lobby-cols{grid-template-columns:minmax(300px,.75fr) 1.5fr;gap:24px;display:grid}.lobby-hero{margin:4px 0 12px}.lobby-player{background:#ffffff0a;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:8px;font-size:14px;display:flex}.lobby-player img{border-radius:8px;width:40px;height:40px}.lobby-player>div{flex:1}.lobby-player .rdy{color:var(--muted);font-size:13px}.lobby-player.ready .rdy{color:#8fe388}.lobby-player.off{opacity:.5}.lobby-chat{margin-top:16px}.lobby-chat .log{background:#0000004d;border-radius:8px;height:120px;margin-bottom:6px;padding:8px;font-size:13px;overflow:auto}.lobby-chat input{width:100%}.result-banner{font-family:var(--font-title);text-align:center;letter-spacing:.15em;font-size:64px}.result-banner.win{color:#ffe17a;text-shadow:0 0 30px #ffd25a80}.result-banner.lose{color:#ff6a5a}.result-sub{text-align:center;color:var(--muted);margin-bottom:18px}table.results,.scoreboard table{border-collapse:collapse;width:100%;font-size:14px}table.results th,table.results td,.scoreboard th,.scoreboard td{text-align:left;border-bottom:1px solid #ffffff12;padding:6px 8px}table.results th,.scoreboard th{color:var(--gold);font-weight:600}table.results img,.scoreboard img{vertical-align:middle;border-radius:6px;width:28px;height:28px}.tooltip{z-index:100;border:1px solid var(--line);pointer-events:none;background:#0a080ef5;border-radius:8px;max-width:340px;padding:10px 12px;font-size:13px;line-height:1.45;position:fixed;box-shadow:0 8px 24px #0009}.tt-title{margin-bottom:2px;font-size:15px;font-weight:800}.tt-tag{color:#ffb040;vertical-align:middle;border:1px solid #ffb040;border-radius:3px;padding:0 4px;font-size:10px}.tt-sub{color:var(--muted);margin-bottom:6px;font-size:12px}.tt-desc .val{color:#c8c0b0}.tt-desc .val.cur,.tt-desc b.val{color:#fff}.tt-meta{color:#ccc;margin-top:6px}.mana{color:#7aa8ff}.tt-ups{color:#c08aff;margin-top:6px;font-size:12px}.tt-hint{color:var(--muted);margin-top:6px;font-size:11px}.tt-cost{color:#ffd54a;margin-top:6px;font-weight:600}.tt-temper{color:#ffb070;margin-top:6px;font-size:12px}.tt-tag.tempered{color:#ff9a4a;border-color:#ff9a4a}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{text-align:center;text-shadow:0 2px 6px #000;position:absolute;top:10px;left:50%;transform:translate(-50%)}.room-title{font-family:var(--font-title);color:#f4e6c0;font-size:22px}.room-sub{color:#cfc6b3;letter-spacing:.04em;font-size:12px}.room-msg{color:#ffe08a;margin-top:4px;font-size:13px}.lives{text-shadow:0 2px 6px #000;font-size:16px;font-weight:800;position:absolute;top:14px;right:64px}.lives .heart{color:#ff5a6a}.menu-btn{pointer-events:auto;border:1px solid var(--line);background:var(--panel);width:40px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;font-size:18px;position:absolute;top:10px;right:12px}.boss-bar{text-align:center;width:min(560px,60vw);position:absolute;top:70px;left:50%;transform:translate(-50%)}.boss-name{font-family:var(--font-title);color:#ffb08a;text-shadow:0 2px 6px #000;margin-bottom:4px;font-size:16px}.boss-hp{background:#000000b3;border:1px solid #8a4a3a;border-radius:4px;height:16px;position:relative;overflow:hidden}.boss-hp .fill{background:linear-gradient(#ff6a4a,#a01e10);height:100%;transition:width .15s}.boss-hp .text{text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:16px;position:absolute;inset:0}.boss-mods{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:4px;display:flex}.boss-mods .buff{border-radius:5px;width:24px;height:24px;font-size:13px}.room-mod{color:#ffc8a0;margin-top:3px;font-size:12px}.escort-bar{text-align:center;width:min(380px,44vw);position:absolute;top:70px;left:50%;transform:translate(-50%)}.escort-name{font-family:var(--font-title);color:#ffc8ec;text-shadow:0 2px 6px #000;margin-bottom:3px;font-size:15px}.escort-hp{background:#000000b3;border:1px solid #a04a8a;border-radius:4px;height:13px;position:relative;overflow:hidden}.escort-hp .fill{background:linear-gradient(#ff9ae0,#b0306a);height:100%;transition:width .15s}.escort-hp .text{text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;line-height:13px;position:absolute;inset:0}.escort-bar.down .escort-name{color:#9a8a94}.escort-bar.low{top:146px}.pf-items{gap:2px;margin-top:4px;display:flex}.pf img.pf-item{background:#ffffff0f;border-radius:3px;width:18px;height:18px}.pf img.pf-item.empty{opacity:.25}.cam-lock{cursor:pointer;pointer-events:auto;background:#000000a6;border:1px solid #ffffff40;border-radius:7px;width:28px;height:28px;padding:0;font-size:14px;line-height:26px;position:absolute;top:9px;left:9px}.cam-lock.on{border-color:#8aff8a;box-shadow:0 0 6px #78ff8c73}.in-items{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:6px;display:grid}.in-items img,.in-items span{background:#ffffff0f;border-radius:4px;width:32px;height:32px}.scoreboard img.sb-item,.scoreboard .sb-item.empty{vertical-align:middle;border-radius:3px;width:22px;height:22px;margin-right:2px;display:inline-block}.scoreboard .sb-item.empty{background:#ffffff14}.party{flex-direction:column;gap:6px;display:flex;position:absolute;top:90px;left:10px}.pf{pointer-events:auto;background:var(--panel);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;width:190px;padding:5px 8px 5px 5px;display:flex;position:relative}.pf.me{border-color:#4cff5a59}.pf img{border-radius:6px;width:34px;height:34px}.pf-col{flex:1}.pf-name{white-space:nowrap;text-overflow:ellipsis;max-width:128px;font-size:12px;font-weight:600;overflow:hidden}.pf-bar{background:#0009;border-radius:2px;height:5px;margin-top:3px;overflow:hidden}.pf-bar .fill{height:100%}.pf-bar.hp .fill{background:var(--hp)}.pf-bar.mp .fill{background:var(--mp)}.pf-lvl{background:#000;border-radius:6px;padding:0 4px;font-size:10px;font-weight:800;position:absolute;bottom:1px;left:2px}.pf.dead{filter:grayscale();opacity:.6}.pf-abs{gap:3px;margin-top:4px;display:flex}.pf-abs:empty{display:none}.mate-ab{cursor:help;border:1px solid #000000d9;border-radius:4px;width:22px;height:22px;position:relative;box-shadow:0 0 0 1px #ffffff1a}.mate-ab img{border-radius:3px;width:100%;height:100%;display:block}.mate-ab.ready{box-shadow:0 0 0 1px #e3c27a8c}.mate-ab.ult.ready{box-shadow:0 0 0 1px #ffb040,0 0 6px #ffb04080}.mate-ab.unlearned img{filter:grayscale()brightness(.45)}.mate-ab.passive,.mate-ab.passive img{border-radius:50%}.mate-ab .cd{border-radius:3px;display:none;position:absolute;inset:0}.mate-ab .cd-text{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.mate-ab .charges{color:#ffe08a;text-shadow:0 1px 2px #000;font-size:9px;font-weight:800;position:absolute;top:-1px;right:1px}.mate-ab .pips{display:none}.in-abs{gap:6px;margin-top:8px;display:flex}.in-abs .mate-ab{border-radius:6px;width:40px;height:40px;margin-bottom:10px}.in-abs .mate-ab img,.in-abs .mate-ab .cd{border-radius:5px}.in-abs .mate-ab .cd-text{font-size:15px}.in-abs .mate-ab .charges{font-size:11px;right:2px}.in-abs .mate-ab .pips{text-align:center;letter-spacing:1px;color:#e3c27a;font-size:8px;line-height:10px;display:block;position:absolute;top:100%;left:0;right:0}.pf-buffs{flex-wrap:wrap;gap:3px;width:128px;display:flex;position:absolute;top:3px;left:calc(100% + 5px)}.pf-buffs .buff,.in-mods .buff{cursor:help;border-radius:5px;width:22px;height:22px;font-size:12px}.in-mods .buff{width:26px;height:26px;font-size:14px}.pf-buffs .buff span,.pf-buffs .buff i{font-size:8px}.pf.off{opacity:.4}.hud-bottom{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.minimap-wrap{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:5px;position:absolute;bottom:8px;left:8px}.minimap{cursor:pointer;width:210px;height:210px;display:block}.main-panel{pointer-events:auto;border:1px solid var(--line);background:linear-gradient(#181420eb,#0a080ef5);border-radius:14px;margin-bottom:8px;padding:10px 12px;position:relative;box-shadow:0 10px 40px #0009}.buffs{gap:4px;margin-bottom:6px;display:flex;position:absolute;bottom:100%;left:12px}.buff{cursor:help;background:#1e3c1ee6;border:1px solid #5aa85a;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:relative}.buff.debuff{background:#461414e6;border-color:#c84a3a}.buff span{text-shadow:0 1px 2px #000;font-size:9px;font-weight:800;position:absolute;bottom:-2px;right:1px}.buff i{font-size:9px;font-style:normal;font-weight:800;position:absolute;top:-3px;right:1px}.hero-row{align-items:stretch;gap:12px;display:flex}.portrait{cursor:pointer;width:92px;position:relative}.portrait img{border:1px solid #ffffff26;border-radius:10px;width:92px;height:92px;display:block}.portrait .lvl{border:2px solid var(--gold);background:#120e18;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex;position:absolute;top:-6px;left:-6px}.portrait .ap{color:#241a00;background:#ffd54a;border-radius:8px;padding:1px 6px;font-size:12px;font-weight:800;animation:1s infinite alternate pulse;position:absolute;top:-6px;right:-6px}.portrait .xp{background:#0009;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.portrait .xp .fill{background:linear-gradient(90deg,#b07aff,#e0c8ff);height:100%}.center{flex-direction:column;gap:8px;display:flex}.abilities{gap:8px;display:flex}.ab{cursor:pointer;border:2px solid #000c;border-radius:9px;width:66px;height:66px;position:relative;overflow:visible;box-shadow:0 0 0 1px #ffffff1f}.ab img{border-radius:7px;width:100%;height:100%;display:block}.ab.ready{box-shadow:0 0 0 1px #e3c27a8c}.ab.unlearned img{filter:grayscale()brightness(.45)}.ab.nomana img{filter:saturate(.4)brightness(.6)sepia(.2)hue-rotate(180deg)}.ab.passive,.ab.passive img{border-radius:50%}.ab .cd{border-radius:7px;display:none;position:absolute;inset:0}.ab .cd-text{text-shadow:0 2px 4px #000;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.ab .key,.item .key{text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;position:absolute;top:1px;left:3px}.ab .mana{color:#8ab4ff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;position:absolute;bottom:9px;right:3px}.ab .charges,.item .charges{color:#ffe08a;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;position:absolute;top:1px;right:3px}.ab .pips{justify-content:center;gap:3px;display:flex;position:absolute;bottom:-1px;left:0;right:0}.ab .pips i{background:#000000b3;border:1px solid #fff3;border-radius:2px;width:9px;height:4px}.ab .pips i.on{background:#ffd54a;border-color:#ffd54a}.ab .learn{color:#ffd54a;cursor:pointer;background:#3a2c0a;border:1px solid #ffd54a;border-radius:6px;width:26px;height:20px;font-weight:800;animation:.8s infinite alternate pulse;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@keyframes pulse{0%{filter:brightness(.9)}to{filter:brightness(1.4)}}.bars{flex-direction:column;gap:4px;display:flex}.bar{background:#000000b3;border:1px solid #ffffff1a;border-radius:4px;height:18px;position:relative;overflow:hidden}.bar .fill{height:100%}.bar.hp .fill{background:linear-gradient(#5ce86a,#2a9a36)}.bar.mp .fill{background:linear-gradient(#5a9aff,#2a5ad0)}.bar .text{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;line-height:17px;position:absolute;inset:0}.right-col{flex-direction:column;gap:6px;display:flex}.items{grid-template-columns:repeat(3,44px);gap:5px;display:grid}.item{cursor:pointer;background:#00000080;border:1px solid #ffffff1a;border-radius:7px;width:44px;height:44px;position:relative}.item img{border-radius:6px;width:100%;height:100%;display:block}.item.empty{cursor:default}.item.active{box-shadow:0 0 0 1px #7ac8ff66}.item.tempered{border-color:#ff9a4a;box-shadow:0 0 0 1px #ff9a4a8c,0 0 8px #ff8c3273}.item.tempered:after{content:"🔨";pointer-events:none;font-size:10px;position:absolute;bottom:1px;left:2px}.item .cd{border-radius:6px;display:none;position:absolute;inset:0}.gold-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.gold{color:#ffd54a;font-size:14px;font-weight:800}.shop-btn{pointer-events:auto;font:600 12px var(--font-ui);color:var(--muted);cursor:pointer;background:#0006;border:1px solid #ffffff1f;border-radius:6px;padding:3px 8px}.shop-btn.open{color:#ffe9b0;border-color:var(--gold)}.stats{color:#ddd;flex-direction:column;justify-content:center;gap:2px;min-width:96px;font-size:12px;display:flex}.stats small{color:var(--muted)}.upgrade-btn{pointer-events:auto;font:800 13px var(--font-ui);color:#241a00;cursor:pointer;background:linear-gradient(#ffe08a,#d8a030);border:none;border-radius:8px;margin-bottom:8px;padding:6px 12px;animation:.7s infinite alternate pulse;position:absolute;bottom:100%;right:12px}.inspect{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:230px;padding:10px;font-size:13px;position:absolute;bottom:8px;right:8px}.in-name{margin-bottom:4px;font-weight:800}.in-name.enemy{color:#ff8a7a}.in-name.ally{color:#8aff8a}.in-affix{color:#ffd27a;margin-bottom:6px;font-size:12px}.in-bar{background:#0009;border-radius:3px;height:14px;margin:3px 0;position:relative;overflow:hidden}.in-bar .fill{height:100%}.in-bar .fill.hp{background:#c8443a}.in-bar .fill.mp{background:var(--mp)}.in-bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:14px;position:absolute;inset:0}.in-stats{color:var(--muted);margin-top:4px}.in-mods{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.in-mods:empty{display:none}.in-items img.empty{opacity:.35}.tt-good{color:#8aff8a}.tt-bad{color:#ff8a7a}.announce{text-align:center;opacity:0;text-shadow:0 3px 14px #000000f2;transition:opacity .4s;position:absolute;top:20%;left:0;right:0}.announce.show{opacity:1}.a-main{font-family:var(--font-title);letter-spacing:.06em;font-size:clamp(28px,4vw,46px);font-weight:800}.a-sub{color:#e8e0d0;margin-top:4px;font-size:16px}.herald{color:#ffe6c8;text-align:center;text-shadow:0 1px 3px #000;opacity:0;background:#1e0e08c7;border:1px solid #ff965073;border-radius:18px;max-width:min(640px,80vw);padding:6px 16px 7px;font-size:15px;transition:opacity .35s,transform .35s;position:absolute;top:calc(20% + 96px);left:50%;transform:translate(-50%,6px)}.herald.show{opacity:1;transform:translate(-50%)}.herald b{font-family:var(--font-title);color:#ffb36b;margin-right:4px;font-weight:700}.herald .h-icon{margin-right:6px}.toasts{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#0a080ed9;border-radius:8px;padding:6px 14px;font-size:14px;transition:opacity .5s,transform .5s}.toast.err{color:#ffb0a8;border-color:#ff5a5a99}.toast.out{opacity:0;transform:translateY(-8px)}.upgrade-modal{pointer-events:auto;border:1px solid var(--line);text-align:center;background:#0a080ef0;border-radius:16px;padding:18px 22px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #000000b3}.um-title{font-family:var(--font-title);color:var(--gold);font-size:24px}.um-sub{color:var(--muted);margin-bottom:14px;font-size:13px}.um-cards{gap:14px;margin-bottom:14px;display:flex}.upgrade-modal.wide{width:min(980px,94vw)}.um-cards.many{flex-wrap:wrap;justify-content:center}.um-cards.many .um-card{width:170px;padding:12px}.um-card{border:2px solid var(--tier);cursor:pointer;background:linear-gradient(#282234f2,#120e18f2);border-radius:12px;width:220px;padding:14px;transition:transform .12s,box-shadow .12s;position:relative}.um-card:hover{box-shadow:0 0 26px color-mix(in srgb, var(--tier) 55%, transparent);transform:translateY(-4px)}.um-card img{border-radius:10px;width:64px;height:64px}.um-ab{color:var(--muted);margin-top:6px;font-size:12px}.um-name{margin:2px 0;font-size:17px;font-weight:800}.um-tier{letter-spacing:.15em;color:var(--tier);font-size:10px;font-weight:800}.um-desc{color:#d8d0c0;margin-top:8px;font-size:13px;line-height:1.4}.um-key{color:var(--muted);font-size:11px;position:absolute;top:6px;left:8px}.shop{pointer-events:auto;border:1px solid var(--line);background:#0a080ef2;border-radius:12px;width:360px;padding:12px;position:absolute;top:60px;bottom:160px;right:12px;overflow:auto}.shop-head{align-items:center;gap:10px;display:flex}.shop-title{font-family:var(--font-title);color:var(--gold);flex:1;font-size:18px}.shop-title small{font-family:var(--font-ui);color:var(--muted);font-size:11px}.shop-gold{color:#ffd54a;font-weight:800}.shop .close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px}.shop-closed{color:#ffb0a8;background:#ff5a5a1f;border-radius:6px;margin:10px 0;padding:8px;font-size:13px}.shop-group{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:12px 0 6px;font-size:12px}.shop-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.shop-item{cursor:pointer;position:relative}.shop-item img{aspect-ratio:1;border:1px solid #ffffff1f;border-radius:6px;width:100%;display:block}.shop-item .cost{color:#ffd54a;text-shadow:0 1px 2px #000;font-size:10px;font-weight:800;position:absolute;bottom:1px;right:2px}.shop-item.poor img{filter:grayscale(.8)brightness(.55)}.shop-item:hover img{border-color:var(--gold)}.shop-foot{color:var(--muted);margin-top:12px;font-size:11px}.chat{width:360px;position:absolute;bottom:236px;left:10px}.chat-log .line{text-shadow:0 1px 3px #000;margin:2px 0;font-size:13px;transition:opacity 1s}.chat-log .line.sys{color:#ffd27a}.chat-log .line.old{opacity:.6}.chat-log .line.wheel b{color:#9ad8ff}.chat-log .line{background:linear-gradient(90deg,#00000059,#0000);border-radius:4px;padding:1px 6px}.chat-wheel{pointer-events:none;z-index:30;width:0;height:0;position:absolute}.cw-center{text-align:center;width:76px;height:76px;color:var(--muted);pointer-events:auto;cursor:pointer;background:radial-gradient(circle,#1e1a28eb,#0c0a12cc);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;transform:translate(-50%,-50%)}.cw-opt{white-space:nowrap;pointer-events:auto;cursor:pointer;background:#14101ce6;border:1px solid #ffffff26;border-radius:18px;padding:6px 12px;font-size:13px;font-weight:600;transition:background 80ms,transform 80ms;position:absolute;transform:translate(-50%,-50%)}.cw-opt .cw-ico{margin-right:6px}.cw-opt.sel{background:#4678c8f2;border-color:#9ad8ff;transform:translate(-50%,-50%)scale(1.08)}.wheel-btn{cursor:pointer;pointer-events:auto;background:#000000a6;border:1px solid #ffffff40;border-radius:7px;width:28px;height:28px;padding:0;font-size:14px;line-height:26px;position:absolute;top:9px;right:9px}.tt-base{color:var(--muted);font-size:11px}.chat-input{pointer-events:auto;width:100%;margin-top:4px}.dead-overlay{text-align:center;background:#1e0606bf;border:1px solid #ff5a5a66;border-radius:12px;padding:14px 24px;position:absolute;top:34%;left:50%;transform:translate(-50%)}.dead-overlay .t{font-family:var(--font-title);color:#ff7a6a;font-size:26px}.dead-overlay .s{color:#e8d0c8;max-width:420px;font-size:14px}.paused{text-align:center;width:100%;font-family:var(--font-title);letter-spacing:.3em;text-shadow:0 4px 20px #000;font-size:48px;position:absolute;top:40%}.game-menu{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;width:420px;padding:20px 24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gm-title{font-family:var(--font-title);color:var(--gold);text-align:center;font-size:22px}.gm-opts{padding:4px 0}.help{pointer-events:auto;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.help-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:1000px;padding:20px 26px}.help-title{font-family:var(--font-title);color:var(--gold);margin-bottom:10px;font-size:24px}.help-cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.help-cols h4{color:var(--gold);margin:6px 0}.help-cols p{color:#ddd5c8;margin:6px 0;font-size:13px;line-height:1.5}.help-foot{text-align:center;color:var(--muted);margin-top:12px;font-size:12px}.scoreboard{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:560px;padding:14px 18px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.sb-title{font-family:var(--font-title);color:var(--gold);margin-bottom:8px;font-size:20px}.sb-sub{color:var(--muted);margin-top:8px;font-size:13px}.flash{opacity:0;pointer-events:none;position:absolute;inset:0}.flash.go{animation:.6s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.fade{opacity:0;pointer-events:none;background:#000;transition:opacity .35s;position:absolute;inset:0}.fade.on{opacity:1;transition:none}@media (max-width:1200px){.stats{display:none}.minimap,.minimap-wrap canvas{width:150px;height:150px}.inspect{display:none}}