:root{--bg-deep:#0e0a08;--bg-mid:#1a1411;--bg-soft:#261c17;--ink:#d8c8a3;--ink-dim:#97896a;--ink-faded:#5d503e;--gold:#d4a849;--gold-bright:#f0c060;--crimson:#b03a2e;--jade:#5a8c6d;--azure:#4a6f8c;--rarity-1:#8a8a8a;--rarity-2:#5fbf6e;--rarity-3:#4f8fcf;--rarity-4:#b069c9;--rarity-5:#d4a849;--sect-shaolin:#b8842c;--sect-wudang:#6d8aa8;--sect-gaibang:#8c6a3a;--sect-huashan:#a85a4a;--shadow-card:0 2px 12px #0009;--shadow-glow:0 0 18px #d4a84973;--panel-bg:#120d0ac7;--panel-bg-solid:#14100c;--panel-border:#3a2e20;--panel-radius:10px;--hairline:#d8c8a31a;--slot-bg:#d8c8a30b;--slot-border:#d8c8a31a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;font-family:STKaiti,Kaiti SC,KaiTi,Songti SC,STSong,serif;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 10%,#4a6f8c14,#0000 50%),radial-gradient(at 80% 90%,#d4a8490f,#0000 50%),linear-gradient(#14100d 0%,#0e0a08 100%);position:fixed;inset:0}#app{z-index:1;grid-template:"roster top"52px"roster stage"1fr"roster bottom"340px/210px 1fr;gap:10px;width:100vw;min-width:1340px;height:100vh;min-height:1060px;padding:10px;display:grid;position:relative}body{overflow:auto}.roster,.combat-log,.trait-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius)}.roster h3,.combat-log h3,.trait-panel h3{color:var(--gold);letter-spacing:6px;text-align:center;border-bottom:1px solid var(--hairline);margin:0 10px 8px;padding:10px 0 8px;font-size:15px;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d8c8a329;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d8c8a34d}.player-bar{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);align-items:center;gap:14px;padding:6px 18px;display:flex}#top-bar{grid-area:top}#player-bar{border:none;border-bottom:1px solid var(--hairline);background:0 0;border-radius:0;flex-shrink:0;padding:4px 14px}.enemy-bar{background:linear-gradient(90deg, #b03a2e24, var(--panel-bg) 55%);border-color:#b03a2e66}.player-portrait{flex-direction:row;align-items:baseline;gap:10px;min-width:150px;display:flex}.player-name{color:var(--gold);letter-spacing:1px;font-size:20px;font-weight:700}.enemy .player-name{color:#d96b5c}.player-level{color:var(--ink-dim);white-space:nowrap;font-size:13px}.player-level b{color:var(--ink)}.player-hp{flex:1;align-items:center;gap:8px;max-width:260px;display:flex}.hp-bar{background:#0000008c;border:none;border-radius:6px;flex:1;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.hp-fill{background:linear-gradient(90deg,#4f8262,#8ab897);border-radius:6px;height:100%;transition:width .3s}.hp-fill.enemy-hp{background:linear-gradient(90deg,#8c3a2e,#c95a4a)}.player-stats{flex:1;align-items:center;gap:12px;display:flex}.stat{background:#d4a84914;border:1px solid #d4a8494d;border-radius:14px;align-items:baseline;gap:6px;padding:2px 12px;display:flex}.stat.gold{color:var(--gold-bright)}.stat-label{color:var(--ink-dim);font-size:13px}.stat b{font-size:20px}.player-traits{flex-wrap:wrap;flex:0 auto;gap:6px;display:flex}.roster{flex-direction:column;grid-area:roster;gap:5px;padding:0 8px 10px;display:flex;overflow-y:auto}.roster h3{flex-shrink:0;margin-left:2px;margin-right:2px}.roster-card{background:var(--slot-bg);border:1px solid #0000;border-left:3px solid var(--slot-border);cursor:pointer;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:7px 9px;font-size:14px;transition:background .15s,border-color .15s;display:grid}.roster-card:hover{background:#d4a8491a;border-color:#d4a8494d}.roster-card.eliminated{opacity:.35}.roster-card.eliminated .roster-name{text-decoration:line-through}.roster-card.is-self{border-left-color:var(--gold);background:#d4a8491a}.roster-card.opponent-now{border-left-color:var(--crimson);background:#b03a2e1f}.roster-rank{text-align:center;color:var(--ink-faded);font-size:13px;font-weight:700}.roster-info{flex-direction:column;gap:2px;min-width:0;display:flex}.roster-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.roster-name .badge-llm{background:var(--azure);color:var(--ink);vertical-align:middle;letter-spacing:.5px;border-radius:2px;margin-left:4px;padding:1px 4px;font-size:10px;font-weight:700;display:inline-block}.badge-llm.prov-deepseek{color:#fff;background:#2e7dd1}.badge-llm.prov-kimi{color:#fff;background:#6a4cdb}.badge-llm.prov-openrouter{color:#fff;background:#b03a2e}.badge-llm.prov-bailian{color:#fff;background:#b07a1f}.badge-llm.prov-zhipu{color:#fff;background:#1f8a64}.badge-llm.prov-minimax{color:#fff;background:#d44b8a}.badge-llm.prov-bot{color:#ddd;background:#555}.roster-hp{background:#00000080;border-radius:1px;height:4px;overflow:hidden}.roster-strategy{color:var(--ink-faded);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;font-style:italic;overflow:hidden}.roster-card.opponent-now .roster-strategy{color:var(--crimson)}.roster-quote{letter-spacing:.5px;color:#f0d088;white-space:nowrap;text-overflow:ellipsis;border-left:2.5px solid var(--gold);text-shadow:0 1px 2px #000000b3;background:linear-gradient(90deg,#d4af372e,#d4af370a);border-radius:2px;margin-top:4px;padding:5px 12px 5px 14px;font-family:STKaiti,KaiTi,Kaiti SC,楷体,serif;font-size:14px;font-weight:600;animation:.55s cubic-bezier(.2,.9,.3,1.2) quote-brush-in;position:relative;overflow:hidden}.roster-quote:before{content:"「";color:var(--gold);opacity:.7;font-size:11px;position:absolute;top:1px;left:2px}@keyframes quote-brush-in{0%{opacity:0;transform:translateY(-4px)scale(.9)}60%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes quote-fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.roster-hp-fill{background:var(--jade);height:100%;transition:width .3s}.roster-card.is-self .roster-hp-fill{background:var(--gold)}.roster-side{color:var(--ink-dim);flex-direction:column;align-items:flex-end;gap:1px;font-size:12px;display:flex}.roster-side .hp-num{color:var(--ink);font-size:15px;font-weight:700}#stage{grid-area:stage;grid-template-rows:1fr;grid-template-columns:190px 1fr 240px;align-items:stretch;gap:10px;padding:0;display:grid;position:relative;overflow:hidden}#round-indicator{border:1px solid var(--panel-border);z-index:5;background:#0e0a08e0;border-radius:999px;align-items:center;gap:14px;padding:6px 22px;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.round-phase{color:var(--gold);letter-spacing:4px;font-size:16px;font-weight:700}.round-number{color:var(--ink-dim);border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);padding:0 12px;font-size:13px}.round-number b{color:var(--ink);font-size:17px}.round-timer{color:var(--gold-bright);text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:20px;font-weight:700}.battle-board{background:radial-gradient(#d4a8490d,#0000 72%);border:none;grid-area:1/2;grid-template-rows:repeat(8,80px);grid-template-columns:repeat(7,80px);place-self:center;gap:5px;padding:10px 50px 10px 10px;display:grid;position:relative}.battle-board:before{content:"";background:linear-gradient(90deg, transparent, var(--ink-faded), transparent);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-2px)}.battle-board.combat-mode{width:650px;height:695px;padding:0;display:block;position:relative}.cells-layer{grid-template-rows:repeat(8,80px);grid-template-columns:repeat(7,80px);gap:5px;padding:10px 50px 10px 10px;display:grid;position:absolute;inset:0}.units-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.projectiles-layer{pointer-events:none;z-index:3;position:absolute;inset:0}.fx-layer{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0}.combat-projectile{background:radial-gradient(circle,#fff4a8 0%,#f1c453 45%,#f1c45300 75%);border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #f1c453e6}.combat-unit{margin:0;position:absolute;top:0;left:0}.combat-unit-animate{transition:transform .36s cubic-bezier(.42,0,.25,1),opacity .25s}.combat-unit-animate.combat-unit-realtime{transition:opacity .25s}.combat-unit.removing{opacity:0;transform-origin:50%}.cell{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#d4a8490a;justify-content:center;align-items:center;transition:all .15s,transform;display:flex;position:relative}.cell.hex-offset-row{transform:translate(40px)}.cell.enemy-side{background:#b03a2e0f}.cell.drag-over,.cell.drag-over.hex-offset-row{background:#d4a84940}.cell.is-target{outline:2px solid var(--crimson)}.combat-log{grid-area:1/3;align-self:stretch;padding:0 10px 10px;font-size:16px;overflow-y:auto}.combat-log h3{background:var(--panel-bg-solid);z-index:2;margin:0 0 8px;position:sticky;top:0}.combat-log ul{flex-direction:column;gap:3px;list-style:none;display:flex}.combat-log li{border-left:2px solid var(--slot-border);color:var(--ink-dim);background:#d8c8a308;border-radius:0 4px 4px 0;padding:5px 9px;font-size:14px;line-height:1.45}.combat-log li.log-event{color:var(--ink);border-left-color:var(--gold)}.combat-log li.log-damage{color:#c95a4a}.combat-log li.log-skill{color:var(--azure);border-left-color:var(--azure)}.trait-panel{grid-area:1/1;align-self:stretch;padding:0 10px 10px;font-size:16px;overflow-y:auto}.trait-panel h3{background:var(--panel-bg-solid);z-index:2;margin:0 0 8px;position:sticky;top:0}.trait-panel ul{flex-direction:column;gap:5px;list-style:none;display:flex}.trait-row{background:var(--slot-bg);border-left:4px solid var(--slot-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0 6px 6px 0;grid-template-columns:1fr auto;gap:4px;padding:8px 10px;font-size:15px;transition:background .12s,transform 80ms;display:grid}.trait-row:hover{background:#ffffff14}.trait-row:active{transform:translate(1px)}.trait-row.trait-popup-active{outline:1px solid var(--gold);outline-offset:-1px}.trait-row.active-bronze{background:linear-gradient(90deg,#c0805047,#c080500f);border-left-width:4px;border-left-color:#c08050;box-shadow:inset 0 0 6px #c080502e}.trait-row.active-silver{background:linear-gradient(90deg,#b8c0d047,#b8c0d00f);border-left-width:4px;border-left-color:#d8e0f0;box-shadow:inset 0 0 8px #b8c8dc38}.trait-row.active-gold{border-left-color:var(--gold-bright);background:linear-gradient(90deg,#d4a84952,#d4a8490f);border-left-width:4px;animation:2.6s ease-in-out infinite trait-gold-pulse;box-shadow:inset 0 0 10px #ffc8644d}@keyframes trait-gold-pulse{0%,to{box-shadow:inset 0 0 10px #ffc8644d}50%{box-shadow:inset 0 0 14px #ffdc8273,0 0 5px #ffc86466}}.trait-row.active-bronze .trait-name,.trait-row.active-silver .trait-name,.trait-row.active-gold .trait-name{color:var(--ink)}.trait-name{color:var(--ink-dim);font-weight:700}.trait-count{color:var(--ink-dim)}.trait-row.active-bronze .trait-count,.trait-row.active-silver .trait-count,.trait-row.active-gold .trait-count{color:var(--gold)}.trait-pill{border:1px solid var(--ink-faded);color:var(--ink-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0006;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:14px;transition:transform 80ms,filter .12s;display:inline-flex}.trait-pill:hover{filter:brightness(1.25)}.trait-pill:active{transform:scale(.95)}.trait-pill.trait-popup-active{outline:1px solid var(--gold);outline-offset:1px}.trait-pill.active-bronze{color:#e8b890;background:#c080502e;border-color:#c08050;box-shadow:0 0 4px #c0805066}.trait-pill.active-silver{color:#f0f4ff;background:#c8d7eb2e;border-color:#d8e0f0;box-shadow:0 0 6px #c8d7eb80}.trait-pill.active-gold{border-color:var(--gold-bright);color:#ffe8a0;background:#d4a84938;animation:2.6s ease-in-out infinite trait-pill-gold-pulse;box-shadow:0 0 8px #ffc86499}@keyframes trait-pill-gold-pulse{0%,to{box-shadow:0 0 8px #ffc86499}50%{box-shadow:0 0 12px #ffdc82d9}}#bottom{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);grid-template:"pbar pbar"38px"bench items"92px"shop shop"1fr/1fr 190px;grid-area:bottom;gap:8px 10px;padding:6px 14px 12px;display:grid;overflow:hidden}#player-bar{grid-area:pbar}.bench{border:1px solid var(--hairline);background:#00000047;border-radius:8px;grid-area:bench;grid-template-columns:repeat(9,1fr);gap:6px;min-height:0;padding:5px;display:grid}.bench-slot{background:var(--slot-bg);border:1px dashed var(--slot-border);border-radius:8px;justify-content:center;align-items:center;min-height:0;display:flex}.bench-slot.drag-over{border-color:var(--gold);background:#d4a84940;border-style:solid}.augment-owned-pill{border:1px solid var(--gold);color:var(--gold-bright);cursor:pointer;white-space:nowrap;background:#d4a8491f;border-radius:10px;padding:2px 8px;font-size:11px;display:inline-block}.augment-owned-pill:hover{background:#d4a84947}.item-slot.selected-item{border-color:var(--gold-bright);animation:1s ease-in-out infinite selected-pulse;box-shadow:0 0 10px #f0c060b3}.unit.selected-unit{border-color:var(--gold-bright);cursor:grabbing;animation:1s ease-in-out infinite selected-pulse;box-shadow:0 0 14px #f0c060bf}@keyframes selected-pulse{0%,to{box-shadow:0 0 10px #f0c0608c}50%{box-shadow:0 0 20px #f0c060f2}}.cell.place-hint:not(.enemy-side),.bench-slot.place-hint{cursor:copy;background:#d4a8491f;border-color:#d4a84973}.itembench{border:1px solid var(--hairline);background:#00000047;border-radius:8px;flex-wrap:wrap;grid-area:items;align-content:flex-start;align-items:flex-start;gap:4px;min-height:0;padding:6px;display:flex;overflow-y:auto}.itembench.empty{justify-content:center;align-items:center}.itembench-hint{color:var(--ink-faded);text-align:center;font-size:11px;font-style:italic}.item-slot{cursor:grab;min-width:50px;height:32px;color:var(--gold);background:#d4a8491a;border:1px solid #d4a84959;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;transition:transform .1s,background .1s;display:inline-flex}.item-slot.combined{border-color:var(--gold);color:var(--gold-bright);background:#d4a84938}.item-slot:hover{background:#d4a84947;transform:translateY(-1px)}.item-slot.dragging{opacity:.5;cursor:grabbing}.item-icon{font-size:9px;font-weight:700}.item-name{margin-top:1px;font-size:10px;line-height:1}.unit-equipped{pointer-events:none;gap:1px;display:flex;position:absolute;bottom:1px;right:1px}.unit-item{color:#1a1411;pointer-events:auto;background:#d4a849d9;border-radius:1px;padding:0 2px;font-size:7px;font-weight:700;line-height:10px;display:inline-block}.unit-item.combined{background:var(--gold-bright)}.shop-bar{grid-area:shop;align-items:stretch;gap:8px;min-height:0;display:flex}.shop-controls{flex-shrink:0;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:6px;width:190px;display:grid}.btn-shop{border:1px solid var(--panel-border);color:var(--ink);cursor:pointer;background:#d8c8a30d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:4px 6px;font-family:inherit;transition:all .15s;display:flex}.btn-shop.locked{border-color:var(--azure,#4a7cc4);color:#d8e8ff;background:linear-gradient(#4a7cc466,#325aa099);box-shadow:0 0 12px #508cdc80,inset 0 0 8px #78aaf04d}.btn-shop.locked:hover:not(:disabled){background:linear-gradient(#6496dc80,#466eb4b3);border-color:#7da8e0}.btn-shop:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright);background:#d4a84926}.btn-shop:disabled{opacity:.4;cursor:not-allowed}.btn-shop span{letter-spacing:1px;white-space:nowrap;font-size:18px;font-weight:700}.btn-shop small{color:var(--gold);font-size:13px}.btn-primary{border-color:var(--crimson);color:var(--ink);background:linear-gradient(#b03a2e80,#8c281eb3)}.btn-primary:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(#d4503c99,#b03a2ecc)}.shop-slots{flex:1;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.sell-zone{cursor:pointer;-webkit-user-select:none;user-select:none;width:88px;color:var(--ink-dim);background:#3c120e4d;border:1px dashed #b03a2e73;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;transition:all .15s;display:flex}.sell-zone:hover{border-color:var(--crimson);color:var(--ink);background:linear-gradient(#b03a2e4d,#781e1680)}.sell-zone.drag-over{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#d4503c99,#b03a2eb3);border-style:solid;transform:scale(1.04);box-shadow:inset 0 0 16px #d4503c99}.sell-zone-icon{filter:drop-shadow(0 0 2px #0009);font-size:24px}.sell-zone-text{letter-spacing:1px;font-size:14px;font-weight:700}.sell-zone-hint{opacity:.7;font-size:9px}.shop-card{border:1px solid var(--panel-border);cursor:pointer;background:linear-gradient(#281e18e6,#140e0ae6);border-radius:10px;flex-direction:column;justify-content:flex-end;gap:2px;padding:0;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;position:relative;overflow:hidden}.shop-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.shop-card.bought{opacity:.15;pointer-events:none}.shop-card.cant-afford{filter:grayscale(.6)brightness(.55)}.shop-card[data-cost="1"]{border-color:var(--rarity-1)}.shop-card[data-cost="2"]{border-color:var(--rarity-2)}.shop-card[data-cost="3"]{border-color:var(--rarity-3)}.shop-card[data-cost="4"]{border-color:var(--rarity-4);box-shadow:0 0 10px #b069c940}.shop-card[data-cost="5"]{border-color:var(--rarity-5);box-shadow:0 0 12px #d4a84959}.card-portrait{background:#0000004d;justify-content:center;align-items:center;font-size:44px;display:flex;position:absolute;inset:0}.shop-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#0805038c 40%,#080503f2);height:58%;position:absolute;bottom:0;left:0;right:0}.card-name{z-index:2;color:#f2e6c8;text-align:center;letter-spacing:1px;text-shadow:0 1px 3px #000000e6;font-size:17px;font-weight:700;position:relative}.card-traits{z-index:2;color:var(--ink-dim);justify-content:center;gap:4px;padding-bottom:7px;font-size:12px;display:flex;position:relative}.card-trait{border:1px solid var(--hairline);background:#0000008c;border-radius:8px;padding:1px 7px}.card-cost{border:1px solid var(--gold);color:var(--gold-bright);z-index:2;background:#080503cc;border-radius:8px;padding:1px 7px;font-size:13px;font-weight:700;position:absolute;top:5px;right:5px}.shop-card[data-cost="1"] .card-cost{border-color:var(--rarity-1);color:#cfcfcf}.shop-card[data-cost="2"] .card-cost{border-color:var(--rarity-2);color:var(--rarity-2)}.shop-card[data-cost="3"] .card-cost{border-color:var(--rarity-3);color:#7db4e8}.shop-card[data-cost="4"] .card-cost{border-color:var(--rarity-4);color:#cf8fe6}.shop-card[data-cost="5"] .card-cost{border-color:var(--rarity-5);color:var(--gold-bright)}.unit{border:2px solid var(--ink-faded);cursor:grab;background:radial-gradient(circle at 30% 30%,#ffffff40,#00000080);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,system-ui,sans-serif;font-size:44px;line-height:1;transition:transform .15s;display:flex;position:relative}.unit>span:not(.unit-stars):not(.unit-emoji){filter:drop-shadow(0 0 3px #000000d9)}.unit-emoji{filter:drop-shadow(0 0 3px #000000d9);font-size:44px}.unit.is-enemy{border-color:var(--crimson)}.unit:active{cursor:grabbing}.unit.dragging{opacity:.5}.unit[data-cost="1"]{border-color:var(--rarity-1)}.unit[data-cost="2"]{border-color:var(--rarity-2);box-shadow:0 0 4px #5fbf6e59}.unit[data-cost="3"]{border-color:var(--rarity-3);box-shadow:0 0 6px #4f8fcf80}.unit[data-cost="4"]{border-color:var(--rarity-4);box-shadow:0 0 9px #b069c999,inset 0 0 2px #b069c966}.unit[data-cost="5"]{border-color:var(--rarity-5);animation:2.4s ease-in-out infinite unit-legendary-pulse;box-shadow:0 0 12px #d4a849b3,inset 0 0 3px #ffdc7880}@keyframes unit-legendary-pulse{0%,to{box-shadow:0 0 12px #d4a849b3,inset 0 0 3px #ffdc7880}50%{box-shadow:0 0 18px #ffc864f2,inset 0 0 4px #ffeba0b3}}.unit.is-enemy[data-cost]{border-color:var(--crimson)}.unit-stars{color:var(--gold-bright);white-space:nowrap;text-shadow:0 0 4px #000;letter-spacing:-1px;font-size:12px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.unit-stars[data-stars="2"]{color:#d4d4d4}.unit-stars[data-stars="3"]{color:var(--gold-bright);text-shadow:0 0 6px var(--gold)}.unit-hp{background:#000000b3;border-radius:2px;height:5px;position:absolute;bottom:-9px;left:4px;right:4px;overflow:hidden}.unit-hp-fill{background:var(--jade);height:100%;transition:width .2s}.unit.is-enemy .unit-hp-fill{background:var(--crimson)}.unit-mana{background:#000000b3;border-radius:2px;height:4px;position:absolute;top:-9px;left:4px;right:4px;overflow:hidden}.unit-mana-fill{background:var(--azure);height:100%;transition:width .2s}.unit.attacking{animation:.25s attack-flash}@keyframes attack-flash{0%{transform:scale(1)}50%{filter:brightness(1.4);transform:scale(1.15)}to{transform:scale(1)}}.unit.casting{animation:.6s cast-glow}@keyframes cast-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 20px var(--gold-bright), 0 0 40px var(--gold)}}.unit.dead{pointer-events:none;animation:.25s forwards die}@keyframes die{20%{opacity:.7;filter:brightness(1.6);transform:scale(1.05)}to{opacity:0;transform:scale(.2)rotate(60deg)}}.damage-popup{color:#ff8060;text-shadow:1px 1px 2px #000;pointer-events:none;z-index:10;font-size:14px;font-weight:700;animation:.8s forwards dmg-rise;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.damage-popup.skill-dmg{color:var(--gold-bright);font-size:16px}.damage-popup.heal{color:var(--jade)}.damage-popup.crit{color:#ffe080;text-shadow:0 0 6px #ff8c00,1px 1px 3px #000;font-size:22px;font-weight:900;animation:1s ease-out forwards dmg-crit-rise}@keyframes dmg-rise{to{opacity:0;transform:translate(-50%,-36px)}}@keyframes dmg-crit-rise{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-8px)scale(1.4)}60%{opacity:1;transform:translate(-50%,-28px)scale(1)}to{opacity:0;transform:translate(-50%,-50px)scale(.9)}}.kill-toast{text-shadow:0 0 8px #000,2px 2px 4px #000;pointer-events:none;z-index:50;white-space:nowrap;letter-spacing:2px;font-family:STKaiti,KaiTi,楷体,serif;font-size:28px;font-weight:900;animation:1s ease-out forwards kill-toast-anim;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.kill-toast .kill-sep{opacity:.85;margin:0 6px;font-size:22px}.kill-toast-ally .kill-killer{color:#66e0ff}.kill-toast-ally .kill-victim{color:#f76;text-decoration:line-through}.kill-toast-enemy .kill-killer{color:#f76}.kill-toast-enemy .kill-victim{color:#66e0ff;text-decoration:line-through}@keyframes kill-toast-anim{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1;transform:translate(-50%,-65%)scale(1)}to{opacity:0;transform:translate(-50%,-90%)scale(1)}}.carousel-modal{z-index:1050;background:#080503d9;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out carousel-fade;display:flex;position:fixed;inset:0}@keyframes carousel-fade{0%{opacity:0}to{opacity:1}}.carousel-title{text-align:center;color:#f8e7c5;margin-bottom:18px}.carousel-title-main{color:var(--gold-bright,#d4a849);text-shadow:0 0 12px #d4a84980;font-size:22px;font-weight:700;display:block}.carousel-title-sub{opacity:.7;margin-top:4px;font-size:13px;display:block}.carousel-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:min(800px,96vw);display:grid}.carousel-option{border:2px solid var(--ink-faded,#5a4836);color:#f0dfbc;background:#281c12eb;border-radius:6px;padding:10px 8px;transition:transform .15s,border-color .15s,box-shadow .15s}.carousel-option.clickable{cursor:pointer;border-color:var(--gold-bright,#d4a849)}.carousel-option.clickable:hover{transform:translateY(-3px);box-shadow:0 4px 20px #d4a84966}.carousel-option.taken{opacity:.35;filter:grayscale(.6)}.carousel-hero{align-items:center;gap:6px;margin-bottom:6px;display:flex}.carousel-hero-emoji{font-size:24px}.carousel-hero-name{flex:1;font-size:13px;font-weight:700}.carousel-hero-cost{opacity:.7;background:#d4a84926;border-radius:3px;padding:1px 5px;font-size:11px}.carousel-item-row{background:#00000040;border-radius:3px;align-items:center;gap:5px;padding:4px 6px;font-size:11px;display:flex}.carousel-item-icon{text-align:center;color:#1a1411;background:#d4a849b3;border-radius:2px;width:22px;height:18px;font-size:10px;font-weight:700;line-height:18px;display:inline-block}.carousel-item-icon.combined{background:linear-gradient(135deg,#ffd166,#d4a849)}.carousel-item-name{flex:1}.carousel-taken-by{opacity:.7;text-align:right;margin-top:4px;font-size:10px;font-style:italic}.carousel-status{color:#f8e7c5;align-items:center;gap:30px;margin-top:18px;font-size:16px;display:flex}.carousel-current{background:#d4a84926;border:1px solid #d4a84966;border-radius:4px;padding:6px 14px}.carousel-timer{color:#ffd166;text-align:center;min-width:50px;font-size:20px;font-weight:700}.augment-modal{z-index:1080;background:#080503e0;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out carousel-fade;display:flex;position:fixed;inset:0}.augment-title{text-align:center;color:#f8e7c5;margin-bottom:22px}.augment-title-main{text-shadow:0 0 14px;font-size:24px;font-weight:700;display:block}.augment-title-sub{opacity:.75;margin-top:6px;font-size:13px;display:block}.augment-grid{grid-template-columns:repeat(3,minmax(180px,240px));gap:14px;display:grid}.augment-card{color:#f0dfbc;background:#281c12f0;border:2px solid #888;border-radius:8px;flex-direction:column;gap:8px;min-height:180px;padding:16px 14px;transition:transform .15s,box-shadow .15s;display:flex}.augment-card.clickable{cursor:pointer}.augment-card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 28px #ffc86466}.augment-card.rarity-red.clickable:hover{box-shadow:0 6px 28px #e74c3c8c}.augment-card.rarity-purple.clickable:hover{box-shadow:0 6px 28px #9b59b680}.augment-card-name{text-shadow:0 0 6px;font-size:17px;font-weight:700}.augment-card-desc{opacity:.9;flex:1;font-size:13px;line-height:1.5}.augment-card-kinds{opacity:.5;font-size:10px;font-style:italic}.augment-status{color:#f8e7c5;align-items:center;gap:30px;margin-top:20px;font-size:15px;display:flex}.augment-status-msg{background:#d4a84926;border:1px solid #d4a84966;border-radius:4px;padding:6px 14px}.augment-timer{color:#ffd166;text-align:center;min-width:50px;font-size:20px;font-weight:700}.pve-drop-toast{z-index:1100;border:2px solid var(--gold-bright,#d4a849);color:#f8e7c5;cursor:pointer;background:linear-gradient(135deg,#281e12f7,#140e08f7);border-radius:10px;min-width:320px;max-width:480px;padding:18px 22px;animation:.35s ease-out pve-drop-pop;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #000000b3,0 0 24px #d4a84940}.pve-drop-toast.won{border-color:#ffd166;box-shadow:0 6px 30px #000000b3,0 0 32px #ffd16666}.pve-drop-toast.lost{border-color:#b85b5b;box-shadow:0 6px 30px #000000b3,0 0 24px #b85b5b4d}.pve-drop-title{text-align:center;margin-bottom:6px;font-size:18px;font-weight:700}.pve-drop-round{opacity:.7;text-align:center;margin-bottom:10px;font-size:12px}.pve-drop-items{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;display:flex}.pve-drop-item{border:1px solid var(--gold-bright,#d4a849);background:#d4a84933;border-radius:4px;padding:4px 10px;font-size:13px}.pve-drop-empty{opacity:.6;text-align:center;margin:6px 0;font-size:12px;font-style:italic}.pve-drop-gold{text-align:center;color:#ffd166;margin-top:6px;font-size:14px}.pve-drop-hint{text-align:center;opacity:.5;margin-top:8px;font-size:11px}@keyframes pve-drop-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.unit.hit-flash{animation:.18s ease-out hit-flash}@keyframes hit-flash{0%,to{filter:none}50%{filter:brightness(2.4)drop-shadow(0 0 6px #fff)}}#battle-board{position:relative}.spell-popup{pointer-events:none;z-index:11;text-align:center;white-space:nowrap;animation:1.6s ease-out forwards spell-rise;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.spell-popup .spell-name{color:var(--gold-bright,#fc6);text-shadow:0 0 4px #000000d9,1px 1px 2px #000;letter-spacing:1px;font-family:STKaiti,KaiTi,楷体,serif;font-size:14px;font-weight:700}.spell-popup .spell-chant{color:#f5e6c8;text-shadow:1px 1px 2px #000;letter-spacing:.5px;margin-top:2px;font-family:STKaiti,KaiTi,楷体,serif;font-size:11px;font-style:italic}@keyframes spell-rise{0%{opacity:0;transform:translate(-50%,8px)}18%{opacity:1;transform:translate(-50%)}82%{opacity:1;transform:translate(-50%,-16px)}to{opacity:0;transform:translate(-50%,-28px)}}.bench-unit-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-over{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over.hidden{display:none}.game-over-card{background:linear-gradient(180deg, var(--bg-mid), var(--bg-soft));border:2px solid var(--gold);text-align:center;min-width:360px;max-width:540px;box-shadow:var(--shadow-glow);border-radius:14px;padding:32px 48px}.game-over-card h1{color:var(--gold);letter-spacing:8px;margin-bottom:12px;font-size:36px}.game-over-card .subtitle{color:var(--ink-dim);letter-spacing:2px;margin-bottom:20px;font-size:14px}.game-over-card p{color:var(--ink);margin-bottom:20px;font-size:16px;line-height:1.6}.welcome-card .rules-list{text-align:left;border-left:3px solid var(--gold);background:#0000004d;margin:16px 0 24px;padding:16px 20px;list-style:none}.welcome-card .rules-list li{color:var(--ink-dim);padding-left:18px;font-size:13px;line-height:1.8;position:relative}.welcome-card .rules-list li:before{content:"·";color:var(--gold);font-weight:700;position:absolute;left:4px}.game-over-card button{letter-spacing:4px;margin:0 8px;padding:12px 32px;font-size:15px}.tooltip{border:1px solid var(--gold);color:var(--ink);pointer-events:none;z-index:1000;max-width:320px;box-shadow:var(--shadow-card);background:#0a0806f2;padding:12px 16px;font-size:15px;line-height:1.65;position:fixed}.tooltip h4{color:var(--gold);margin-bottom:6px;font-size:18px}.tooltip .tip-cost{color:var(--ink-dim);font-size:13px}.tooltip .tip-skill{border-top:1px dashed var(--ink-faded);margin-top:8px;padding-top:8px}.tooltip .tip-skill-name{color:var(--azure);font-size:16px;font-weight:700}.tooltip .tip-stats{color:var(--ink-dim);margin-top:5px;font-size:13px}.sect-shaolin{color:var(--sect-shaolin)}.sect-wudang{color:var(--sect-wudang)}.sect-gaibang{color:var(--sect-gaibang)}.sect-huashan{color:var(--sect-huashan)}.trait-popup{border:1px solid var(--gold);color:var(--ink);z-index:1100;background:#0a0806f7;border-radius:4px;width:320px;max-width:calc(100vw - 24px);padding:14px 18px;font-size:14px;line-height:1.6;animation:.12s ease-out trait-popup-in;display:none;position:fixed;box-shadow:0 6px 24px #0009,0 0 12px #d4a8492e}@keyframes trait-popup-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.trait-popup .tp-head{border-bottom:1px dashed var(--ink-faded);align-items:baseline;gap:10px;margin-bottom:8px;padding-bottom:6px;display:flex}.trait-popup .tp-head h4{color:var(--gold);margin:0;font-size:18px;font-weight:700}.trait-popup .tp-kind{color:var(--ink-dim);border:1px solid var(--ink-faded);border-radius:8px;padding:1px 8px;font-size:12px}.trait-popup .tp-desc{color:var(--ink-dim);margin-bottom:10px;font-size:13px;font-style:italic;line-height:1.55}.trait-popup .tp-progress{color:var(--ink-dim);background:#ffffff0a;border-radius:3px;margin-bottom:10px;padding:4px 8px;font-size:13px}.trait-popup .tp-progress-count{color:var(--gold-bright);font-size:16px;font-weight:700}.trait-popup .tp-progress-tier{font-weight:700}.trait-popup .tp-progress-tier.tp-tier-bronze{color:#c08050}.trait-popup .tp-progress-tier.tp-tier-silver{color:#d8e0f0}.trait-popup .tp-progress-tier.tp-tier-gold{color:var(--gold-bright)}.trait-popup .tp-progress-tier.tp-tier-inactive{color:var(--ink-faded)}.trait-popup .tp-tiers{flex-direction:column;gap:8px;display:flex}.trait-popup .tp-tier{border-left:3px solid var(--ink-faded);opacity:.55;background:#ffffff08;padding:8px 10px}.trait-popup .tp-tier.tp-tier-active{opacity:1}.trait-popup .tp-tier.tp-tier-bronze.tp-tier-active{background:linear-gradient(90deg,#c080502e,#c080500a);border-left-color:#c08050}.trait-popup .tp-tier.tp-tier-silver.tp-tier-active{background:linear-gradient(90deg,#b8c8dc2e,#b8c8dc0a);border-left-color:#d8e0f0}.trait-popup .tp-tier.tp-tier-gold.tp-tier-active{border-left-color:var(--gold-bright);background:linear-gradient(90deg,#d4a84938,#d4a8490a)}.trait-popup .tp-tier.tp-tier-current{outline:1px solid var(--gold);outline-offset:-1px;box-shadow:inset 0 0 8px #ffc8642e}.trait-popup .tp-tier-head{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.trait-popup .tp-tier-num{background:#00000080;border:1px solid;border-radius:11px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 6px;font-size:13px;font-weight:700;display:inline-flex}.trait-popup .tp-tier-bronze .tp-tier-num,.trait-popup .tp-tier-bronze .tp-tier-name{color:#c08050}.trait-popup .tp-tier-silver .tp-tier-num,.trait-popup .tp-tier-silver .tp-tier-name{color:#d8e0f0}.trait-popup .tp-tier-gold .tp-tier-num,.trait-popup .tp-tier-gold .tp-tier-name{color:var(--gold-bright)}.trait-popup .tp-tier-name{letter-spacing:1px;font-size:12px;font-weight:700}.trait-popup .tp-tier-effect{color:var(--ink);font-size:13px;line-height:1.55}.trait-popup .tp-tier:not(.tp-tier-active) .tp-tier-effect{color:var(--ink-dim)}.trait-popup .tp-close-hint{text-align:right;color:var(--ink-faded);letter-spacing:1px;margin-top:10px;font-size:11px}.settings-gear{z-index:320;border:1px solid var(--ink-faded);width:34px;height:34px;color:var(--ink-dim);cursor:pointer;background:#1a1411d9;border-radius:50%;font-size:17px;transition:color .2s,border-color .2s,transform .3s;position:fixed;top:10px;right:12px}.settings-gear:hover{color:var(--gold-bright);border-color:var(--gold);transform:rotate(45deg)}.settings-modal{z-index:340;background:#080605a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-card{background:var(--bg-mid);border:1px solid var(--gold);width:340px;box-shadow:var(--shadow-card), var(--shadow-glow);border-radius:8px;padding:22px 26px}.settings-title{color:var(--gold-bright);letter-spacing:4px;text-align:center;margin-bottom:16px;font-size:18px}.settings-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.settings-label{width:56px;color:var(--ink);flex-shrink:0;font-size:14px}.settings-row input[type=range]{accent-color:var(--gold);flex:1}.settings-val{text-align:right;width:42px;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:12px}.settings-fx-group{gap:6px;display:flex}.settings-fx-btn{border:1px solid var(--ink-faded);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:4px;padding:4px 14px;font-family:inherit;font-size:13px}.settings-fx-btn.active{border-color:var(--gold);color:var(--gold-bright);background:#d4a8491f}.settings-close{border:1px solid var(--ink-faded);color:var(--ink);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:4px;margin:6px auto 0;padding:6px 28px;font-family:inherit;font-size:13px;display:block}.settings-close:hover{border-color:var(--gold);color:var(--gold-bright)}.cast-art-popup{z-index:290;pointer-events:none;align-items:flex-end;gap:12px;animation:.28s cubic-bezier(.2,.9,.3,1) cast-art-in;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.cast-art-popup.from-left{flex-direction:row;left:220px}.cast-art-popup.from-right{flex-direction:row-reverse;right:220px}.cast-art-popup.leaving{opacity:0;transition:opacity .32s ease-out}.cast-art-img{object-fit:cover;border:1px solid var(--gold);width:168px;height:168px;box-shadow:0 0 24px #d4a84966, var(--shadow-card);border-radius:6px}.cast-art-text{text-shadow:0 2px 6px #000000e6;max-width:200px;padding-bottom:4px}.cast-art-hero{color:var(--ink-dim);letter-spacing:2px;font-size:13px}.cast-art-skill{color:var(--gold-bright);letter-spacing:2px;margin:2px 0;font-size:20px;font-weight:700}.cast-art-chant{color:var(--ink);font-family:STKaiti,Kaiti SC,KaiTi,楷体,serif;font-size:14px;font-style:italic}@keyframes cast-art-in{0%{opacity:0;transform:translateY(-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}.postmatch-btn{z-index:300;border:1px solid var(--gold);color:var(--gold-bright);letter-spacing:2px;cursor:pointer;box-shadow:var(--shadow-card);background:#1a1411eb;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:14px;animation:.4s ease-out postmatch-pop;position:fixed;bottom:358px;right:20px}.postmatch-btn:hover{background:#d4a84926}@keyframes postmatch-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.postmatch-modal{z-index:330;background:#080605b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.postmatch-card{background:var(--bg-mid);border:1px solid var(--gold);width:520px;max-width:92vw;max-height:80vh;box-shadow:var(--shadow-card), var(--shadow-glow);border-radius:8px;padding:26px 32px;overflow-y:auto}.postmatch-title{color:var(--gold-bright);letter-spacing:3px;text-align:center;margin-bottom:6px;font-size:18px}.postmatch-sub{color:var(--ink-dim);text-align:center;margin-bottom:16px;font-size:12px}.postmatch-body{color:var(--ink);text-align:justify;text-indent:2em;min-height:80px;font-family:STKaiti,Kaiti SC,KaiTi,楷体,serif;font-size:16px;line-height:2}.postmatch-close{border:1px solid var(--ink-faded);color:var(--ink);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:4px;margin:18px auto 0;padding:6px 26px;font-family:inherit;font-size:13px;display:block}.postmatch-close:hover{border-color:var(--gold);color:var(--gold-bright)}.hero-face-img{object-fit:cover;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.unit .hero-face-img{z-index:0;opacity:.92;position:absolute;inset:0}.card-portrait .hero-face-img{object-position:top center;border-radius:0;position:absolute;inset:0}