:root{--panel: #1a1a1a;--panel2: #242424;--panel3: #2e2a24;--gold: #e6cc80;--gold-dim: #a08b4f;--gold-bright: #ffe9a8;--text: #e8e0cc;--text-dim: #9a9484;--blue-team: #66aaff;--red-team: #ff6a55;--q-poor: #9d9d9d;--q-common: #ffffff;--q-uncommon: #1eff00;--q-rare: #0070dd;--q-epic: #a335ee;--q-legendary: #ff8000;--q-artifact: #e6cc80;--serif: "Cinzel", Georgia, serif;--body: "Spectral", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f}body{font-family:var(--body);color:var(--text)}[hidden]{display:none!important}.dim{color:var(--text-dim)}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#app{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#app>*{pointer-events:auto}.panel{background:repeating-linear-gradient(45deg,rgba(255,235,190,.014) 0 2px,transparent 2px 5px),linear-gradient(180deg,#22201cf5,#161513f5);border:1px solid #3a342a;border-radius:6px;box-shadow:0 0 0 1px #000,inset 0 1px #e6cc8024,0 6px 24px #0009}.panel-title{font-family:var(--serif);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding:8px 12px 6px;border-bottom:1px solid #3a342a;text-shadow:0 1px 3px #000}.btn{font-family:var(--serif);font-weight:700;letter-spacing:.06em;color:var(--gold-bright);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#4a3f28,#2c2417 55%,#201a10);border:1px solid var(--gold-dim);border-radius:5px;padding:9px 20px;font-size:15px;box-shadow:inset 0 1px #ffe9a840,0 2px 6px #000000b3;text-shadow:0 1px 2px #000;transition:filter .12s,transform .06s}.btn:hover{filter:brightness(1.25)}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}.btn.big{font-size:20px;padding:14px 44px;border-width:2px;border-radius:8px}.btn.danger{background:linear-gradient(180deg,#5a2420,#33130f 55%,#200a08);border-color:#8a4038;color:#ffb0a0}.btn.small{font-size:12px;padding:4px 10px}input[type=text]{background:#14120e;border:1px solid #3a342a;border-radius:5px;color:var(--text);font-family:var(--body);font-size:15px;padding:9px 12px;outline:none;width:100%}input[type=text]:focus{border-color:var(--gold-dim);box-shadow:0 0 8px #e6cc8040}.q-common{color:var(--q-common)}.q-uncommon{color:var(--q-uncommon)}.q-rare{color:var(--q-rare)}.q-epic{color:var(--q-epic)}.q-legendary{color:var(--q-legendary)}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 120%,#0a08061a,#0504088c 75%)}.game-title{font-family:var(--serif);font-weight:800;font-size:clamp(56px,9vw,110px);letter-spacing:.08em;line-height:1;background:linear-gradient(180deg,#fff3cf 8%,#e6cc80 38%,#a3762c 62%,#ffe9a8 82%,#7a5a20);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 26px rgba(230,190,90,.45))}.game-subtitle{font-family:var(--serif);font-size:clamp(15px,2vw,22px);letter-spacing:.42em;color:var(--text-dim);text-transform:uppercase;margin-top:-6px;text-shadow:0 1px 3px #000}.title-rule{width:min(520px,70vw);height:2px;margin:18px 0 26px;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:relative}.title-rule:after{content:"❖";position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);color:var(--gold);background:transparent;font-size:15px;text-shadow:0 0 12px rgba(230,204,128,.8)}.start-buttons{display:flex;flex-direction:column;gap:13px;width:320px}.start-buttons .btn{width:100%}.start-footer{position:absolute;bottom:18px;font-size:12px;color:var(--text-dim);letter-spacing:.08em;text-shadow:0 1px 2px #000}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a8;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(680px,92vw);max-height:86vh;overflow-y:auto;padding-bottom:14px}.modal .panel-title{font-size:16px;padding:12px 16px 10px}.modal-body{padding:14px 18px;font-size:15px;line-height:1.55}.modal-body h3{font-family:var(--serif);color:var(--gold);margin:12px 0 4px;font-size:15px}.modal-actions{display:flex;justify-content:center;gap:10px;padding:6px 18px}.lobby-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 120%,#0a080633,#0504089e 75%)}.lobby-panel{width:min(560px,94vw)}.lobby-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.lobby-row{display:flex;gap:10px;align-items:center}.game-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.game-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border:1px solid #34302a;border-radius:5px;padding:9px 12px}.lobby-note{color:var(--text-dim);font-size:13px;text-align:center}.lobby-status{text-align:center;font-family:var(--serif);color:var(--gold);letter-spacing:.1em}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.topbar{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:7px 22px;border-radius:0 0 10px 10px;border-top:none}.topstat{display:flex;align-items:center;gap:6px;font-size:15px;white-space:nowrap}.topstat .ico{font-size:16px}.topstat b{color:var(--gold-bright);font-variant-numeric:tabular-nums}.topstat .sub{color:var(--text-dim);font-size:12px}.momentum-blue{color:var(--blue-team);font-weight:600}.momentum-red{color:var(--red-team);font-weight:600}.bottombar{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:8px;align-items:flex-end;pointer-events:none}.bottombar>*{pointer-events:auto}.bb-sec{position:relative;height:176px;display:flex;flex-direction:column;border-top-color:#e6cc8066}.bb-sec:before,.bb-sec:after{content:"◆";position:absolute;top:-6px;font-size:8px;color:var(--gold-dim);text-shadow:0 0 6px rgba(230,204,128,.55);pointer-events:none}.bb-sec:before{left:9px}.bb-sec:after{right:9px}.bb-heroes{flex:1.35;min-width:300px}.bb-command{width:330px;flex:none}.bb-log{flex:1;min-width:200px;transition:height .18s ease}.bb-log:hover{height:352px}.bb-build{width:218px;flex:none}.bb-title{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding:5px 10px 4px;text-shadow:0 1px 3px #000}.bb-title:before,.bb-title:after{content:"";flex:1;height:1px}.bb-title:before{background:linear-gradient(90deg,transparent,rgba(230,204,128,.45))}.bb-title:after{background:linear-gradient(90deg,rgba(230,204,128,.45),transparent)}.bb-count{color:var(--text-dim);font-family:var(--body);font-weight:400;letter-spacing:0}.bb-help{flex:none;width:14px;height:14px;border-radius:50%;border:1px solid #4a4438;color:var(--text-dim);font-family:var(--body);font-weight:400;font-size:10px;line-height:13px;text-align:center;letter-spacing:0;cursor:help}.bb-help:hover{color:var(--gold-bright);border-color:var(--gold-dim);box-shadow:0 0 8px #e6cc8059}.top-help{font-size:13px;cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none}.top-help:hover{opacity:1}.hero-grid{flex:1;overflow-y:auto;padding:4px 8px;display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.hero-cell{position:relative;width:40px;padding:2px 0 3px;text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 35%,#2b2620,#191510 72%);border:1px solid #4a4438;border-radius:5px;transition:border-color .12s,box-shadow .12s}.hero-cell:hover{border-color:var(--gold-dim);box-shadow:0 0 8px #e6cc8059}.hero-cell{cursor:grab}.hero-cell:active{cursor:grabbing}.hero-cell.drag-src{opacity:.45}.hero-cell.drop-ok,.hero-party.drop-ok{border-color:var(--gold-bright);box-shadow:0 0 12px #e6cc80b3}.hero-grid.dragging{outline:1px dashed rgba(230,204,128,.4);outline-offset:-3px}.hero-cell.selected{border-color:var(--gold-bright);box-shadow:0 0 10px #e6cc8099,inset 0 0 6px #e6cc8026}.hero-cell.dead .hc-ico,.hero-cell.dead .hc-hp{filter:grayscale(.9) brightness(.5)}.hc-ico{display:block;font-size:17px;line-height:1.2}.hc-lvl{position:absolute;right:2px;top:0;font-size:9px;color:var(--gold-bright);text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.hc-ord{position:absolute;left:2px;top:0;font-size:9px;opacity:.9;filter:saturate(.85)}.hc-hp{height:3px;margin:2px 4px 0;background:#101010;border-radius:2px;overflow:hidden}.hc-hp>div{height:100%;background:linear-gradient(90deg,#2f9e2f,#45d445)}.hc-dead{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-shadow:0 1px 2px #000;background:#00000073;border-radius:4px}.hc-sheet{position:absolute;right:0;bottom:6px;font-size:9px;opacity:0;cursor:pointer;transition:opacity .12s}.hero-cell:hover .hc-sheet{opacity:.85}.hc-sheet:hover{opacity:1!important;transform:scale(1.25)}.hero-party{display:inline-flex;flex-direction:column;gap:2px;padding:2px;border:1px solid rgba(160,139,79,.55);border-radius:6px;background:#1c181299}.hero-party-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px;cursor:pointer;font-family:var(--serif);font-size:10px;color:var(--gold);letter-spacing:.05em}.hero-party-head:hover{color:var(--gold-bright)}.hero-party-head.sel{text-shadow:0 0 8px rgba(230,204,128,.9)}.hero-party-cells{display:flex;gap:3px}.order-chip{font-family:var(--body);font-size:9.5px;padding:0 6px;border-radius:8px;border:1px solid #4a4438;color:var(--text-dim);text-transform:capitalize;white-space:nowrap}.summon-row{display:flex;gap:6px;align-items:center;padding:5px 8px 7px;border-top:1px solid rgba(58,52,42,.8)}.summon-btn{position:relative;overflow:hidden;flex:1;font-size:13px;padding:6px 10px}.summon-btn .cd{position:absolute;left:0;top:0;bottom:0;background:#0000008c;pointer-events:none}.summon-btn.ready{animation:pulse-gold 1.6s infinite}@keyframes pulse-gold{0%,to{box-shadow:inset 0 1px #ffe9a840,0 0 6px #e6cc804d}50%{box-shadow:inset 0 1px #ffe9a840,0 0 20px #e6cc80d9}}.queue-chips{display:flex;gap:3px;max-width:130px;flex-wrap:wrap}.qchip{font-size:14px;padding:2px 4px;border:1px solid #4a4438;border-radius:4px;background:#14120ecc;cursor:pointer;line-height:1}.qchip:hover{border-color:#b05040;filter:brightness(1.3)}.selection-line{font-size:12.5px;min-height:18px;color:var(--text);padding:0 10px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 8px}.order-btn{text-align:center;font-size:12px;padding:5px 4px;white-space:nowrap}.order-btn.active{border-color:var(--gold-bright);box-shadow:0 0 12px #e6cc808c,inset 0 1px #ffe9a840}.ob-name{margin-left:4px}.risk-row{display:flex;gap:5px;align-items:center;padding:5px 10px 0;min-height:0}.risk-row:empty{display:none}.risk-label{font-family:var(--serif);font-size:10px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;margin-right:2px}.risk-chip{font-size:13px;padding:2px 8px;border-radius:10px;cursor:pointer;border:1px solid #4a4438;color:var(--text-dim);white-space:nowrap;-webkit-user-select:none;user-select:none}.risk-chip:hover{border-color:var(--gold-dim)}.risk-chip.active{border-color:var(--gold-bright);box-shadow:0 0 8px #e6cc8066}.log-list{flex:1;overflow-y:auto;padding:4px 10px 6px;display:flex;flex-direction:column-reverse;gap:3px;font-size:11.5px}.log-list div{line-height:1.35}.log-time{color:var(--text-dim);font-size:10px;margin-right:5px;font-variant-numeric:tabular-nums}.build-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px 8px 8px}.build-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(180deg,#26221c,#191510);border:1px solid #4a4438;border-radius:6px;padding:3px 2px;cursor:pointer;font-family:var(--body);color:var(--text);transition:border-color .12s,box-shadow .12s}.build-cell:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 10px #e6cc8059}.build-cell:disabled{filter:grayscale(.7) brightness(.6);cursor:not-allowed}.build-cell.can{border-color:#e6cc8099}.bc-ico{font-size:17px;line-height:1.2}.bc-pips{font-size:8px;color:var(--gold);letter-spacing:1px;height:10px;line-height:10px}.bc-cost{font-size:9.5px;color:var(--gold-bright);font-variant-numeric:tabular-nums}.armory-list{max-height:46vh;overflow-y:auto;padding:6px 14px}.armory-item{display:flex;align-items:center;gap:9px;padding:4px;font-size:13.5px;border-bottom:1px solid #26221c}.hero-card{position:absolute;left:0;top:0;width:252px;padding-bottom:8px;border-top:none;border-left:none;border-radius:0 0 8px}.hero-card:after{content:"❖";position:absolute;bottom:-1px;right:6px;color:var(--gold-dim);font-size:10px;text-shadow:0 0 8px rgba(230,204,128,.6)}.hcd-head{display:flex;gap:10px;align-items:center;padding:10px 12px 6px}.hcd-portrait{width:44px;height:44px;flex:none;border-radius:50%;border:2px solid var(--gold-dim);display:flex;align-items:center;justify-content:center;font-size:23px;background:radial-gradient(circle at 50% 32%,#332c22,#14110d 78%);box-shadow:0 0 0 2px #000,0 0 10px #000000b3}.hcd-name{font-family:var(--serif);font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hcd-sub{font-size:11px;color:var(--text-dim);text-transform:capitalize}.hcd-sheet{font-size:14px;cursor:pointer;opacity:.7}.hcd-sheet:hover{opacity:1;transform:scale(1.15)}.hcd-bar{position:relative;height:13px;margin:3px 12px;background:#14120e;border:1px solid #3a342a;border-radius:7px;overflow:hidden}.hcd-bar>div{height:100%}.hcd-bar.hp>div{background:linear-gradient(90deg,#2f9e2f,#45d445)}.hcd-bar.xp>div{background:linear-gradient(90deg,#7a5ab0,#a335ee)}.hcd-bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:9.5px;line-height:13px;color:#fff;text-shadow:0 1px 2px #000}.hcd-line{padding:2px 12px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hcd-line.act{color:var(--gold-bright)}.mapframe{position:absolute;right:0;top:0;padding:5px;border-top:none;border-right:none;border-radius:0 0 0 8px}.map-head{display:flex;align-items:center;gap:5px;padding:0 2px 4px}.map-title{font-family:var(--serif);font-size:11px;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;flex:1;text-shadow:0 1px 3px #000}.map-btn{font-size:11px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #3a342a;border-radius:4px;padding:1px 6px;line-height:1.5}.map-btn:hover{color:var(--gold-bright);border-color:var(--gold-dim)}.map-btn.active{color:var(--gold-bright);border-color:var(--gold);box-shadow:0 0 8px #e6cc8066}.mapframe canvas{display:block;border-radius:4px;cursor:pointer}.globe-btn{position:absolute;right:0;top:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-top:none;border-right:none;border-radius:0 0 0 8px}.globe-btn:hover{box-shadow:0 0 0 1px #000,0 0 14px #e6cc8080}.hud-tip{position:fixed;z-index:90;pointer-events:none;max-width:270px;background:linear-gradient(180deg,#232019,#151310);border:1px solid var(--gold-dim);border-radius:6px;padding:7px 11px;font-size:12px;line-height:1.45;color:var(--text);box-shadow:0 0 0 1px #000,0 4px 18px #000000bf,inset 0 1px #e6cc8029}.hud-tip b{color:var(--gold-bright);font-family:var(--serif);font-size:12.5px}.sheet-head{display:flex;gap:12px;align-items:center;padding:14px 18px 8px}.sheet-ico{font-size:34px}.sheet-name{font-family:var(--serif);font-size:20px;font-weight:700}.sheet-sub{color:var(--text-dim);font-size:12.5px;text-transform:capitalize;margin-top:2px}.sheet-xp{position:relative;height:16px;margin:4px 18px 10px;background:#14120e;border:1px solid #3a342a;border-radius:8px;overflow:hidden}.sheet-xp>div{height:100%;background:linear-gradient(90deg,#7a5ab0,#a335ee)}.sheet-xp>span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10.5px;line-height:16px;color:#fff;text-shadow:0 1px 2px #000}.sheet-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 18px 10px;text-align:center}.sheet-stats>div{background:var(--panel2);border:1px solid #34302a;border-radius:5px;padding:6px 2px}.sheet-stats b{display:block;color:var(--gold-bright);font-size:15px}.sheet-stats span{font-size:10px;color:var(--text-dim)}.sheet-cols{display:flex;gap:14px;padding:0 18px 8px}.sheet-gear{flex:1.4;display:flex;flex-direction:column;gap:4px}.sheet-slot{display:flex;gap:8px;align-items:center;background:var(--panel2);border:1px solid #34302a;border-radius:5px;padding:5px 9px;font-size:12.5px}.ss-icon{width:20px;text-align:center}.ss-name{width:66px;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.sheet-career{flex:1;font-size:13px;display:flex;flex-direction:column;gap:5px}.sheet-career b{color:var(--gold-bright)}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 18px}.class-card{background:var(--panel2);border:1px solid #3a342a;border-radius:6px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .12s}.class-card:hover{border-color:var(--gold);box-shadow:0 0 14px #e6cc8059;transform:translateY(-2px)}.class-card .ci{font-size:28px}.class-card .cn{font-family:var(--serif);font-size:13px;margin-top:5px}.class-card .ca{font-size:10px;color:var(--text-dim);margin-top:4px;line-height:1.3}.endgame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#040306b8;z-index:60}.endgame h1{font-family:var(--serif);font-size:clamp(52px,8vw,96px);letter-spacing:.1em}.endgame h1.victory{background:linear-gradient(180deg,#fff3cf,#e6cc80 45%,#a3762c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(230,190,90,.6))}.endgame h1.defeat{color:#8a2f2a;text-shadow:0 0 30px rgba(180,40,30,.5)}.endgame .stats{font-size:16px;color:var(--text-dim)}.toast{position:absolute;left:50%;bottom:200px;transform:translate(-50%);background:#14120eeb;border:1px solid var(--gold-dim);border-radius:6px;padding:7px 16px;font-size:13.5px;color:var(--gold-bright);z-index:40;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#14120e}::-webkit-scrollbar-thumb{background:#3a342a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}