html,body{margin:0;padding:0;overflow:hidden;background:#0c0705;font-family:Georgia,Times New Roman,serif;-webkit-user-select:none;user-select:none}#app,#app canvas{display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#e8c468}#hud button,#hud .card,#hud .merc-card{pointer-events:auto}.panel{background:linear-gradient(#2c1d11,#1a100a);border:2px solid #6b5226;border-radius:4px;box-shadow:inset 0 1px #ffdc962e,inset 0 -2px 4px #0009,0 2px 8px #000000b3;padding:6px 14px}.tophud{position:absolute;top:10px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px}.topbar{display:flex;justify-content:center;align-items:stretch;gap:10px;max-width:100%}.gold-panel{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;min-width:70px}.coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#d4a017 60%,#8a6510);border:1px solid #5e4408;display:inline-block}.coin.small{width:11px;height:11px}.myth{width:13px;height:13px;transform:rotate(45deg);background:linear-gradient(135deg,#b8f0ff,#2fa8d8 55%,#135a80);border:1px solid #0c3a55;border-radius:2px;display:inline-block}.myth.small{width:9px;height:9px}.res-tag{font-size:12px;font-weight:400;color:#a8884a;white-space:nowrap}.phase-panel{font-size:16px;display:flex;align-items:center;letter-spacing:.5px}.king-panel{display:flex;align-items:center;gap:10px;min-width:240px}.king-label{font-size:14px;white-space:nowrap}.kingbar{position:relative;flex:1;height:18px;background:#2a0c0a;border:1px solid #6b5226;border-radius:3px;overflow:hidden;min-width:140px}.kingbar-fill{height:100%;width:100%;background:linear-gradient(#7fe06a,#2f9e2c 60%,#1d6e1c);transition:width .2s}.kingbar-fill.hurt{background:linear-gradient(#ff9a6a,#d4452c 60%,#8e1d12)}.kingbar-fill.enemy-fill{background:linear-gradient(#c06aff,#7a3bd6 60%,#4a1d8e)}.enemy-king-panel{min-width:240px}.enemy-king-panel .king-label{color:#b58ad6}.king-upgs{display:flex;gap:4px}.kup{background:linear-gradient(#241709,#150d06);border:1px solid #54401e;border-radius:3px;color:#c8ab6e;font-family:inherit;font-size:12px;padding:3px 7px;cursor:pointer;white-space:nowrap}.kup:hover:not(:disabled){color:#ffd978;border-color:#8a6a2e}.kup:disabled{filter:grayscale(.7) brightness(.6);cursor:default}.kup-pip{display:inline-flex;align-items:center;gap:2px;font-size:12px;padding:2px 5px;border-radius:3px;border:1px solid #3a3320;background:#150d06;color:#6f6450}.kup-pip.active{color:#ffd978;border-color:#6a4f22;background:linear-gradient(#241709,#150d06)}.kup-pip b{font-size:11px;font-weight:700}.enemy-king-panel .kup-pip.active{color:#e6c2ff;border-color:#6b3bb0;background:linear-gradient(#241433,#150d1f)}.view-banner{display:inline-flex;align-items:center;gap:6px;pointer-events:none;padding:4px 14px;border-radius:999px;background:#140c06d1;border:1px solid #6b5226;color:#ffd978;font-size:13px;letter-spacing:.4px;box-shadow:0 2px 8px #0009}.view-banner.hidden{display:none}.view-banner .vb-eye{font-size:12px;opacity:.9}.view-banner .vb-text{white-space:nowrap}.kingbar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;text-shadow:0 1px 2px #000}.admin-btn{pointer-events:auto;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:4px;color:#a8884a;font-size:16px;padding:4px 10px;cursor:pointer}.admin-btn:hover{color:#ffd978;border-color:#8a6a2e}.admin-panel{position:absolute;top:58px;right:10px;min-width:180px;pointer-events:auto;z-index:10}.admin-panel.hidden{display:none}.admin-title{font-size:13px;color:#ffd978;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #54401e;padding-bottom:4px;margin-bottom:8px}.admin-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:#c8ab6e}.admin-row input{accent-color:#c8a24a}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;max-width:100%}.tab{white-space:nowrap}.tab{position:relative;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:4px 4px 0 0;color:#a8884a;font-family:inherit;font-size:14px;padding:5px 16px;cursor:pointer}.tab.active{color:#ffd978;border-color:#8a6a2e;background:linear-gradient(#3a2812,#241608)}.tab.enemy-tab{color:#9a7ab0;border-color:#4a3458}.tab.enemy-tab.active{color:#d6a8ff;border-color:#7a5a9e;background:linear-gradient(#2e1f3a,#1a1024)}.tab.cam-reset{border-radius:4px;padding:5px 10px;font-size:15px;line-height:1}.tab.cam-reset:hover{color:#ffd978;border-color:#8a6a2e}.tab.audio-btn{border-radius:4px;padding:5px 9px;font-size:14px;line-height:1}.tab.audio-btn:hover{color:#ffd978;border-color:#8a6a2e}.audio-panel{position:fixed;top:56px;left:10px;z-index:50;min-width:248px;pointer-events:auto;display:flex;flex-direction:column;gap:10px}.audio-panel.hidden{display:none}.audio-title{font-size:13px;color:#ffd978;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #54401e;padding-bottom:4px}.audio-row{display:flex;align-items:center;gap:9px}.audio-mute{flex:0 0 auto;width:30px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:4px;color:#a8884a;font-family:inherit;font-size:14px;line-height:1;cursor:pointer}.audio-mute:hover{color:#ffd978;border-color:#8a6a2e}.audio-mute.muted{color:#6f5226;border-color:#3e2f15;background:linear-gradient(#1c1207,#100a04)}.audio-label{flex:0 0 64px;font-size:13px;color:#c8ab6e;letter-spacing:.3px}.audio-slider{flex:1 1 auto;min-width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3e2f15;border-radius:3px;outline:none;cursor:pointer;accent-color:#c8a24a}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#d4a017 60%,#8a6510);border:1px solid #5e4408;cursor:pointer}.audio-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#d4a017 60%,#8a6510);border:1px solid #5e4408;cursor:pointer}.audio-slider.disabled{opacity:.4}.audio-pct{flex:0 0 36px;text-align:right;font-size:12px;color:#a8884a;font-variant-numeric:tabular-nums}.tab.quality-btn{border-radius:4px;padding:5px 9px;font-size:13px;line-height:1;letter-spacing:.5px}.tab.quality-btn:hover{color:#ffd978;border-color:#8a6a2e}.tab.quality-btn.muted{color:#6f5226;border-color:#3e2f15;background:linear-gradient(#1c1207,#100a04)}.side-rail{position:absolute;top:96px;right:10px;width:216px;max-height:calc(100vh - 200px);display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:5}.stats-panel{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;padding:8px 10px 10px;pointer-events:auto}.stats-panel.hidden{display:none}.stats-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid #6b5226}.stats-title{color:#ffd978;font-weight:700;font-size:14px}.stats-scope{display:flex;align-items:center;gap:4px;color:#a8884a;font-size:11px;cursor:pointer;white-space:nowrap}.stats-scope input{cursor:pointer;accent-color:#8a6a2e;margin:0}.stats-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table thead th{position:sticky;top:0;background:#1f140b;color:#a8884a;font-weight:400;font-size:11px;text-align:right;padding:2px 4px 4px;border-bottom:1px solid #4a3a1c}.stats-table thead th.su-name{text-align:left}.stats-table tbody td{padding:3px 4px;text-align:right;color:#e8c468;font-variant-numeric:tabular-nums}.stats-table tbody td.su-name{text-align:left;color:#d8b860;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-table tbody td.su-dmg{color:#ffc69a}.stats-table tbody td.su-heal{color:#9fe0a0}.stats-table tbody td.su-tank{color:#c6b0ff}.stats-table tbody tr.dead td{opacity:.4}.stats-table tbody tr:nth-child(2n) td{background:#ffdc960a}@media (max-width: 880px){.stats-panel{display:none}.side-rail{top:auto;bottom:80px;left:0;right:0;width:auto;max-height:none;flex-direction:row;justify-content:center;align-items:flex-end;gap:8px}.side-rail .merc-panel{display:flex;flex-direction:column-reverse;align-items:stretch;gap:6px;padding:0;border:none;background:none;box-shadow:none;width:min(240px,56vw)}.side-rail .eco{flex:0 0 auto;display:flex;align-items:stretch;gap:6px;width:min(144px,40vw);pointer-events:auto}.side-rail .eco .eco-btn{flex:1 1 auto;justify-content:center;gap:2px;padding:7px 6px;border-width:2px}.side-rail .eco .eco-title{font-size:13px}.side-rail .eco .eco-cost{font-size:12px}.side-rail .eco .undo-btn{flex:0 0 auto;width:46px;min-width:46px;padding:7px 0}.side-rail .eco .undo-btn .eco-title{font-size:22px;line-height:1}.side-rail .eco .undo-word{display:none}.side-rail .eco-fortune{flex-flow:row wrap}.side-rail .eco-fortune .reroll-btn{flex:1 0 100%}.side-rail .merc-head{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:9px 14px;border:2px solid #2f6a8a;border-radius:6px;background:linear-gradient(#16313f,#0d1f28);box-shadow:0 2px 8px #0009;cursor:pointer}.side-rail .merc-chevron{display:inline-block;font-size:11px;color:#9fd8ef;transition:transform .15s ease}.side-rail .merc-panel.open .merc-chevron{transform:rotate(180deg)}.side-rail .merc-list,.side-rail .send-queue{display:none}.side-rail .merc-panel.open .merc-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto;padding:8px;border:2px solid #2f6a8a;border-radius:6px;background:linear-gradient(#1a1209,#110a05);box-shadow:0 4px 14px #000000b3}.side-rail .merc-panel.open .send-queue{display:block;margin:0;text-align:center}.side-rail .merc-effect{display:none}}.menu-mute{position:fixed;top:16px;right:16px;z-index:60;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:6px;color:#c8ab6e;cursor:pointer}.menu-mute:hover{color:#ffd978;border-color:#8a6a2e}.menu-mute.muted{color:#6f5226;border-color:#3e2f15;opacity:.85}.badge{display:none;margin-left:7px;background:#b3202a;color:#fff;border-radius:9px;padding:1px 7px;font-size:11px}.badge.on{display:inline-block;animation:pulse .9s infinite}@keyframes pulse{50%{transform:scale(1.25)}}.bottombar{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:16px}.cards{display:flex;gap:8px}.card{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer}.card.selected{border-color:#c8a24a;box-shadow:0 0 12px #ffbe5059,inset 0 1px #ffdc962e}.card.poor{filter:grayscale(.7) brightness(.7)}.card,.merc-card{-webkit-touch-callout:none}.card.holding,.merc-card.holding{border-color:#c8a24a;box-shadow:0 0 14px #ffbe5073,inset 0 1px #ffdc9633;transform:translateY(-2px)}.card-icon{width:38px;height:38px;border:2px solid #6b5226;border-radius:4px}.mystery-icon{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c2456,#50306f);color:#ecdcff;font-weight:800;font-size:12px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}.legion-units .mystery-icon{font-size:18px}.mp-legion-chip.is-fortune .mp-legion-chip-name{color:#d9c2ff}.mp-legion-chip.is-random .mp-legion-chip-name{color:#ffd98c}.class-info-mystery{color:#c9b6e8;font-size:13px;line-height:1.5;margin:0 0 12px}.imp-icon{background-image:url(../card-icons/imp.png);background-size:cover;background-position:center}.card-name{font-size:16px;color:#ffd978}.card-sub{font-size:11px;color:#a8884a}.cerberus-icon{background-image:url(../card-icons/cerberus.png);background-size:cover;background-position:center}.succubus-icon{background-image:url(../card-icons/succubus.png);background-size:cover;background-position:center}.infernal-icon{background-image:url(../card-icons/infernal.png);background-size:cover;background-position:center}.phoenix-icon{background-image:url(../card-icons/phoenix.png);background-size:cover;background-position:center}.centaur-icon{background-image:url(../card-icons/centaur.png);background-size:cover;background-position:center}.berzerker-icon{background-image:url(../card-icons/berzerker.png);background-size:cover;background-position:center}.shaman-icon{background-image:url(../card-icons/shaman.png);background-size:cover;background-position:center}.blademaster-icon{background-image:url(../card-icons/blademaster.png);background-size:cover;background-position:center}.cyclops-icon{background-image:url(../card-icons/cyclops.png);background-size:cover;background-position:center}.knight-icon{background-image:url(../card-icons/knight.png);background-size:cover;background-position:center}.crossbowman-icon{background-image:url(../card-icons/crossbowman.png);background-size:cover;background-position:center}.cleric-icon{background-image:url(../card-icons/cleric.png);background-size:cover;background-position:center}.paladin-icon{background-image:url(../card-icons/paladin.png);background-size:cover;background-position:center}.angel-icon{background-image:url(../card-icons/angel.png);background-size:cover;background-position:center}.apprentice-icon{background-image:url(../card-icons/apprentice.png);background-size:cover;background-position:center}.gravitas-icon{background-image:url(../card-icons/gravitas.png);background-size:cover;background-position:center}.manacrystal-icon{background-image:url(../card-icons/manacrystal.png);background-size:cover;background-position:center}.timeworm-icon{background-image:url(../card-icons/timeworm.png);background-size:cover;background-position:center}.archmage-icon{background-image:url(../card-icons/archmage.png);background-size:cover;background-position:center}.plaguebearer-icon{background-image:url(../card-icons/plaguebearer.png);background-size:cover;background-position:center}.carrionhound-icon{background-image:url(../card-icons/carrionhound.png);background-size:cover;background-position:center}.defiler-icon{background-image:url(../card-icons/defiler.png);background-size:cover;background-position:center}.pestilence-icon{background-image:url(../card-icons/pestilence.png);background-size:cover;background-position:center}.lich-icon{background-image:url(../card-icons/lich.png);background-size:cover;background-position:center}.stargazer-icon{background-image:url(../card-icons/stargazer.png);background-size:cover;background-position:center}.astromancer-icon{background-image:url(../card-icons/astromancer.png);background-size:cover;background-position:center}.starcaller-icon{background-image:url(../card-icons/starcaller.png);background-size:cover;background-position:center}.collapsar-icon{background-image:url(../card-icons/collapsar.png);background-size:cover;background-position:center}.startitan-icon{background-image:url(../card-icons/startitan.png);background-size:cover;background-position:center}.card-ability{font-size:11px;color:#6fb4e0}.card-cost{display:flex;align-items:center;gap:5px;font-size:13px}.card-name{font-size:14px}.hint{font-size:11px;color:#8a7148;max-width:200px;text-shadow:0 1px 2px #000}.hold-hint{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;padding:6px 8px 6px 12px;font-size:12px;font-weight:600;color:#f3e3b0;background:linear-gradient(#2c1d11,#160d06);border:1.5px solid #8a6a2e;border-radius:999px;box-shadow:inset 0 1px #ffdc962e,0 4px 14px #000a;text-shadow:0 1px 2px #000;pointer-events:auto;z-index:12;animation:holdHintIn .3s ease both}.hold-hint.hidden{display:none}.hold-hint .hh-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#d8c596;font-size:11px;line-height:1;cursor:pointer}.hold-hint .hh-x:hover{background:#fff3;color:#fff}@keyframes holdHintIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.eco{display:flex;align-items:center;gap:6px}.eco-btn{display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;font-size:13px;color:#ffd978;cursor:pointer;padding:7px 10px}.eco-btn .eco-cost{display:flex;align-items:center;gap:4px;font-size:12px;color:#c8ab6e}.eco-btn.poor{filter:grayscale(.7) brightness(.7);cursor:default}.reroll-btn .eco-title{color:#c9a6ff;text-shadow:0 0 6px rgba(150,110,255,.45)}.reroll-btn{box-shadow:inset 0 0 0 1px #a882ff59}.undo-btn{box-shadow:inset 0 0 0 1px #78aad252;padding-top:11px;padding-bottom:11px}.undo-btn .eco-title{color:#a9d4ec;text-shadow:0 0 6px rgba(120,180,220,.4)}.reroll-btn:not(.poor):hover{box-shadow:inset 0 0 0 1px #a882ff99,0 0 10px #966eff40}.notices{position:absolute;top:86px;left:50%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.notice{max-width:min(90vw,440px);padding:9px 16px;border-radius:8px;background:linear-gradient(180deg,#2a1f10f5,#181108f5);border:1px solid #b88a3a;box-shadow:0 4px 18px #00000080,inset 0 0 0 1px #ffd27826;color:#ffe6a8;font-size:14px;font-weight:600;text-align:center;text-shadow:0 1px 2px #000;opacity:0;transform:translateY(-10px) scale(.96);transition:opacity .35s ease,transform .35s cubic-bezier(.2,1.2,.4,1)}.notice.show{opacity:1;transform:translateY(0) scale(1)}.merc-panel{flex:0 0 auto;padding:8px 10px 9px;pointer-events:auto}.merc-head{margin-bottom:7px;padding-bottom:5px;border-bottom:1px solid #2f6a8a}.merc-title{color:#9fd8ef;font-weight:700;font-size:14px}.merc-chevron{display:none}.merc-list{display:flex;flex-direction:column;gap:6px}.merc-card{display:flex;flex-direction:column;gap:3px;padding:6px 8px;border:1px solid #3c3526;border-radius:5px;background:linear-gradient(#241808,#140d068c);cursor:pointer;transition:border-color .12s,background .12s}.merc-card:hover:not(.poor){border-color:#2fa8d8;background:linear-gradient(#2c2210,#1e140ab3)}.merc-card.poor{filter:grayscale(.7) brightness(.7);cursor:default}.merc-top{display:flex;align-items:center;gap:6px}.merc-name{flex:1 1 auto;font-size:13px;color:#9fd8ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merc-cost{flex:0 0 auto;display:flex;align-items:center;gap:4px;font-size:13px;color:#e8c468}.merc-tier{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.4px;padding:1px 4px;border-radius:3px;background:#34302a;color:#d8c79a;border:1px solid #5a4d34}.merc-card.tier-1 .merc-tier{background:#4a2a12;color:#ffcf8a;border-color:#8a5a2e}.merc-card.tier-2 .merc-tier{background:#2a3a4a;color:#9fd8ef;border-color:#2f6a8a}.merc-perks{font-size:11px;color:#8fc46a;white-space:nowrap}.merc-upg{color:#d8a0ef}.merc-effect{font-size:11px;color:#e0c060}.send-queue{margin-top:7px;font-size:11px;color:#e0a040;text-shadow:0 1px 2px #000}.send-queue:empty{display:none}.btn-start{background:linear-gradient(#7e1f16,#4a0e08);border:2px solid #c8a24a;border-radius:4px;color:#ffd978;font-family:inherit;font-size:18px;padding:12px 26px;cursor:pointer;text-shadow:0 1px 3px #000;box-shadow:0 2px 10px #000000b3}.btn-start:hover:not(:disabled){background:linear-gradient(#a32c1e,#5e120a)}.btn-start:disabled{filter:grayscale(.8) brightness(.6);cursor:default}.btn-start.waiting{background:linear-gradient(#3a4a2a,#232d18);border-color:#7fa650;color:#cfe8a0;font-size:15px;filter:grayscale(.35) brightness(.92);animation:btn-waiting-pulse 1.4s ease-in-out infinite}.btn-start.waiting:hover:not(:disabled){background:linear-gradient(#46592f,#2b3720)}@keyframes btn-waiting-pulse{0%,to{box-shadow:0 2px 10px #000000b3}50%{box-shadow:0 2px 14px #7fa6508c}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px 50px #c8140ad9}.vignette.flash{animation:leakflash 1.4s ease-out}@keyframes leakflash{0%{opacity:1}to{opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#050201bf;pointer-events:auto}.overlay.hidden{display:none}.end-box{text-align:center;background:linear-gradient(#2c1d11,#170d07);border:3px solid #8a6a2e;border-radius:6px;padding:40px 56px;max-width:min(92vw,600px);box-shadow:0 0 60px #000000e6}.end-box h1{margin:0 0 12px;font-size:44px;letter-spacing:2px}.end-box.win h1{color:#ffd978;text-shadow:0 0 18px rgba(255,200,80,.6)}.end-box.lose h1{color:#d4452c;text-shadow:0 0 18px rgba(220,60,30,.6)}.end-box p{color:#b59a64;margin:0 0 26px;font-size:16px}.end-box button{background:linear-gradient(#7e1f16,#4a0e08);border:2px solid #c8a24a;border-radius:4px;color:#ffd978;font-family:inherit;font-size:17px;padding:10px 28px;cursor:pointer}.run-summary{margin:0 0 26px}.rs-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.rs-tile{flex:1 1 92px;min-width:88px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 10px;background:#00000047;border:1px solid #5e4523;border-radius:5px}.rs-val{font-size:26px;font-weight:700;line-height:1;letter-spacing:1px;color:#ffd978}.rs-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#b59a64}.rs-mvp{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:10px 14px;background:linear-gradient(#ffc85a1f,#ffa0280d);border:1px solid #8a6a2e;border-radius:5px}.rs-mvp-tag{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#1a0f06;background:#ffd978;border-radius:3px;padding:2px 7px}.rs-mvp-name{font-size:16px;font-weight:700;color:#ffe7a8}.rs-mvp-dmg{font-size:13px;color:#b59a64}.end-actions{display:flex;gap:12px;justify-content:center}.end-box .end-secondary{background:transparent;color:#d9c089;border-color:#8a6a2e;transition:background .15s,color .15s,border-color .15s}.end-box .end-secondary.copied{background:#ffd978;color:#1a0f06;border-color:#ffd978}.end-mp-cta{display:block;margin:0 0 22px;padding:14px 22px;border:2px solid #c8a24a;border-radius:5px;background:linear-gradient(#3a2a12,#241803);color:#ffd978;text-decoration:none;transition:background .15s,box-shadow .15s,transform .08s}.end-mp-cta:hover{background:linear-gradient(#4a3618,#2e2008);box-shadow:0 0 22px #ffc85059}.end-mp-cta:active{transform:translateY(1px)}.end-mp-title{display:block;font-size:19px;letter-spacing:1px}.end-mp-sub{display:block;margin-top:3px;font-size:13px;color:#b59a64}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:30vh;line-height:1;color:#ffd978;text-shadow:0 0 28px rgba(255,200,90,.85),0 0 70px rgba(255,120,30,.6),0 6px 14px rgba(0,0,0,.7);will-change:transform,opacity}.countdown.hidden{display:none}.countdown.cd-pop{animation:cd-pop .6s ease-out}@keyframes cd-pop{0%{transform:scale(1.9);opacity:0}22%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.countdown.cd-go{font-size:19vh;letter-spacing:6px;color:#ffb14a;text-shadow:0 0 34px rgba(255,150,50,.95),0 0 90px rgba(220,60,20,.7),0 6px 16px rgba(0,0,0,.8)}.countdown.cd-go.cd-pop{animation:cd-go .7s cubic-bezier(.2,.9,.3,1.2)}@keyframes cd-go{0%{transform:scale(.35);opacity:0}45%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.legion-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px 0;overflow-y:auto;background:radial-gradient(ellipse at 50% 40%,#2a160c,#0c0503 75%);font-family:Georgia,Times New Roman,serif;color:#e8d6a8}.legion-box{text-align:center;margin:auto}.legion-box h1{margin:0 0 18px;font-size:40px;letter-spacing:3px;color:#ffd978;text-shadow:0 0 22px rgba(255,200,80,.45),0 2px 4px #000}.picker-logo{display:block;width:clamp(220px,34vw,360px);height:auto;margin:0 auto -2px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(255,150,50,.16))}.picker-box h1{margin:6px 0 14px;font-size:22px;letter-spacing:.3em;text-indent:.3em;opacity:.9}.legion-box h2{margin:26px 0 18px;font-size:20px;letter-spacing:2px;color:#c8ab6e}.mode-row,.diff-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px}.diff-row.hidden{display:none}.mode-option,.diff-option{background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:4px;color:#a8884a;font-family:inherit;font-size:16px;padding:8px 22px;cursor:pointer}.diff-option{font-size:13px;padding:5px 14px}.mode-option:hover,.diff-option:hover{border-color:#8a6a2e}.mode-option.active,.diff-option.active{color:#ffd978;border-color:#c8a24a;background:linear-gradient(#3a2812,#241608)}.menu-footer-links{margin-top:14px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.discord-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.discord-link svg{width:15px;height:15px}.discord-link:hover{color:#c7ccff;border-color:#7a86ff}.connect-box{min-width:460px}.connect-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:16px;color:#c8ab6e;font-size:14px}.connect-row input,.connect-actions input{background:#150d06;border:2px solid #54401e;border-radius:4px;color:#ffd978;font-family:inherit;font-size:14px;padding:7px 10px}.connect-row input{width:260px}.connect-actions{display:flex;gap:8px;justify-content:center;align-items:stretch;margin-bottom:16px}.connect-actions input{width:90px;text-transform:uppercase;text-align:center}.connect-status{color:#b59a64;font-size:14px;min-height:22px;margin-bottom:18px}.mp-section.hidden,.auth-form .hidden{display:none}.auth-form{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.auth-form input{background:#150d06;border:2px solid #54401e;border-radius:4px;color:#ffd978;font-family:inherit;font-size:14px;padding:7px 10px;width:150px}.mp-profile{color:#e8d6a8;font-size:15px;margin-bottom:14px}.mp-tables{display:flex;gap:26px;justify-content:center;margin-bottom:16px;text-align:left}.mp-table h3{margin:0 0 6px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#c8ab6e}.mp-table table{border-collapse:collapse;font-size:13px;color:#b59a64}.mp-table td{padding:2px 10px 2px 0;white-space:nowrap}.mp-table i{color:#8a7148;font-size:13px}.mp-win td:first-child{color:#7fe06a}.mp-lose td:first-child{color:#d4452c}.mp-draw td:first-child{color:#c8ab6e}@media (max-width: 1100px){.hint,.card-ability{display:none}.panel{padding:5px 10px}.phase-panel{font-size:13px}.king-panel{min-width:190px}.kingbar{min-width:90px}}@media (max-width: 760px),(max-height: 480px){.tophud{top:max(4px,env(safe-area-inset-top));gap:3px}.topbar{gap:4px;flex-wrap:wrap;justify-content:center;padding:0 4px}.phase-panel{max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.6}.panel{padding:3px 8px;border-width:1px}.gold-panel{font-size:14px;min-width:0;gap:5px}.res-tag{font-size:10px}.phase-panel{font-size:11px}.king-panel{min-width:140px;gap:6px}.king-label{font-size:10px}.kingbar{min-width:60px;height:14px}.kingbar-text{font-size:9px}.kup{font-size:10px;padding:2px 5px}.enemy-king-panel{min-width:110px}.admin-btn{font-size:12px;padding:2px 7px}.tab{font-size:11px;padding:3px 9px;border-width:1px;border-radius:4px}.badge{font-size:9px;padding:1px 5px;margin-left:4px}.bottombar{bottom:max(4px,env(safe-area-inset-bottom));gap:6px;padding:0 6px}.cards{gap:5px;overflow-x:auto;max-width:46vw;-webkit-overflow-scrolling:touch}.card{padding:3px 6px;gap:5px;flex:0 0 auto}.card-icon{width:26px;height:26px;border-width:1px}.card-name{font-size:11px}.card-sub{display:none}.card-cost{font-size:11px;gap:3px}.coin.small{width:9px;height:9px}.eco{gap:4px}.eco-btn{font-size:11px;padding:4px 7px;gap:2px}.eco-btn .eco-cost{font-size:10px}.merc-card{padding:4px 6px;gap:2px}.merc-name,.merc-cost{font-size:11px}.btn-start{font-size:13px;padding:8px 14px;border-width:1px}.legion-box h1{font-size:26px;margin-bottom:10px}.picker-logo{width:clamp(180px,56vw,280px)}.picker-box h1{font-size:17px;letter-spacing:.24em;text-indent:.24em;margin:4px 0 10px}.legion-box h2{font-size:15px;margin:14px 0 10px}.picker-box .legion-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:440px;margin:0 auto 16px}.picker-box .legion-option{padding:12px 8px;border-width:2px;margin:0}.picker-box .legion-option:last-child:nth-child(odd){grid-column:1 / -1}.picker-box .legion-name{font-size:17px;margin-bottom:2px}.picker-box .legion-tagline{font-size:11px;margin-bottom:10px}.picker-box .legion-units{gap:4px;justify-content:center}.picker-box .legion-units .card-icon{width:24px;height:24px}.picker-box .picker-nav{flex-direction:column-reverse;gap:8px}.picker-box .picker-start{min-width:0;width:100%;font-size:17px;padding:13px 18px}.picker-box .picker-back{width:100%;padding:12px 18px}.mode-option,.diff-option{font-size:13px;padding:6px 12px}.connect-box{min-width:0;width:94vw}.connect-row input{width:min(260px,50vw)}.auth-form{flex-wrap:wrap}.mp-tables{flex-wrap:wrap;gap:12px}.connect-actions{flex-wrap:wrap}.legion-select{overflow-y:auto}.legion-box{padding:12px 0}.picker-box .legion-detail{width:100%;max-width:440px}.legion-detail.open{max-height:min(56vh,460px);margin-top:14px}.unit-row{gap:10px;padding:8px 10px}.unit-thumb{width:38px;height:38px}.unit-name{font-size:15px}.unit-role{font-size:9px;padding:2px 6px}.unit-stats{gap:4px 10px}.unit-stat,.unit-ability{font-size:12px}}@media (max-width: 760px),(max-height: 760px){.picker-logo{display:none}}@media (orientation: portrait) and (max-width: 600px){.bottombar{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:6px}.cards{display:contents}.bottombar .card{order:1;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:6px;padding:5px 6px;margin:0;min-width:0;border-width:1px;box-shadow:inset 0 1px #ffdc961f}.bottombar .card-icon{width:30px;height:30px;flex:0 0 auto}.bottombar .card-info{min-width:0}.bottombar .card-name{font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottombar .card-cost{font-size:10px;gap:3px}.btn-start{order:2;width:auto;min-width:0;margin:0;padding:6px 8px;font-size:13px;line-height:1.15;align-self:stretch;display:flex;align-items:center;justify-content:center}.side-rail{bottom:calc(env(safe-area-inset-bottom,0px) + 108px)}}.legion-options{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.legion-option{flex:1 1 180px;max-width:230px;box-sizing:border-box;background:linear-gradient(#2c1d11,#170d07);border:3px solid #6b5226;border-radius:6px;padding:22px 20px;cursor:pointer;color:inherit;font-family:inherit;box-shadow:0 4px 24px #000c;transition:transform .12s ease,border-color .12s ease}.legion-option:hover{transform:translateY(-4px);border-color:#c8a24a;box-shadow:0 8px 30px #000000e6,0 0 18px #ffbe5040}.legion-name{font-size:26px;color:#ffd978;margin-bottom:6px;letter-spacing:1px}.legion-tagline{font-size:13px;color:#b59a64;margin-bottom:16px}.legion-units{display:flex;gap:6px;justify-content:center}.legion-units .card-icon{display:inline-block}@media (min-width: 761px){.picker-box .legion-units .card-icon{width:26px;height:26px}}.picker-box{width:min(1200px,94vw);padding:8px 0 4px}.picker-sub{margin:-8px 0 28px;font-style:italic;font-size:15px;color:#b59a64}.picker-step{margin-bottom:26px}.step-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#c8ab6e;margin-bottom:16px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:2px solid #8a6a2e;background:linear-gradient(#3a2812,#241608);color:#ffd978;font-size:14px;font-weight:700}.mode-row-main{flex-direction:column;align-items:center;gap:10px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:420px;min-width:0;padding:14px 20px;text-align:center}.mode-title{font-size:18px;letter-spacing:1px}.mode-desc{font-size:12px;font-style:italic;color:#8a7148}.mode-card.active .mode-desc{color:#c8ab6e}.diff-row{align-items:center}.diff-label{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#8a7148}.legion-option.selected{border-color:#ffd978;background:linear-gradient(#3a2812,#1f130a);box-shadow:0 8px 30px #000000e6,0 0 22px #ffc85073}.legion-option.selected .legion-name{text-shadow:0 0 14px rgba(255,200,80,.5)}.legion-detail{display:flex;flex-direction:column;gap:8px;width:min(680px,92vw);margin:0 auto;max-height:0;overflow:hidden;opacity:0;text-align:left;transition:max-height .38s ease,opacity .32s ease,margin-top .38s ease}.legion-detail.open{max-height:min(60vh,560px);overflow-y:auto;opacity:1;margin-top:20px}.unit-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:linear-gradient(#241608,#160d06);border:1px solid #5a4420;border-radius:6px}.unit-thumb{flex:0 0 auto;width:46px;height:46px}.unit-info{flex:1 1 auto;min-width:0}.unit-line{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.unit-name{font-size:17px;color:#ffd978;letter-spacing:.5px}.unit-tier{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8a7148}.unit-role{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid currentColor;line-height:1;white-space:nowrap}.unit-role.role-dps{color:#ff9a6b;background:#c43b2a38;background:color-mix(in srgb,#ff9a6b 18%,transparent)}.unit-role.role-tank{color:#7fb6ff;background:#3a6ec438;background:color-mix(in srgb,#7fb6ff 18%,transparent)}.unit-role.role-support{color:#8fe0a0;background:#3a965a38;background:color-mix(in srgb,#8fe0a0 18%,transparent)}.unit-stats{display:flex;flex-wrap:wrap;gap:5px 14px;margin-bottom:6px}.unit-stat{font-size:13px;color:#d8c596;white-space:nowrap}.unit-stat i{font-style:normal;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#8a7148;margin-right:4px}.unit-ability{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13px;line-height:1.35}.ability-name{color:#f0b24a;font-weight:700}.ability-cost{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#8a7148}.ability-desc{flex-basis:100%;color:#b59a64;font-style:italic}.picker-start{margin-top:6px;min-width:320px;padding:15px 48px;font-family:inherit;font-size:20px;letter-spacing:1.5px;color:#1a0e04;background:linear-gradient(#ffd98a,#e8a93c 55%,#c47f1d);border:2px solid #8a6420;border-radius:6px;cursor:pointer;box-shadow:inset 0 1px #fff0c8b3,0 4px 18px #e8a93c59,0 2px 6px #0009;transition:transform .12s ease,box-shadow .12s ease}.picker-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #fff0c8b3,0 6px 26px #ffbe5080,0 2px 6px #0009}.picker-start:disabled{cursor:default;color:#6b5a3a;background:linear-gradient(#2c1d11,#170d07);border-color:#54401e;box-shadow:none}.picker-screen.hidden{display:none}.picker-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:8px}.picker-back{padding:15px 28px;font-family:inherit;font-size:16px;letter-spacing:1px;color:#c8ab6e;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:6px;cursor:pointer;transition:border-color .12s ease,color .12s ease}.picker-back:hover{border-color:#8a6a2e;color:#ffd978}.mp-legion-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin:-2px 0 18px}.mp-legion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:640px}.picker-box .mp-legion-chips{max-width:min(760px,92vw);margin:18px auto 6px}.mp-legion-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:5px;padding:7px 12px;color:#a8884a;font-family:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s}.mp-legion-chip:hover{border-color:#8a6a2e}.mp-legion-chip.active{color:#ffd978;border-color:#c8a24a;background:linear-gradient(#3a2812,#241608);box-shadow:0 0 16px #ffc85059}.mp-legion-chip-name{font-size:14px;letter-spacing:.4px}.mp-legion-chip-icons{display:flex;gap:3px}.mp-legion-chip .card-icon{width:18px;height:18px;border-width:1px;border-radius:3px}.mp-legion-info{position:absolute;top:4px;right:5px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;box-sizing:border-box;border:1px solid #6b5226;border-radius:50%;background:#0006;color:#c8a24a;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:11px;line-height:1;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.mp-legion-info:hover{color:#ffd978;border-color:#c8a24a;background:#ffc85029}.class-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.class-info-box{position:relative;width:min(680px,94vw);max-height:86vh;overflow-y:auto;padding:22px 24px 24px;background:linear-gradient(#241708,#160d06);border:2px solid #8a6a2e;border-radius:8px;box-shadow:0 10px 40px #0009,inset 0 1px #ffdc961f;text-align:center}.class-info-title{margin:0 0 2px;font-size:26px;letter-spacing:1.5px;color:#ffd978;text-shadow:0 0 18px rgba(255,200,80,.4)}.class-info-tagline{margin:0 0 16px;font-size:13px;font-style:italic;color:#b59a64}.how-to-play-body{text-align:left;line-height:1.55;margin-top:10px;color:#e4d2a6}.how-to-play-body p{margin:0 0 10px}.how-to-play-body p:last-child{margin-bottom:0}.how-to-play-body b{color:#ffd978}.class-info-units{display:flex;flex-direction:column;gap:8px;text-align:left}.class-info-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border:1px solid #54401e;background:#1a1108;color:#c8a24a;border-radius:5px;font-family:inherit;font-size:15px;line-height:1;cursor:pointer}.class-info-close:hover{border-color:#c8a24a;color:#ffd978}.mp-link{background:none;border:none;padding:0;font-family:inherit;font-size:13px;color:#c8a24a;text-decoration:underline;cursor:pointer}.mp-link:hover{color:#ffd978}.mp-dev{display:inline-block;margin:-8px 0 16px;font-size:12px;letter-spacing:.03em;color:#7fa6c8;opacity:.85}.mp-dev:hover{color:#aed0f0}.mp-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:18px}.mp-action-card{flex:1 1 240px;max-width:320px;padding:16px 18px;border:2px solid #54401e;border-radius:6px;background:linear-gradient(#221608,#160d06);text-align:center}.mp-action-card h3{margin:0 0 4px;font-size:16px;letter-spacing:1px;color:#ffd978}.mp-action-card p{margin:0 0 12px;font-size:12.5px;font-style:italic;color:#8a7148}.mp-primary{width:100%;color:#ffd978;border-color:#c8a24a;background:linear-gradient(#3a2812,#241608)}.mp-friend-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.mp-friend-row input{width:96px;padding:7px 10px;background:#150d06;border:2px solid #54401e;border-radius:4px;color:#ffd978;font-family:inherit;font-size:14px;text-align:center;text-transform:uppercase}.mp-or{font-size:12px;font-style:italic;color:#8a7148}.mp-advanced{max-width:480px;margin:2px auto 14px}.mp-advanced summary{cursor:pointer;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#a8884a}.mp-advanced summary:hover{color:#c8ab6e}.mp-advanced .connect-row{margin:12px 0 0}.mp-back{margin-top:4px}.mp-share{display:block;width:max-content;max-width:100%;margin:0 auto 12px;padding:6px 16px;font-size:13px;color:#ffd978;border-color:#c8a24a}.mp-share:hover{background:#2a1c0c}.mp-types{align-items:stretch}.mp-type-card{flex:1 1 220px;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 18px 16px;border:2px solid #54401e;border-radius:6px;background:linear-gradient(#221608,#160d06);color:#a8884a;font-family:inherit;text-align:center;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .08s}.mp-type-card h3{margin:0;font-size:18px;letter-spacing:1px;color:#ffd978}.mp-type-card p{margin:0;font-size:12.5px;font-style:italic;color:#8a7148;min-height:34px}.mp-type-card:not(:disabled):hover{border-color:#c8a24a;box-shadow:0 0 18px #ffc85040;transform:translateY(-2px)}.mp-type-card:disabled{opacity:.5;cursor:not-allowed}.mp-type-live{border-color:#8a6a2e;background:linear-gradient(#2c1d0e,#180f06)}.mp-soon{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#6f5a32;border:1px solid #4a3a1c;border-radius:3px;padding:2px 8px}.mp-go{font-size:13px;letter-spacing:.5px;color:#ffd978}.mp-sub{color:#b59a64;font-size:14px;font-style:italic;margin:-6px 0 16px}.mp-teams{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:6px 0 16px}.mp-team{flex:1 1 240px;max-width:320px;min-width:220px;padding:12px;border:2px solid #54401e;border-radius:6px;background:linear-gradient(#1d1308,#140c05)}.mp-team h4{margin:0 0 10px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#c8ab6e}.lobby-seat{display:flex;align-items:center;gap:8px;padding:7px 10px;margin-bottom:7px;border:1px solid #3e2f16;border-radius:4px;background:#1a1108;font-size:13px;color:#d8c596}.lobby-seat:last-child{margin-bottom:0}.lobby-seat.me{border-color:#c8a24a;box-shadow:inset 0 0 0 1px #ffc8502e}.lobby-seat.is-ready{border-color:#5b7a3a}.lobby-seat.empty{font-style:italic;justify-content:space-between}.seat-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffd978}.lobby-seat.empty .seat-name{color:#6f5a32}.seat-class{font-size:11.5px;color:#a8884a;white-space:nowrap}.seat-tag{font-size:10.5px;letter-spacing:.4px;padding:1px 7px;border-radius:3px;border:1px solid #4a3a1c;color:#8a7148;white-space:nowrap}.seat-tag.ready{color:#8fdc6a;border-color:#4e7a34;background:#78dc6414}.seat-tag.bot{color:#7fa6c8;border-color:#3a5570}.seat-x{border:1px solid #6b2e2e;background:#2a1410;color:#d4866a;border-radius:3px;font-family:inherit;font-size:11px;line-height:1;padding:3px 6px;cursor:pointer}.seat-x:hover{border-color:#b4452c;color:#ff9c7a}.seat-addbot{border:1px dashed #6b5226;background:none;color:#c8a24a;border-radius:3px;font-family:inherit;font-size:12px;padding:3px 10px;cursor:pointer}.seat-addbot:hover{border-style:solid;border-color:#c8a24a;color:#ffd978}.lobby-seat.empty.joinable{cursor:pointer;transition:border-color .12s,color .12s}.lobby-seat.empty.joinable .seat-name{color:#c8a24a}.lobby-seat.empty.joinable:hover{border-color:#c8a24a}.lobby-seat.empty.joinable:hover .seat-name{color:#ffd978}.bot-diff{display:inline-flex;align-items:center;gap:4px}.diff-arrow{border:1px solid #54401e;background:#1a1108;color:#c8a24a;border-radius:3px;font-family:inherit;font-size:11px;line-height:1;padding:2px 6px;cursor:pointer}.diff-arrow:hover:not(:disabled){border-color:#c8a24a;color:#ffd978}.diff-arrow:disabled{opacity:.3;cursor:default}.diff-cur{min-width:52px;text-align:center;text-transform:capitalize;font-size:11px;letter-spacing:.3px;color:#d8c596}.mp-lobby-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}.mp-lobby-buttons{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center;align-items:center}.mp-team-pick,.mp-host-diff{display:flex;align-items:center;gap:8px}.mp-host-diff.hidden{display:none}.mp-ready{max-width:280px}.mp-ready.active{color:#d6ffc2;border-color:#5b7a3a;background:linear-gradient(#2e3a16,#1a2408);box-shadow:0 0 16px #8cdc644d}.diff-option:disabled{opacity:.4;cursor:not-allowed}.mp-lobby-status{margin:12px 0 6px;min-height:20px}.mp-team-pick.hidden{display:none}.mode-option:disabled{opacity:.45;cursor:not-allowed}#mp-ranked-modes.hidden{display:none}.mp-soon-inline{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:#6f5a32;vertical-align:middle;margin-left:2px}.mp-queue{display:flex;flex-direction:column;align-items:center;gap:16px;margin:24px 0 18px}.mp-queue.hidden{display:none}.mp-queue-text{color:#e8d6a8;font-size:15px}.mp-spinner{width:44px;height:44px;border:4px solid #54401e;border-top-color:#ffd978;border-radius:50%;animation:mp-spin .9s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.tab .key{display:inline-block;margin-left:7px;min-width:15px;padding:0 4px;border:1px solid #54401e;border-radius:3px;background:#00000059;color:#8a7148;font-size:10px;line-height:15px;text-align:center;vertical-align:middle}.tab.active .key{border-color:#8a6a2e;color:#ffd978}.tab.enemy-tab.active .key{border-color:#7a5a9e;color:#d6a8ff}@media (max-width: 760px),(max-height: 480px){.tab .key{display:none}.mode-card{min-width:0}.picker-start{min-width:0;width:90%;padding:13px 20px;font-size:17px}.mp-actions{flex-direction:column;align-items:stretch}.mp-action-card,.mp-type-card{max-width:none}.mp-teams{flex-direction:column;align-items:stretch}.mp-team{max-width:none}}.unit-tooltip{position:fixed;left:0;top:0;z-index:45;width:max-content;max-width:280px;padding:9px 12px;pointer-events:none;background:linear-gradient(#2c1d11,#160d06);border:2px solid #8a6a2e;border-radius:5px;box-shadow:inset 0 1px #ffdc962e,0 4px 16px #000c;color:#d8c596}.unit-tooltip.hidden{display:none}.unit-tooltip .unit-line{margin-bottom:5px}.unit-tooltip .unit-stats{margin-bottom:0}.unit-tooltip .unit-ability{margin-top:7px}.unit-inspect{position:fixed;left:0;top:0;z-index:46;width:max-content;max-width:260px;padding:9px 11px 8px;background:linear-gradient(#2c1d11,#160d06);border:2px solid #8a6a2e;border-radius:6px;box-shadow:inset 0 1px #ffdc962e,0 6px 20px #000c;color:#d8c596}.unit-inspect.hidden{display:none}.unit-inspect .unit-line{margin-bottom:5px}.unit-inspect .unit-stats{margin-bottom:0}.unit-inspect .unit-ability{margin-top:7px}.ti-chips{display:flex;flex-wrap:wrap;gap:4px;margin:1px 0 7px}.ti-chip{font-size:11px;font-weight:600;line-height:1;padding:3px 6px;border-radius:4px;white-space:nowrap}.ti-buff{background:#1f3a1f;color:#9fe08a;border:1px solid #3c6b35}.ti-debuff{background:#3a1f24;color:#f0a0a8;border:1px solid #6b3540}.ti-sell-note{margin-top:7px;font-size:12px;color:#c9b079}.ti-sell-note b{color:#ffd98a}.unit-inspect-foot{display:flex;gap:6px;align-items:stretch;margin-top:9px}.ui-sell{flex:1 1 auto;min-height:34px;font:inherit;font-weight:700;font-size:13px;color:#1a1206;background:linear-gradient(#f2c879,#d99a3a);border:1px solid #8a6a2e;border-radius:5px;padding:6px 12px;cursor:pointer}.ui-sell:hover{filter:brightness(1.07)}.ui-sell:active{transform:translateY(1px)}.ui-close{flex:0 0 auto;min-width:34px;min-height:34px;font:inherit;font-size:13px;line-height:1;color:#d8c596;background:#2a1c10;border:1px solid #6b522a;border-radius:5px;padding:6px 9px;cursor:pointer}.ui-close:hover{background:#38260f}.merc-tip-lead{margin:0 0 8px;font-size:12px;font-style:italic;line-height:1.35;color:#b59a64}.unit-fx{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:7px}.fx-tag{font-size:11px;letter-spacing:.3px;color:#e0b15a;background:#ffdc9614;border:1px solid #6b5226;border-radius:3px;padding:1px 6px;white-space:nowrap}#coach{position:fixed;top:0;right:0;bottom:0;left:0;z-index:47;pointer-events:none;color:#f0d9a4;font-family:Georgia,Times New Roman,serif}#coach .hidden{display:none}.coach-strip{position:fixed;background:#070402a8;pointer-events:auto;z-index:1;transition:background .15s}.coach-ring{position:fixed;z-index:2;border:3px solid #ffcf6b;border-radius:8px;box-shadow:0 0 0 3px #ffa03259,0 0 22px 6px #ffaa3c80;pointer-events:none;animation:coach-pulse 1.15s ease-in-out infinite}@keyframes coach-pulse{0%,to{box-shadow:0 0 0 2px #ffa0324d,0 0 14px 3px #ffaa3c66}50%{box-shadow:0 0 0 5px #ffb95080,0 0 28px 10px #ffbe50b3}}.coach-arrow{position:fixed;z-index:3;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:16px solid #ffcf6b;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));pointer-events:none;animation:coach-bob .9s ease-in-out infinite}@keyframes coach-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.coach-panel{position:fixed;top:92px;left:50%;transform:translate(-50%);width:min(560px,92vw);box-sizing:border-box;z-index:4;pointer-events:auto;background:linear-gradient(#2c1d11,#160d07);border:2px solid #b7873a;border-radius:8px;box-shadow:0 10px 34px #0009,0 0 22px #ff963226;padding:12px 16px 14px;animation:coach-rise .28s ease-out}@keyframes coach-rise{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.coach-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.coach-badge{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#1a0f06;background:linear-gradient(#ffcf6b,#e09a32);border-radius:4px;padding:2px 8px;font-weight:700}.coach-skip{pointer-events:auto;background:none;border:none;color:#b79a64;font-family:inherit;font-size:12px;cursor:pointer;padding:2px 4px}.coach-skip:hover{color:#ffd97a}.coach-title{margin:2px 0 6px;font-size:19px;color:#ffd978;text-shadow:0 1px 3px #000}.coach-body{margin:0;font-size:14.5px;line-height:1.5;color:#ecd7ac}.coach-body b{color:#ffce7a}.coach-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;min-height:30px}.coach-wait{margin-right:auto;font-size:12.5px;font-style:italic;color:#c0a978;animation:coach-fade 1.6s ease-in-out infinite}@keyframes coach-fade{0%,to{opacity:.55}50%{opacity:1}}.coach-next{pointer-events:auto;font-family:inherit;font-size:14px;color:#1a0f06;background:linear-gradient(#ffd277,#e29a31);border:1px solid #ffe6ad;border-radius:6px;padding:6px 18px;cursor:pointer;box-shadow:0 2px 8px #0006}.coach-next:hover{background:linear-gradient(#ffdf96,#f0a838)}.coach-dock{position:fixed;bottom:132px;left:50%;transform:translate(-50%);z-index:2;pointer-events:none;max-width:92vw;background:#140c06db;border:1px solid #8a6a30;border-radius:16px;padding:6px 16px;font-size:13px;color:#e7cf9c;white-space:nowrap;box-shadow:0 4px 16px #00000080}.coach-dock b{color:#ffce7a}.mode-card.mode-tutorial{position:relative;border-color:#c79338;box-shadow:0 0 0 1px #ffbe5a40,0 0 22px #ffa03c2e}.mode-card.mode-tutorial:hover{box-shadow:0 0 0 1px #ffc86e73,0 0 28px #ffaa4652}.mode-flag{display:inline-block;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:#1a0f06;background:linear-gradient(#ffcf6b,#e09a32);border-radius:4px;padding:1px 7px;margin-bottom:6px;font-weight:700}.chat-line{font-size:12.5px;line-height:1.35;color:#ecdcb2;word-break:break-word}.chat-who{background:none;border:none;padding:0;margin:0;font:inherit;font-weight:700;color:#e8c468;cursor:pointer}.chat-who:hover{text-decoration:underline}.chat-line.team{color:#cdeccf}.chat-line.team .chat-who{color:#87d992}.chat-text{color:inherit}.muted-note{font-style:italic;color:#9a8c6a;cursor:pointer}.muted-note:hover{color:#e8c468}.chat-scope{flex:0 0 auto;min-width:46px;background:linear-gradient(#2c1d11,#1a100a);border:1px solid #6b5226;border-radius:4px;color:#e8c468;font-size:12px;font-weight:700;padding:4px 8px;cursor:pointer}.chat-scope:hover{border-color:#9c7a36}.chat-scope.team{color:#87d992;border-color:#3f7a46;background:linear-gradient(#15240f,#0e1a0a)}#chat.chat-box{position:fixed;left:128px;bottom:100px;width:300px;max-width:32vw;z-index:6;display:flex;flex-direction:column;gap:6px;pointer-events:none}.chat-toggle{display:none}#chat .chat-log{display:flex;flex-direction:column;gap:2px;max-height:104px;overflow-y:auto;padding:6px 8px;border-radius:5px;background:linear-gradient(#120b068c,#0a060399);pointer-events:auto;opacity:.82;transition:max-height .12s ease,opacity .12s ease}#chat .chat-line{text-shadow:0 1px 2px rgba(0,0,0,.9)}#chat.focused .chat-log{max-height:220px;opacity:1}#chat .chat-row{display:flex;gap:6px;pointer-events:auto}#chat #chat-text{flex:1 1 auto;min-width:0;background:#0c0704d9;border:1px solid #6b5226;border-radius:4px;color:#f0dca8;font-size:13px;padding:5px 8px;opacity:.7;transition:opacity .12s ease}#chat #chat-text:focus{opacity:1;outline:none;border-color:#c8a24a}.lobby-chat{display:flex;flex-direction:column;gap:6px;margin:10px 0 4px;text-align:left}.lobby-chat-log{display:flex;flex-direction:column;gap:3px;height:132px;overflow-y:auto;padding:7px 9px;border:1px solid #54401e;border-radius:4px;background:linear-gradient(#1c130b,#140c07);box-shadow:inset 0 1px 3px #0009}.lobby-chat-log .chat-line{font-size:13px}.lobby-chat-log:empty:before{content:"No messages yet — say hi 👋";color:#7a6c4c;font-style:italic;font-size:12.5px}.lobby-chat-row{display:flex;gap:6px;align-items:stretch}.lobby-chat-row #mp-chat-text{flex:1 1 auto;min-width:0;background:#0c0704e6;border:1px solid #6b5226;border-radius:4px;color:#f0dca8;font-size:13px;padding:6px 9px}.lobby-chat-row #mp-chat-text:focus{outline:none;border-color:#c8a24a}.lobby-chat-row .mp-chat-send{flex:0 0 auto}@media (max-width: 720px){#chat.chat-box{left:6px;right:6px;top:auto;bottom:auto;width:auto;max-width:none}#chat .chat-log,#chat .chat-row{display:none}.chat-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;right:8px;top:46%;z-index:7;width:42px;height:42px;border-radius:50%;background:#0c0704d9;border:1px solid #6b5226;color:#f0dca8;font-size:19px;pointer-events:auto}#chat.chat-box.open{position:fixed;left:6px;right:6px;top:30%;bottom:168px}#chat.chat-box.open .chat-log{display:flex;flex:1 1 auto;max-height:none;opacity:1;background:linear-gradient(#120b06f5,#0a0603f7)}#chat.chat-box.open .chat-row{display:flex}}