:root{--color-bg-dark: #020617;--color-bg-panel: #0f172a;--color-bg-panel-light: #1e293b;--color-primary: #00d9ff;--color-secondary: #ff3e3e;--color-accent: #ffd700;--color-text-main: #e5e7eb;--color-text-dim: #94a3b8;--color-border: #334155;--glass-bg: rgba(15, 23, 42, .85);--glass-border: 1px solid rgba(255, 255, 255, .1);--shadow-glow: 0 0 10px rgba(0, 217, 255, .2);--shadow-heavy: rgba(0, 0, 0, .35);--color-terran: #38bdf8;--color-accent-terran: #38bdf8;--color-zerg: #a855f7;--color-accent-zerg: #a855f7;--color-protoss: #eab308;--color-accent-protoss: #eab308;--current-faction: var(--color-terran);--current-faction-accent: var(--color-accent-terran);--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #fbbf24;--color-info: #3b82f6;--card: #0b1220;--font-heading: "Segoe UI", sans-serif;--font-body: "Segoe UI", sans-serif;--color-player-neutral: #cbd5e1;--color-player-red: #ef4444;--color-player-blue: #3b82f6;--color-current-player: var(--color-player-neutral);--color-bg-player-neutral: #1e293b;--color-bg-player-red: #b91c1c;--color-bg-player-blue: #1d4ed8;--color-bg-current-player: var(--color-bg-player-neutral);--color-box-shadow-player-neutral: rgba(255, 255, 255, .2);--color-box-shadow-player-red: rgba(239, 68, 68, .6);--color-box-shadow-player-blue: rgba(59, 130, 246, .6);--color-box-shadow-current-player: var(--color-box-shadow-player-neutral);--color-reaction: #facc15;--color-passive: #4ade80;--color-active: #38bdf8;--color-default: #94a3b8;--phase-lobby: var(--color-player-neutral);--phase-army-builder: var(--color-zerg);--phase-draft: var(--color-protoss);--phase-terrain-deployment: var(--color-terran);--phase-movement: var(--color-warning);--phase-assault: var(--color-info);--phase-combat: var(--color-danger);--phase-scoring: var(--color-accent);--phase-end-game: var(--color-primary);--phase-current: var(--phase-lobby)}.phase-lobby{--phase-current: var(--phase-lobby)}.phase-army-builder{--phase-current: var(--phase-army-builder)}.phase-draft{--phase-current: var(--phase-draft)}.phase-terrain-deployment{--phase-current: var(--phase-terrain-deployment)}.phase-movement{--phase-current: var(--phase-movement)}.phase-assault{--phase-current: var(--phase-assault)}.phase-combat{--phase-current: var(--phase-combat)}.phase-scoring{--phase-current: var(--phase-scoring)}.phase-end-game{--phase-current: var(--phase-end-game)}.faction-terran{--current-faction: var(--color-terran);--current-faction-accent: var(--color-accent-terran)}.faction-zerg{--current-faction: var(--color-zerg);--current-faction-accent: var(--color-accent-zerg)}.faction-protoss{--current-faction: var(--color-protoss);--current-faction-accent: var(--color-accent-protoss)}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-2{gap:16px}.p-2{padding:8px}.p-2{padding:16px}.text-muted{color:var(--color-text-dim)}.text-main{color:var(--color-text-main)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning, #eab308)}.text-player-red{color:var(--color-current-player)}.text-player-blue{color:var(--sc-blue-player-color)}.w-40-pct{width:40%}.text-success{color:var(--color-success)}.text-bold{font-weight:700}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:18px}.sc-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:6px}.sc-panel-glass{background:var(--glass-bg);border:var(--glass-border);backdrop-filter:blur(8px)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-bg-dark)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100%;height:100vh;overflow:hidden}body{background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:var(--font-body);display:flex;flex-direction:column}#app-shell{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}#main-content{flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden;position:relative}h1,h2,h3,.logo,.phase-display{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--phase-current)}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-dark);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease}#loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{width:50px;height:50px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:var(--shadow-glow)}@keyframes spin{to{transform:rotate(360deg)}}.game-header{height:60px;background:var(--glass-bg);border-bottom:var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;backdrop-filter:blur(10px)}.logo{font-weight:700;font-size:1.5rem;color:var(--color-primary);text-shadow:var(--shadow-glow)}.version{font-size:.8rem;color:var(--color-text-dim);margin-left:.5rem}.game-container{flex:1;display:flex;overflow:hidden}.viewport-container{flex:1;position:relative;background:radial-gradient(circle at center,#1a1d29,#0a0b10);overflow:hidden}#game-canvas{display:block;width:100%;height:100%}.control-panel{width:284px;background:var(--color-bg-panel);border-left:var(--glass-border);display:flex;flex-direction:column;padding:8px;gap:8px;font-size:11px}.panel-section{background:#0003;border:1px solid var(--color-border);border-radius:4px;padding:8px 10px;display:flex;flex-direction:column}.panel-section h3{font-size:11px;color:var(--color-text-dim);margin-bottom:6px;border-bottom:1px solid var(--color-border);padding-bottom:3px;letter-spacing:1px}.log-content{height:150px;overflow-y:auto;font-family:monospace;font-size:.85rem;color:var(--color-text-dim);display:flex;flex-direction:column;gap:.3rem}.log-entry{padding-left:.5rem;border-left:2px solid var(--color-border)}.log-entry.info{border-color:var(--color-primary)}.log-entry.combat{border-color:var(--color-secondary);color:#ffadad}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}#draft-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1e293b,#0f172a);z-index:2000;display:none;justify-content:center;align-items:center;color:#fff}.draft-overlay{width:100%;height:100%;display:flex;flex-direction:column;padding:40px;max-width:1400px;margin:0 auto}.draft-header{text-align:center;margin-bottom:40px}.draft-header h2{font-size:3rem;color:var(--color-primary);text-shadow:0 0 20px rgba(0,217,255,.4);margin-bottom:10px}.draft-sub-header{font-size:1.5rem;color:var(--color-accent);letter-spacing:4px;font-weight:600;text-transform:uppercase}.draft-content{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.draft-action-container{display:flex;flex-direction:column;align-items:center;gap:30px}.draft-prompt{font-size:2rem;margin-bottom:20px}.draft-note{font-size:1rem;color:var(--color-text-dim);margin-top:10px}.draft-btn{background:#1e293bcc;border:1px solid var(--color-primary);color:var(--color-primary);padding:15px 40px;font-family:var(--font-heading);font-size:1.2rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:2px}.draft-btn:hover{background:var(--color-primary);color:#000;box-shadow:0 0 20px #00d9ff99}.draft-btn.large{font-size:2rem;padding:20px 60px}.red{--color-current-player: var(--color-player-red);--color-bg-current-player: var(--color-bg-player-red);--color-box-shadow-current-player: var(--color-box-shadow-player-red)}.blue{--color-current-player: var(--color-player-blue);--color-bg-current-player: var(--color-bg-player-blue);--color-box-shadow-current-player: var(--color-box-shadow-player-blue)}.draft-btn{border-color:var(--color-current-player);color:var(--color-current-player)}.draft-btn:hover{background:var(--color-current-player);color:#fff;box-shadow:0 0 20px var(--color-box-shadow-current-player)}.draft-btn.success{border-color:#22c55e;color:#22c55e}.draft-btn.success:hover{background:#22c55e;color:#fff;box-shadow:0 0 20px #22c55e99}.draft-card-grid{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.draft-card{width:250px;height:350px;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.draft-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000080;border-color:var(--color-primary)}.draft-card.vetoed{opacity:.4;filter:grayscale(100%);pointer-events:none;border-color:#ef4444}.draft-card.selected{border-color:#22c55e;box-shadow:0 0 30px #22c55e66;transform:scale(1.05)}.draft-card .card-name{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:10px;color:#fff}.draft-card .card-type{font-size:1rem;color:#94a3b8;text-transform:uppercase}.draft-card .overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:2rem;font-weight:900;color:#ef4444;border:4px solid #ef4444;padding:10px 20px;opacity:.8}.draft-card .overlay-text.success{color:#22c55e;border-color:#22c55e;opacity:1}.draft-summary-container{background:#0f172acc;padding:40px;border-radius:12px;border:1px solid #334155;width:600px;display:flex;flex-direction:column;gap:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem}.summary-label{color:#94a3b8}.summary-value{color:#fff;font-family:var(--font-heading);font-weight:700}.summary-value.red{color:#ef4444}.summary-value.blue{color:#3b82f6}.summary-divider{height:1px;background:#334155;margin:10px 0}.player-badge{padding:2px 7px;font-size:10px;border-radius:4px}.flex-wrap{flex-wrap:wrap}.mx-auto{margin-left:auto;margin-right:auto}.max-w-800{max-width:800px}.mb-5{margin-bottom:20px}.mb-8{margin-bottom:30px}.text-highlight{color:var(--color-accent);border-color:var(--color-accent)}.border-b{border-bottom:1px solid var(--color-border)}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.w-350{width:284px}.w-320{width:256px}.border-r{border-right:1px solid var(--color-border)}.bg-panel{background:#0f172af2}.bg-canvas{background:#1a1d29}.absolute{position:absolute}.relative{position:relative}.block{display:block}.pointer-events-none{pointer-events:none}.ml-4{margin-left:16px}.p-3{padding:10px}.toast-close-btn{background:none;border:none;color:inherit}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mr-2{margin-right:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.justify-center{justify-content:center}.shrink-0{flex-shrink:0}.shrink-1{flex-shrink:1}.min-w-0{min-width:0}.hidden{display:none!important}.cursor-not-allowed{cursor:not-allowed}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-danger{border-color:var(--color-danger)}.border-info{border-color:var(--color-info)}.border-zerg{border-color:var(--color-zerg)}.border-terran{border-color:var(--color-terran)}.border-protoss{border-color:var(--color-protoss)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-zerg{color:var(--color-zerg)}.text-terran{color:var(--color-terran)}.text-protoss{color:var(--color-protoss)}.w-300{width:300px}.max-w-250{max-width:250px}.w-2{width:2px}.h-30{height:30px}.bg-border{background:var(--color-border)}.mx-1{margin-left:4px;margin-right:4px}.whitespace-nowrap{white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.uppercase{text-transform:uppercase}.avatar-sm{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-border)}.text-center{text-align:center}.italic{font-style:italic}.max-w-90vw{max-width:90vw}.text-left{text-align:left}.opacity-70{opacity:.7}.opacity-30{opacity:.3}.items-center{align-items:center}.border-t-slate{border-top:1px solid var(--color-border)}.pt-5{padding-top:20px}.mt-5{margin-top:20px}.text-cyan{color:var(--color-primary)}.text-red{color:var(--color-danger)}.bg-transparent{background:transparent}.border-none{border:none}.cursor-pointer{cursor:pointer}.text-right{text-align:right}.font-normal{font-weight:400}.opacity-90{opacity:.9}.text-12{font-size:12px}.text-18{font-size:18px}.z-1{z-index:1}.gap-10{gap:10px}.text-yellow{color:var(--color-warning)}.font-900{font-weight:900}.border-yellow{border-color:var(--color-warning);border-width:1px;border-style:solid}.px-6{padding-left:6px;padding-right:6px}.py-2{padding-top:2px;padding-bottom:2px}.rounded-4{border-radius:4px}.bg-white-10{background:#ffffff1a}.px-20{padding-left:20px;padding-right:20px}.py-5{padding-top:5px;padding-bottom:5px}.text-11{font-size:11px}.tracking-1{letter-spacing:1px}.border-b-white-10{border-bottom:1px solid rgba(255,255,255,.1)}.text-white{color:#fff}.opacity-50{opacity:.5}.w-full{width:100%}.bg-cover{background-size:cover;background-position:center}.roster-content{padding:8px;min-height:0}.header-phase-text{font-size:12px;letter-spacing:1px}#army-builder-root{font-family:Segoe UI,system-ui,sans-serif;height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-dark);color:var(--color-text-main);position:absolute;top:0;left:0;z-index:100}.ab-main-header{background:linear-gradient(90deg,var(--color-bg-panel) 0%,var(--color-bg-panel-light) 50%,var(--color-bg-panel) 100%);border-bottom:1px solid var(--color-border);padding:0 12px;display:flex;align-items:center;gap:15px;height:42px;min-height:42px;flex-shrink:0;width:100%;box-sizing:border-box}.ab-logo{height:26px;width:auto}.ab-title-area{display:flex;flex-direction:column}.ab-main-title{font-family:Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:700;color:#60a5fa;letter-spacing:1px;line-height:18px;text-transform:uppercase}.ab-sub-title{font-family:Segoe UI,system-ui,sans-serif;font-size:9px;color:var(--color-text-dim);font-weight:600;text-transform:uppercase;letter-spacing:1px}.ab-top-bar{background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);padding:10px 20px;display:flex;gap:20px;align-items:center;height:70px;flex-shrink:0}.ab-config-col{display:flex;flex-direction:column;gap:5px}.ab-label{font-size:10px;color:var(--color-text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.5px}select.ab-select,input.ab-input{background:var(--color-bg-panel-light);border:1px solid var(--color-border);color:#fff;padding:8px 12px;border-radius:4px;outline:none;font-size:11px;min-width:120px}select.ab-select:focus,input.ab-input:focus{border-color:var(--current-faction-accent);box-shadow:0 0 0 1px var(--current-faction-accent)}.ab-resources-display{display:flex;background:var(--color-bg-dark);border-radius:6px;border:1px solid var(--current-faction-accent);overflow:hidden;flex:1;max-width:800px;transition:border-color .3s}.ab-res-box{flex:1;padding:8px 15px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--color-border);position:relative}.ab-res-box:last-child{border-right:none}.ab-res-label{font-size:9px;color:var(--color-text-dim);font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-align:center}.ab-res-val{font-size:18px;font-weight:700;text-align:center;color:var(--current-faction-accent);line-height:1}.ab-res-val span{font-size:12px;color:var(--color-text-dim);font-weight:400;margin-left:2px}.res-ok{color:var(--color-success)}.res-err{color:var(--color-danger)}.ab-slot-counters{display:flex;gap:15px;padding:0 15px}.ab-slot-mini{text-align:center}.ab-slot-mini-label{font-size:9px;color:#64748b;font-weight:700;text-transform:uppercase;margin-bottom:2px}.ab-slot-mini-val{font-size:11px;font-weight:700;line-height:1;color:#fff}.ab-slot-mini-val span{font-size:10px;color:#64748b;font-weight:400}.ab-deploy-btn,.action-btn{background:linear-gradient(180deg,var(--color-border) 0%,var(--color-bg-panel-light) 100%);border:1px solid var(--color-border);color:#fff;padding:12px 20px;font-weight:700;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:Segoe UI,system-ui,sans-serif;transition:all .2s;border-radius:4px;font-size:11px;box-shadow:0 4px 6px #0000004d}.ab-deploy-btn:hover,.action-btn:hover{border-color:var(--current-faction-accent);box-shadow:0 0 10px rgba(var(--current-faction-accent-rgb),.3);transform:translateY(-1px);color:#fff}.ab-deploy-btn:active,.action-btn:active{transform:translateY(1px);box-shadow:none}.btn-primary{--current-faction-accent: var(--color-terran);--current-faction-accent-rgb: 56, 189, 248}.btn-secondary{--current-faction-accent: var(--color-text-dim);--current-faction-accent-rgb: 148, 163, 184}.btn-warning{--current-faction-accent: var(--color-warning);--current-faction-accent-rgb: 251, 191, 36}.btn-danger{--current-faction-accent: var(--color-danger);--current-faction-accent-rgb: 239, 68, 68}.btn-success{--current-faction-accent: var(--color-success);--current-faction-accent-rgb: 34, 197, 94}.ab-tabs-bar{display:flex;gap:1px;background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);padding:0 20px}.ab-tab-btn{padding:15px 25px;cursor:pointer;font-size:13px;font-weight:700;border-bottom:3px solid transparent;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.5px}.ab-tab-btn:hover{color:#fff;background:#ffffff05}.ab-tab-btn.active{color:var(--current-faction-accent);border-bottom-color:var(--current-faction-accent);background:#ffffff0d}.ab-content-area{display:none;flex:1;overflow:hidden}.ab-content-area.setup{display:block!important;padding:0;overflow:hidden}@media(max-width:900px){.ab-content-area.active{display:flex;flex-direction:column}}.ab-content-area.active{display:grid;grid-template-columns:380px 1fr}@media(max-width:900px){.ab-list-panel{flex:0 0 40%;border-right:none;border-bottom:1px solid var(--border)}}.ab-list-panel{background:#0f172a66;border-right:1px solid var(--border);overflow-y:auto;padding:15px}.ab-details-panel{background:radial-gradient(circle at top,var(--color-bg-panel-light) 0%,var(--color-bg-dark) 100%);overflow-y:auto;padding:20px}.ab-unique-badge-mini{font-size:8px;background:#f59e0b;color:var(--color-bg-panel);padding:1px 4px;border-radius:2px;font-weight:800;margin-left:6px;vertical-align:middle;display:inline-block}.ab-unit-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:6px;padding:10px;margin-bottom:10px;display:block}.ab-unit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ab-unit-name{font-weight:700;font-size:13px;color:#fff;display:flex;align-items:center}.ab-unit-type-tag{font-size:9px;background:var(--color-border);padding:2px 5px;border-radius:3px;text-transform:uppercase;color:var(--color-text-dim)}.ab-add-btn{background:var(--color-bg-panel-light);border:1px solid var(--color-border);width:100%;padding:10px;cursor:pointer;color:var(--color-text-dim);font-size:12px;margin-top:5px;border-radius:4px;display:flex;justify-content:space-between;transition:.2s;align-items:center}.ab-add-btn:hover{border-color:var(--current-faction-accent);color:#fff;background:var(--color-border)}.ab-add-btn.locked{opacity:.7;border-color:var(--color-danger);border-style:dashed}.ab-add-btn.locked:hover{border-color:var(--color-danger);color:var(--accent-danger)}.ab-unique-badge-mini{font-size:9px;background:var(--color-protoss);color:#000;padding:1px 4px;border-radius:3px;font-weight:700;margin-left:5px}.ab-roster-item{background:#1e293b99;border-left:3px solid var(--current-faction-accent);margin-bottom:6px;padding:6px 10px;border-radius:4px;display:flex;justify-content:space-between;align-items:flex-start;overflow:visible}.ab-roster-info{flex:1}.ab-roster-header{display:flex;justify-content:space-between;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}.ab-roster-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;font-size:11px;margin-bottom:4px}.ab-unit-stats-grid{display:flex;gap:10px;font-size:10px;color:var(--text-muted)}.ab-unit-stat{display:flex;flex-direction:column;align-items:center}.ab-stat-label{font-size:8px;color:var(--color-text-dim);text-transform:uppercase;font-weight:700}.ab-unit-stat span{font-weight:700;color:#fff;font-size:11px}.ab-stat-label{font-size:8px;text-transform:uppercase;opacity:.7}.ab-header-stats{display:flex;gap:12px;align-items:center}.ab-unit-stat-mini{display:flex;flex-direction:column;align-items:center;line-height:1}.ab-stat-label-mini{font-size:7px;color:var(--color-text-dim);text-transform:uppercase;font-weight:700;margin-bottom:2px}.ab-stat-val-mini{font-size:12px;font-weight:700;color:#fff}.ab-remove-icon{color:#64748b;cursor:pointer;transition:.2s;margin-left:10px}.ab-remove-icon:hover{color:var(--color-danger)}.ab-upgrade-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ab-upgrade-pill{display:inline-flex;align-items:center;gap:6px;background:#0000004d;border:1px solid var(--color-border);border-radius:14px;padding:4px 10px;font-size:11px;color:var(--color-text-dim);cursor:pointer;transition:all .2s;user-select:none;position:relative}.ab-upgrade-pill:hover{border-color:var(--current-faction-accent);color:#fff;background:#ffffff0d}.ab-upgrade-pill.active{background:#166534;border-color:var(--color-success);color:#fff;font-weight:600}.ab-upgrade-pill i{font-size:10px}.ab-tooltip-wrapper{position:relative}.ab-custom-tooltip{display:none;position:absolute;bottom:100%;left:max(0px,50%);transform:translate(max(-50%,-20px));background:var(--color-bg-dark);border:1px solid var(--current-faction-accent);padding:10px;border-radius:6px;width:200px;font-size:11px;color:#e2e8f0;z-index:100;box-shadow:0 4px 10px #000c;white-space:normal;pointer-events:none;text-align:left;margin-bottom:6px}.ab-abilities-list{font-size:11px;color:var(--color-text-dim);line-height:1.4}.ab-ability-text{color:#cbd5e1;cursor:help;border-bottom:1px dotted #64748b;margin-right:8px;display:inline-block;position:relative}.ab-ability-text:hover{color:#fff;border-bottom-color:var(--current-faction-accent)}.ab-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(2px)}.ab-error-modal{background:var(--color-bg-panel-light);border:1px solid var(--color-danger);border-radius:8px;padding:20px;width:300px;text-align:center;box-shadow:0 10px 25px #00000080}.ab-modal-title{color:var(--b-accent-terran);font-size:16px;font-weight:800;text-transform:uppercase;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.ab-modal-msg{color:#e2e8f0;font-size:13px;margin-bottom:20px;line-height:1.5}.ab-modal-btn{background:var(--color-accent-terran);color:var(--color-bg-panel);font-weight:700;padding:8px 20px;border-radius:20px;border:none;cursor:pointer;font-size:12px;transition:.2s;text-transform:uppercase}.ab-modal-btn:hover{filter:brightness(1.2)}.ab-player-tabs{display:flex;background:var(--color-bg-dark);border-bottom:1px solid var(--color-border)}.ab-player-tabs .ab-player-tab{padding:15px 25px;cursor:pointer;font-size:13px;font-weight:700;border-bottom:3px solid transparent;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.ab-player-tabs .ab-player-tab:hover{color:#fff;background:#ffffff05}.ab-player-tabs .ab-player-tab.active{color:var(--current-faction-accent);border-bottom-color:var(--current-faction-accent);background:#ffffff0d}.ab-remove-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:11px;padding:5px;margin-left:10px}.ab-remove-btn:hover{color:var(--color-danger);border-color:var(--color-danger);background:#ef44441a}.ab-ability-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:14px;padding:2px 8px;font-size:10px;color:var(--color-text-dim);margin-right:4px;margin-bottom:4px;cursor:help;position:relative}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;padding:10px 0}.ab-ability-pill:hover{border-color:var(--current-faction-accent);color:#fff}.ab-game-card{background:var(--color-bg-panel-light);border:1px solid var(--color-border);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}.ab-game-card:hover{border-color:var(--color-text-dim);background:var(--color-border)}.ab-game-card.disabled{opacity:.4;filter:grayscale(1);pointer-events:none}.ab-game-card.selected{border-color:var(--color-success);background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 4px 6px #0000004d}.ab-game-card.selected.disabled{border-color:var(--color-success);background:#22c55e1a}.ab-card-header{display:flex;justify-content:space-between;align-items:flex-start}.ab-card-name{font-weight:700;color:#fff;font-size:13px;line-height:1.3}.ab-card-cost{font-size:10px;color:var(--current-faction-accent);background:#0000004d;padding:2px 6px;border-radius:4px;white-space:nowrap;margin-left:8px}.ab-card-slots{display:flex;flex-wrap:wrap;gap:4px}.ab-slot-badge{font-size:9px;background:var(--color-bg-dark);border:1px solid var(--color-border);color:var(--color-text-dim);padding:1px 4px;border-radius:3px}.ab-count-badge{font-size:9px;background:var(--color-success);color:var(--color-bg-dark);padding:1px 4px;border-radius:10px;font-weight:700;margin-left:5px;vertical-align:middle}.ab-detail-card{background:var(--color-bg-panel-light);border:1px solid var(--color-border);border-radius:6px;margin-bottom:15px;overflow:hidden}.ab-detail-header{background:var(--color-bg-panel);padding:6px 10px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.ab-detail-title{font-weight:700;color:#fff;font-size:11px}.ab-detail-body{padding:15px}.ab-ability-row{margin-bottom:6px;font-size:12px;line-height:1.4;color:#cbd5e1}.ab-ability-name{color:var(--current-faction-accent);font-weight:700;margin-right:5px}.ab-remove-card-btn{background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s}.ab-remove-card-btn:hover{color:var(--color-danger)}.ab-unique-badge{font-size:10px;background:var(--color-protoss);color:#000;padding:1px 4px;border-radius:3px;font-weight:700;margin-left:6px;vertical-align:middle}@media(max-width:900px){.setup-col{height:auto;min-height:300px}}@media(max-width:900px){.setup-border-right{border-right:none;border-bottom:1px solid var(--color-border)}}.setup-container{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%;width:100%}@media(max-width:900px){.setup-container{display:flex;flex-direction:column;height:auto;min-height:100%}}.ab-card-missing{padding:30px;text-align:center;color:var(--color-text-dim);font-size:11px;border:1px dashed var(--color-border);border-radius:6px}.ab-setup-card-inner{display:flex;gap:15px;align-items:center;padding:10px;min-height:80px;transition:all .2s}.ab-setup-thumb{width:50px;height:70px;flex-shrink:0;border-radius:4px;border:1px solid var(--color-border);position:relative;overflow:hidden;background-color:var(--color-bg-dark)}.ab-setup-no-img{font-size:8px;color:var(--color-text-dim);display:flex;align-items:center;justify-content:center;height:100%}.ab-setup-name{font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-setup-type{font-size:10px;color:var(--color-text-dim);text-transform:uppercase}.ab-setup-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all .2s;background:transparent;flex-shrink:0}.ab-setup-check.selected{border-color:var(--color-success);background:#22c55e33}.ab-setup-check-icon{color:var(--color-success);font-size:12px}.ab-setup-head{font-size:12px;color:var(--color-text-dim);text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;align-items:center}.ab-setup-count{font-size:11px;color:var(--color-protoss)}.ab-setup-count.full{color:var(--color-success)}.ab-setup-desc{font-size:10px;color:var(--color-text-dim);margin-top:5px}.ab-tabs-container{display:flex;background:var(--color-bg-dark);border-bottom:1px solid var(--color-border)}.ab-tab-header{padding:10px 20px;cursor:pointer;color:var(--color-text-dim);font-weight:700;border-bottom:2px solid transparent}.ab-tab-header.active{color:#fff;border-bottom-color:var(--current-faction-accent)}.ab-tab-spacer{flex:1}.ab-tab-btn-wrap{margin:5px 15px}.ab-points-input.locked{opacity:.7;cursor:not-allowed}.ab-stats-val.res-err{color:var(--color-danger)}.ab-stats.res-ok{color:var(--color-success)}.ab-stats-max{color:#ffffff80;font-size:.8em}.ab-stats-white{color:#fff}.ab-stats-box-wide{flex:1.5}.ab-slot-empty{font-size:10px;color:var(--color-text-dim);font-weight:700;letter-spacing:1px}.ab-slot-val.over{color:var(--color-danger)}.ab-slot-val.ok{color:var(--current-faction-accent)}.ab-slot-limit{color:#fff;font-size:1em}.ab-icon-unique{font-size:9px;color:var(--color-protoss)}.ab-icon-res{color:var(--color-text-dim);font-weight:800}.ab-card-relative{position:relative}.ab-card-cost-dynamic{color:var(--current-faction-accent)}.ab-preview-btn{position:absolute;right:5px;top:25px;background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;z-index:10}.ab-lock-box{padding:20px;text-align:center;color:var(--color-danger);border:1px dashed var(--color-border);border-radius:6px;background:#0003}.ab-lock-icon{margin-bottom:10px}.ab-empty-army{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-dim);text-align:center;height:100%}.ab-empty-icon{font-size:40px;margin-bottom:15px;opacity:.3}.ab-cards-header{color:var(--color-text-dim);font-size:12px;margin-top:0;border-bottom:1px solid var(--color-border);padding-bottom:10px}.ab-cards-empty{font-size:11px;font-style:italic;color:var(--color-text-dim)}.ab-detail-header.is-faction{border-left:4px solid var(--current-faction-accent)}.ab-detail-cost{font-size:11px;font-weight:700;color:var(--color-text-dim);margin-right:10px}.ab-detail-resource{font-size:11px;color:var(--color-text-dim);margin-bottom:10px}.ab-detail-divider{height:1px;background:var(--color-border);margin-bottom:10px}.ab-section-title{font-size:10px;color:var(--color-text-dim);margin-bottom:10px;text-transform:uppercase;font-weight:700}.ab-section-divider{height:1px;background:var(--color-border);margin:15px 0}.setup-col{display:flex;flex-direction:column;overflow:hidden;background:#0f172a4d}.setup-col-header{padding:15px;border-bottom:1px solid var(--color-border);background:var(--color-bg-dark);flex-shrink:0}.setup-border-right{border-right:1px solid var(--color-border)}.setup-list-content{overflow-y:auto;flex:1;padding:15px}.ab-add-info{font-size:10px}.ab-unit-actions{display:flex;align-items:center;gap:8px}.ab-unit-view-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer}.ab-add-container{display:flex;gap:5px}.ab-mt-1{margin-top:5px}.ab-cost-val{color:#fff;font-weight:700}.ab-modal-img-container{max-height:90vh;max-width:90vw;overflow:auto;border-radius:8px;box-shadow:0 0 20px #00000080}.ab-modal-img{max-height:85vh;max-width:100%;display:block;border-radius:8px}.ab-modal-no-img{padding:50px;color:#fff;background:#1e293b}.whitespace-pre-wrap{white-space:pre-wrap}.ab-detail-header.is-faction-card{border-left:4px solid var(--current-faction-accent)}.ab-flex-center{display:flex;align-items:center}.ab-cost-label{font-size:11px;font-weight:700;color:var(--color-text-dim);margin-right:10px}.ab-card-slot{margin-bottom:10px}.ab-card-resource{font-size:11px;color:#cbd5e1;margin-bottom:10px}.ab-divider{height:1px;background:#334155;margin-bottom:10px}.ab-divider-lg{height:1px;background:#334155;margin:15px 0}.ab-step-label{font-size:10px;color:#94a3b8;margin-bottom:10px;text-transform:uppercase;font-weight:700}.ab-setup-empty-state{padding:30px;text-align:center;color:#64748b;font-size:11px;border:1px dashed #334155;border-radius:6px}.ab-setup-card-row{display:flex;gap:15px;align-items:center;padding:10px;min-height:80px;transition:all .2s;position:relative;background:var(--color-border);border:1px solid var(--color-bg-dark)}.ab-setup-card-row.selected{border:1px solid var(--color-success);border-radius:4px}.ab-setup-img-box{width:50px;height:70px;flex-shrink:0;border-radius:4px;border:1px solid #475569;position:relative;overflow:hidden;background-color:#020617}.ab-setup-img{width:100%;height:100%;object-fit:cover;display:block}.ab-setup-noimg{font-size:8px;color:#64748b;display:flex;align-items:center;justify-content:center;height:100%}.ab-setup-info{flex:1;min-width:0}.ab-setup-title{font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-setup-type{font-size:10px;color:#64748b;text-transform:uppercase}.ab-setup-actions{display:flex;gap:10px;align-items:center}.ab-setup-view-btn{background:#3b82f61a;border:1px solid #3b82f6;color:#60a5fa;border-radius:4px;padding:5px 10px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;font-weight:700;transition:all .2s}.ab-setup-check{width:24px;height:24px;border-radius:50%;border:2px solid #334155;display:flex;align-items:center;justify-content:center;transition:all .2s;background:transparent;flex-shrink:0}.ab-setup-check.selected{border-color:var(--accent-success);background:#22c55e33}.ab-setup-check-icon{color:var(--accent-success);font-size:12px}.ab-setup-wrapper{border-right:none;width:100%;padding:0;background:transparent;height:100%}.ab-setup-grid{display:grid;grid-template-columns:1fr 1fr;height:100%}.ab-setup-col{display:flex;flex-direction:column;background:#0f172a4d;min-height:0}.ab-setup-col.setup-border-right{border-right:1px solid #334155}.ab-setup-col-header{padding:15px;border-bottom:1px solid #334155;background:#0f172acc}.ab-setup-col-title-row{font-size:12px;color:#94a3b8;text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;align-items:center}.ab-setup-col-count{font-size:11px;color:#eab308}.ab-setup-col-count.success{color:var(--accent-success)}.ab-setup-col-subtitle{font-size:10px;color:#64748b;margin-top:5px}.ab-setup-col-content{overflow-y:auto;flex:1;padding:15px}.ab-roster-models-supply{font-size:10px}.ab-unit-header-actions{display:flex;align-items:center;gap:8px}.ab-view-btn-invisible{background:transparent;border:none;color:#94a3b8;cursor:pointer}.ab-roster-actions{display:flex;gap:5px}.ab-empty-army{text-align:center;color:#64748b;margin-top:50px}.ab-empty-army-icon{font-size:30px;margin-bottom:10px;opacity:.3}.ab-custom-tooltip{white-space:pre-wrap}.ab-abilities-list{margin-top:5px}.ab-roster-meta-cost{color:#fff;font-weight:700}.ab-modal-preview-wrapper{max-height:90vh;max-width:90vw;overflow:auto;border-radius:8px;box-shadow:0 0 20px #00000080}.ab-modal-preview-img{max-height:85vh;max-width:100%;display:block;border-radius:8px}.ab-modal-preview-fallback{padding:50px;color:#fff;background:#1e293b}.ab-modal-overlay{z-index:1000}.card-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);cursor:pointer}.card-modal-content{background:transparent;border:none;box-shadow:none;width:auto;height:auto;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:visible;pointer-events:auto;cursor:default}.modal-visuals{background:transparent;padding:0;border:none;overflow:visible;display:flex;align-items:center;justify-content:center}.modal-feedback{display:none}.card-preview-container{transform:scale(.7);transform-origin:center center;box-shadow:0 0 50px #00000080;border-radius:12px;transition:transform .2s;position:relative}.card-flip-btn{bottom:5px;left:50%;transform:translate(-50%);background:var(--color-bg-panel);border:1px solid var(--current-faction-accent);color:#fff;padding:2px 16px;border-radius:20px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #00000080;z-index:100;display:flex;gap:8px;align-items:center;font-size:12px;transition:all .2s}.card-flip-btn:hover{background:var(--color-info);transform:translate(-50%) translateY(-2px)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.card-close-btn{position:absolute;top:-20px;right:-50px;background:#00000080;color:#fff;border:2px solid rgba(255,255,255,.2);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s;z-index:100}.card-close-btn:hover{background:var(--color-danger);border-color:var(--color-danger)}.sc-card-wrapper{width:900px;min-height:600px;height:auto;background:#e2e8f0;color:var(--color-bg-panel);font-family:Roboto,sans-serif;position:relative;overflow:visible;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 4px 15px #00000080;flex-shrink:0;padding-bottom:40px;transform-origin:center center}.weapon-link{font-size:9px;font-weight:800;color:#475569;font-style:italic;margin-top:2px;letter-spacing:.5px;text-transform:uppercase}.theme-terran .sc-card-header{background:linear-gradient(90deg,#0369a1,#0ea5e9);border-bottom:5px solid var(--color-bg-panel)}.theme-zerg .sc-card-header{background:linear-gradient(90deg,#581c87,var(--color-zerg));border-bottom:5px solid #2e1065}.theme-protoss .sc-card-header{background:linear-gradient(90deg,#854d0e,var(--color-protoss));border-bottom:5px solid #422006}.sc-card-header{height:70px;display:flex;align-items:center;padding:0 20px;justify-content:space-between;color:#fff;z-index:2}.sc-card-title{font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;text-shadow:2px 2px 0px rgba(0,0,0,.5)}.sc-info-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 20px 5px;background:#e2e8f0;z-index:5;flex-shrink:0}.sc-stat-grid{display:flex;gap:5px}.sc-stat-box{background:#0f172af2;border:1px solid rgba(255,255,255,.4);border-radius:5px;width:50px;height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-stat-val{font-size:24px;font-weight:700;line-height:1;color:#fff}.sc-stat-label{font-size:9px;text-transform:uppercase;color:#cbd5e1;margin-top:2px;font-weight:700}.sc-squad-matrix{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sc-tiers-container{display:flex;border:2px solid #475569;border-radius:6px;background:#e2e8f0;overflow:hidden;box-shadow:0 2px 5px #0000004d}.sc-tier-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:55px;height:45px;background:#f8fafc;border-right:1px solid #cbd5e1}.sc-tier-models{font-size:10px;font-weight:700;color:#64748b;background:#e2e8f0;width:100%;text-align:center;padding-bottom:2px}.sc-tier-supply{font-size:18px;font-weight:900;color:var(--color-bg-panel);line-height:1;padding-top:2px}.sc-cost-container{display:flex;gap:5px;background:#0f172ae6;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.sc-cost-label{color:var(--color-text-dim);font-size:10px;font-weight:700;text-transform:uppercase;margin-right:2px}.sc-cost-value{color:var(--color-protoss);font-size:14px;font-weight:900}.sc-card-body{flex:1;padding:5px 20px 10px;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 15px,#e2e8f0 15px 30px);display:flex;flex-direction:column;gap:10px;position:relative}.sc-phase-section{background:#fff;border:2px solid var(--color-info);border-radius:6px;overflow:hidden;box-shadow:2px 2px 8px #0000001a;position:relative;z-index:2}.sc-phase-header{background:var(--color-info);color:#fff;padding:4px 12px;font-weight:800;text-transform:uppercase;font-size:13px;display:flex;align-items:center;gap:10px;letter-spacing:.5px}.sc-phase-section.any-phase{border-color:#64748b}.sc-phase-section.any-phase .sc-phase-header{background:#64748b}.sc-weapon-table{width:100%;border-collapse:collapse;font-size:12px;font-family:Segoe UI,sans-serif}.sc-weapon-table th{background:#e2e8f0;color:var(--color-border);font-weight:700;text-align:center;padding:6px;border-bottom:2px solid #cbd5e1}.sc-weapon-table td{padding:6px 4px;text-align:center;border-bottom:1px solid #e2e8f0;color:var(--color-bg-panel);font-weight:600}.col-name{text-align:left!important;padding-left:10px!important;width:18%;font-weight:900!important;font-size:13px;background:#00000005}.col-keywords{text-align:left!important;font-size:11px;color:var(--color-border);padding-left:10px!important;line-height:1.2;width:40%}.col-surge{font-size:11px;width:10%}.text-red{color:#dc2626;font-weight:900}.sc-ability-row{padding:6px 12px;font-size:12px;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;align-items:baseline}.sc-ability-name{font-weight:800;color:var(--color-bg-panel);white-space:nowrap;font-size:13px;min-width:150px}.sc-ability-desc{color:var(--color-border);line-height:1.3;flex:1}.skill-tag{font-size:9px;font-weight:900;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-left:5px;white-space:nowrap;display:inline-block}.skill-tag.passive{color:#15803d;background:#dcfce7;border:1px solid #86efac}.skill-tag.active{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.skill-tag.reaction{color:#be123c;background:#ffe4e6;border:1px solid #fda4af}.sc-keyword-footer{background:var(--color-bg-panel);color:#fff;padding:10px 20px;font-size:12px;text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px;position:absolute;bottom:0;left:0;width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:10}.sc-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:80px;font-weight:900;color:#000;opacity:.04;white-space:nowrap;pointer-events:none;z-index:0;text-transform:uppercase;border:5px solid #000;padding:10px 40px;border-radius:20px}.mission-card-wrapper{width:600px;height:900px;background-color:#e2e8f0;color:var(--color-bg-panel);position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:15px;box-shadow:0 10px 30px #00000080;border:8px solid #cbd5e1;transform-origin:center center}.mission-header{height:110px;background:linear-gradient(135deg,var(--color-bg-panel-light) 0%,var(--color-bg-panel) 100%);color:#fff;display:flex;align-items:center;padding:0 210px 0 30px;position:relative;border-bottom:4px solid var(--color-border);z-index:5}.mission-title{font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.5);flex:1;line-height:1.1;word-wrap:break-word}.mission-stats-container{position:absolute;top:0;right:20px;display:flex;flex-direction:column;align-items:center;z-index:20;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.mission-stats-row{display:flex;background:#e2e8f0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;border:2px solid #475569;border-top:none}.mission-stat-box{min-width:80px;width:auto;padding:0 10px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom,#f8fafc,#cbd5e1);border-right:1px solid var(--color-text-dim);text-align:center}.mission-length-badge{background:var(--color-bg-panel);color:var(--color-protoss);font-size:15px;font-weight:800;padding:6px 20px 4px;text-transform:uppercase;margin-top:-2px;clip-path:polygon(15% 0,85% 0,100% 100%,0% 100%);min-width:140px;text-align:center;letter-spacing:1px;position:relative;z-index:5}.mission-body{flex:1;padding:30px;display:flex;flex-direction:column;gap:15px;margin-top:10px}.mission-section{background:#fff;border:2px solid #64748b;border-radius:8px;position:relative;padding:2px;background-color:#64748b;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.mission-section-inner{background:#fff;padding:10px 15px 15px;height:100%;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.ms-header{background:var(--color-border);color:#fff;display:inline-block;padding:6px 12px;font-size:16px;font-weight:900;text-transform:uppercase;border-radius:4px;margin-bottom:10px}.ms-text{font-size:18px;line-height:1.5;font-weight:600;color:var(--color-bg-panel)}.mission-footer{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;color:#64748b;background:#e2e8f0;border-top:2px solid #cbd5e1}.mission-format-tag{background:var(--color-border);color:#fff;padding:5px 15px;font-weight:700;text-transform:uppercase;transform:skew(-15deg)}.mission-format-tag span{display:block;transform:skew(15deg)}.ms-val{font-size:22px;font-weight:900;line-height:1.1;margin-bottom:2px}.ms-label{font-size:9px;text-transform:uppercase;font-weight:700;opacity:.8}.tactical-card-wrapper{width:600px;height:840px;background:var(--color-bg-panel);position:relative;border-radius:18px;overflow:hidden;font-family:Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;box-shadow:0 10px 30px #0009;border:10px solid var(--color-bg-panel-light);transform-origin:center center}.tactical-card-wrapper.theme-terran{border-color:#031018;background:radial-gradient(circle at center,#0744ee 0%,var(--color-bg-dark) 100%)}.tactical-card-wrapper.theme-zerg{border-color:#19062b;background:radial-gradient(circle at center,#872ace 0%,var(--color-bg-dark) 100%)}.tactical-card-wrapper.theme-protoss{border-color:#251a00;background:radial-gradient(circle at center,#daba2d 0%,var(--color-bg-dark) 100%)}.tac-header{height:100px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#0006;border-bottom:2px solid rgba(255,255,255,.2);position:relative}.tac-title{font-size:32px;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);width:75%;line-height:1.1}.tac-cost-box{width:80px;height:80px;background:#000;border:3px solid white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 15px #00000080;position:absolute;right:20px;top:10px;z-index:10}.theme-terran .tac-cost-box{border-color:var(--color-terran);color:var(--color-terran)}.theme-zerg .tac-cost-box{border-color:#d8b4fe;color:#d8b4fe}.theme-protoss .tac-cost-box{border-color:#facc15;color:#facc15}.tac-cost-val{font-size:36px;font-weight:900;line-height:1}.tac-cost-label{font-size:14px;font-weight:900;text-transform:uppercase;margin-top:-2px}.tac-body{flex:1;padding:30px 25px;display:flex;flex-direction:column;gap:20px}.tac-ability-box{background:#fffffff2;border-radius:8px;padding:4px;box-shadow:0 4px 10px #0000004d}.theme-terran .tac-ability-box{background:linear-gradient(to bottom,#bae6fd,#fff)}.theme-zerg .tac-ability-box{background:linear-gradient(to bottom,#f0abfc,#fff)}.theme-protoss .tac-ability-box{background:linear-gradient(to bottom,#fde047,#fff)}.tac-ability-inner{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);padding:12px 15px}.tac-tags-row{display:flex;gap:5px;margin-bottom:5px}.tac-tag{font-size:9px;font-weight:900;text-transform:uppercase;padding:2px 6px;border-radius:4px;display:inline-block}.tag-passive{background:#dcfce7;color:#15803d;border:1px solid #86efac}.tag-active{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.tag-phase{background:var(--color-bg-panel);color:#fff;border:1px solid var(--color-border)}.tac-ability-title{font-size:14px;font-weight:900;text-transform:uppercase;color:var(--color-bg-panel);margin-bottom:2px}.tac-text{font-size:13px;color:var(--color-border);line-height:1.4}.tac-footer{background:#0009;padding:10px 20px;color:var(--color-text-dim);font-size:10px;text-transform:uppercase;font-weight:700;border-top:1px solid rgba(255,255,255,.1)}.faction-slots-grid{display:flex;gap:10px;margin-bottom:10px;justify-content:center}.slot-box{background:#00000080;border:1px solid rgba(255,255,255,.2);padding:5px 10px;border-radius:6px;text-align:center;min-width:60px}.slot-val{font-size:18px;font-weight:900;color:#fff}.slot-label{font-size:9px;text-transform:uppercase;color:#cbd5e1}.upgrade-cost-badge{background:#dc2626;color:#fff;font-weight:800;padding:2px 4px;border-radius:4px;font-size:10px;border:1px solid #991b1b;display:inline-block;min-width:30px;text-align:center}.fb-section{background:#0003;padding:15px;border-radius:8px;border:1px solid var(--color-border)}.fb-label{font-size:11px;color:var(--accent2);font-weight:700;margin-bottom:5px;display:block;text-transform:uppercase}.fb-textarea{width:100%;height:80px;background:var(--color-bg-dark);border:1px solid #475569;color:#fff;padding:8px;font-size:12px;border-radius:4px;resize:vertical}.clarity-scale-container{display:flex;gap:4px;align-items:center;justify-content:space-between;width:100%;margin-top:6px}.clarity-dot{flex:1;height:24px;border-radius:4px;background-color:#0b1220;border:1px solid var(--color-border);color:#64748b;font-weight:700;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.clarity-dot:hover{border-color:var(--accent2);color:#fff;transform:translateY(-1px)}.clarity-dot.active{background-color:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.05)}@media(max-width:900px){.card-modal-content{flex-direction:column;height:95vh;width:100%;border-radius:0}.modal-visuals{flex:1;border-right:none;border-bottom:1px solid var(--color-border);min-height:300px}.modal-feedback{flex:2;min-width:100%}.sc-card-wrapper-preview{transform:scale(.45)!important;transform-origin:top center!important;margin-bottom:-300px}}.ab-card-cost.ab-card-cost-dynamic.card-cost-activated-move{color:var(--phase-movement)}.ab-card-cost.ab-card-cost-dynamic.card-cost-activated-assault{color:var(--phase-assault)}.ab-card-cost.ab-card-cost-dynamic.card-cost-activated-combat{color:var(--phase-combat)}.ab-card-cost.ab-card-cost-dynamic.card-cost-battlefield{color:var(--color-success)}.ab-card-cost.ab-card-cost-dynamic.card-cost-reserves{color:var(--color-info)}.ab-card-cost.ab-card-cost-dynamic.card-cost-destroyed{color:var(--color-danger)}.ab-card-cost.ab-card-cost-dynamic.card-cost-ready{color:var(--color-success);opacity:.8}.tactical-card-wrapper.exhausted,.sc-card-wrapper.exhausted{opacity:.4;filter:grayscale(100%);position:relative}.tactical-card-wrapper.exhausted:after,.sc-card-wrapper.exhausted:after{content:"EXHAUSTED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:64px;font-weight:900;color:#dc2626d9;border:8px solid rgba(220,38,38,.85);padding:10px 40px;border-radius:12px;letter-spacing:5px;z-index:50;background:#0009;pointer-events:none}#game-view{display:none;height:100vh;width:100vw;overflow:hidden;display:grid!important;grid-template-rows:42px 1fr;grid-template-columns:min-content 1fr 284px;grid-template-areas:"header header header" "aside-left main aside"}#game-view[style*="display: grid"]{display:grid!important}#game-header-container{grid-area:header;z-index:20}.game-container{grid-area:main;position:relative;overflow:hidden;background:radial-gradient(circle at center,#1a1d29,#0a0b10)}#game-canvas{display:block;position:absolute;width:100%;height:100%}.roster-panel{grid-area:aside-left;width:256px;min-width:256px;max-width:256px;height:100%;border-right:1px solid var(--color-border);background:#0f172af2;z-index:10;display:flex;flex-direction:column;overflow-y:auto}.control-panel{grid-area:aside;width:284px;min-width:284px;max-width:284px;height:100%;border-left:1px solid var(--color-border);background:#0f172af2;z-index:10;display:flex;flex-direction:column;overflow-y:auto}@media(max-width:768px){#game-view{grid-template-rows:50px 1fr 30%;grid-template-columns:1fr;grid-template-areas:"header" "main" "aside"}.control-panel{width:100%;border-left:none;border-top:1px solid var(--color-border);flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.panel-section{min-width:200px;height:100%}}.game-log-panel{position:fixed;bottom:16px;right:16px;width:320px;height:192px;background-color:#0f172ae6;border:1px solid var(--color-border);border-radius:4px;padding:8px;overflow-y:auto;pointer-events:auto;font-family:monospace;font-size:12px;color:#cbd5e1;z-index:50;display:flex;flex-direction:column;gap:4px}.game-log-entry{word-break:break-word}.game-log-entry.error{color:#f87171}.game-log-entry.info{color:#cbd5e1}#toast-container{position:fixed;top:80px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}.game-toast{background-color:var(--color-bg-panel-light);color:#fff;border-left:4px solid #64748b;padding:12px 16px;border-radius:4px;box-shadow:0 4px 6px #0000004d;pointer-events:auto;min-width:200px;max-width:400px;display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:14px;transition:all .3s ease;opacity:0;transform:translate(100%)}.game-toast.visible{opacity:1;transform:translate(0)}.game-toast.info{border-color:var(--color-info);background-color:#1e293bf2}.game-toast.success{border-color:var(--color-success);background-color:#14532df2;color:#dcfce7}.game-toast.error{border-color:var(--color-danger);background-color:#7f1d1df2;color:#fee2e2}.game-toast.warning{border-color:var(--color-protoss);background-color:#713f12f2;color:#fef3c7}.deploying-active{outline:2px solid #facc15;outline-offset:-2px;background-color:#facc151a!important;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{outline-color:#facc15;box-shadow:0 0 #facc1566}70%{outline-color:#facc1566;box-shadow:0 0 0 10px #facc1500}to{outline-color:#facc15;box-shadow:0 0 #facc1500}}.phase-overlay-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:60}.phase-announcement{background-color:#000000e6;border-top:4px solid #06b6d4;border-bottom:4px solid #06b6d4;padding:24px 64px;font-size:3rem;font-weight:900;color:#22d3ee;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 50px #06b6d499;transform:scale(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}.phase-announcement.visible{transform:scale(1);opacity:1}.phase-announcement.fade-out{transform:scale(1.5);opacity:0}.mode-indicator{color:#facc15;font-weight:700;animation:pulse 2s infinite;margin-bottom:8px}.debug-btn{font-size:10px;padding:2px 6px;margin-right:4px;background:#475569;border:1px solid var(--color-text-dim);color:#fff;cursor:pointer}.debug-container{display:flex;gap:8px;padding:8px;background-color:#7f1d1d4d;border:1px solid rgba(127,29,29,.5);border-radius:4px;margin-top:8px}.draft-pool-container{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;overflow:visible;padding-top:20px}.veto-submit-btn{box-shadow:0 4px 20px #00000080;font-size:18px;padding:15px 30px;margin-top:15px}.veto-submit-btn:disabled,.veto-submit-btn.locked{cursor:not-allowed;opacity:.5}.selection-title{margin-bottom:20px;font-size:24px;color:#e2e8f0;font-weight:700;text-transform:uppercase;letter-spacing:1px}.selection-options{display:flex;justify-content:center;gap:30px}.draft-instruction-header{display:flex;flex-direction:column;align-items:center}.roster-meta{font-size:10px;color:var(--color-text-dim);margin-top:5px}.ability-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:4px;border-top:1px solid var(--color-border);width:100%}.queue-container{display:flex;flex-direction:column;gap:4px;padding:8px;background-color:#164e6333;border:1px solid rgba(22,78,99,.5);border-radius:4px}.queue-btn{width:100%;text-align:left;padding:8px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-panel-light);color:#cbd5e1;cursor:pointer}.queue-btn:hover{background-color:var(--color-border)}.queue-btn.selected{background-color:#0891b2;color:#fff}.unit-info-header{border-bottom:1px solid rgba(22,78,99,.5);padding-bottom:8px}.unit-info-title{font-size:1.25rem;font-weight:700;color:#22d3ee}.unit-info-subtitle{font-size:.75rem;color:#0891b2}.stat-box{background-color:#1e293b80;padding:8px;border-radius:4px}.stat-label{color:var(--color-text-dim);font-size:.75rem}.stat-value{font-family:monospace;font-size:1.125rem}.stat-value.health{color:#4ade80}.stat-row{display:flex;justify-content:space-between;font-size:.875rem;color:#cbd5e1}.stat-detail{font-family:monospace;color:#67e8f9}#draft-overlay{position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);background:var(--color-bg-panel);z-index:50;display:none;flex-direction:column}.draft-layout{display:grid;grid-template-rows:80px 1fr;grid-template-columns:300px 1fr 300px;grid-template-areas:"header header header" "p1 main p2";width:100%;height:100%}.draft-header{grid-area:header;background:var(--color-bg-panel-light);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.draft-header .breadcrumbs{font-size:.75rem;color:var(--color-text-dim);margin-bottom:4px}.draft-header .breadcrumbs .active{color:#facc15}.phase-title{font-weight:900;letter-spacing:.1em;color:#e2e8f0}.phase-subtitle{font-size:1.25rem;font-weight:700;color:var(--color-terran)}.draft-sidebar{background:var(--color-bg-panel);border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:16px;overflow-y:auto;height:100%}.draft-col.p1{border-left:none;overflow-y:auto;height:100%}.draft-col.p2{border-right:none;overflow-y:auto;height:100%}.draft-col.center{overflow-y:auto;height:100%}.draft-sidebar.p1{grid-area:p1;border-left:none}.draft-sidebar.p2{grid-area:p2;border-right:none}.player-label{font-size:1.5rem;font-weight:900;color:#475569;margin-bottom:16px;text-align:center}.draft-sidebar.p1 .player-label{color:#f87171}.draft-sidebar.p2 .player-label{color:#60a5fa}.roster-list{display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;justify-content:space-between;color:#cbd5e1;font-size:.9rem;border-bottom:1px solid var(--color-bg-panel-light);padding-bottom:4px}.roster-left{display:flex;gap:8px}.roster-item .count{color:var(--color-text-dim)}.roster-item .points{color:var(--color-warning)}.roster-item .name{flex:1;text-align:left}.draft-center{grid-area:main;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:32px;background:radial-gradient(circle at center,var(--color-bg-panel-light) 0%,var(--color-bg-panel) 100%);position:relative;overflow-y:auto;height:100%}.draft-cards-area{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.draft-cards-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.draft-card{width:200px;height:280px;background:var(--color-border);border:2px solid #475569;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .2s;position:relative}.draft-card:hover{transform:translateY(-4px);border-color:var(--color-text-dim)}.draft-pool-card{width:200px;height:280px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.draft-pool-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000080;border-color:#fff3}.draft-pool-card.selected-veto-double{border:3px solid #f87171!important;box-shadow:0 0 20px #f8717166}.draft-pool-card .mission-card-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.33);transform-origin:center center;pointer-events:none}.draft-pool-card .deployment-card-wrapper{width:100%;height:100%;pointer-events:none;position:relative;overflow:hidden}.draft-pool-card .deployment-visual{width:100%;height:100%;background-size:cover;background-position:center}.draft-card.selected{border-color:var(--color-success);box-shadow:0 0 15px #22c55e66}.draft-card.vetoed{border-color:var(--color-danger);opacity:.5;filter:grayscale(100%)}.card-title{font-weight:700;font-size:1.1rem;color:#f1f5f9}.card-type{font-size:.8rem;color:var(--color-text-dim);text-transform:uppercase}.scene{width:60px;height:60px;perspective:400px;margin:10px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s ease-out}.cube.rolling{animation:rollCube .5s linear infinite;transition:none}.cube__face{position:absolute;width:60px;height:60px;background:#e2e8f0;border:2px solid var(--color-bg-panel-light);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:var(--color-bg-panel);border-radius:8px;box-shadow:inset 0 0 10px #0003}.cube__face--2{transform:rotateY(180deg) translateZ(30px)}.cube__face--3{transform:rotateY(90deg) translateZ(30px)}.cube.show-1{transform:rotateY(0)}.cube.show-2{transform:rotateY(-90deg)}.cube.show-3{transform:rotateY(-180deg)}.cube.show-4{transform:rotateY(90deg)}.cube.show-5{transform:rotateX(-90deg)}.cube.show-6{transform:rotateX(90deg)}@keyframes rollCube{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dice-unknown-face{width:60px;height:60px;background:var(--color-bg-panel-light);border:2px solid #475569;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:#64748b;border-radius:8px;margin:10px}.roll-off-area{display:flex;gap:64px;align-items:center;justify-content:center;height:100%}.roll-box{display:flex;flex-direction:column;gap:16px;align-items:center}.roll-val{font-size:4rem;font-weight:900;color:#e2e8f0;width:100px;height:100px;background:var(--color-bg-panel-light);border:4px solid #475569;display:flex;align-items:center;justify-content:center;border-radius:12px}.selection-area{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:64px}.selection-area h3{font-size:2rem;color:#facc15}.selection-area p{color:var(--color-text-dim);font-size:1.25rem}.options{display:flex;gap:32px;margin-top:32px}.opt-btn{font-size:1.25rem;padding:16px 32px;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:transform .2s}.opt-btn:hover{transform:scale(1.05)}.opt-btn.red{background:#b91c1c;color:#fff}.opt-btn.blue{background:#1d4ed8;color:#fff}.card-viewer-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background:var(--color-bg-panel-light);padding:32px;border-radius:12px;width:80%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;color:#fff}.close-btn{position:absolute;top:16px;right:24px;font-size:2rem;cursor:pointer;color:var(--color-text-dim)}.mini-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.mini-card{padding:4px 8px;background:var(--color-border);border-radius:4px;font-size:.9rem;color:#e2e8f0}.card-viewer-toggle{position:absolute;bottom:16px;right:16px;background:var(--color-border);padding:8px 16px;border-radius:20px;cursor:pointer;color:var(--color-text-dim);font-size:.8rem;border:1px solid #475569}.card-viewer-toggle:hover{background:#475569;color:#fff}.draft-btn.large{font-size:1.5rem;padding:20px 40px}.draft-btn.success{background:var(--color-success);color:#052e16}.scene{width:60px;height:60px;perspective:600px;display:inline-block;margin:10px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.cube__face{position:absolute;width:60px;height:60px;border:2px solid rgba(255,255,255,.1);line-height:56px;font-size:24px;font-weight:700;text-align:center;border-radius:8px;backface-visibility:hidden;background:radial-gradient(circle,var(--color-bg-panel-light),var(--color-bg-dark));box-shadow:inset 0 0 15px #000c;color:var(--color-text-main)}.cube__face--1{transform:rotateY(0) translateZ(30px)}.cube__face--2{transform:rotateY(90deg) translateZ(30px)}.cube__face--3{transform:rotateY(180deg) translateZ(30px)}.cube__face--4{transform:rotateY(-90deg) translateZ(30px)}.cube__face--5{transform:rotateX(90deg) translateZ(30px)}.cube__face--6{transform:rotateX(-90deg) translateZ(30px)}.cube-hit .cube__face{border-color:var(--color-success);color:var(--color-success);box-shadow:0 0 15px #22c55e4d}.cube-surge .cube__face{border-color:#f97316;color:#f97316;box-shadow:0 0 15px #f973164d}.cube-miss .cube__face{opacity:.5;color:#64748b}@keyframes tumble{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(720deg) rotateY(360deg)}}.rolling{animation:tumble .5s linear infinite}.draft-grid-layout{display:grid;grid-template-columns:350px 1fr 350px;height:100%;width:100%;overflow:hidden;background:radial-gradient(circle at center,var(--color-bg-panel-light) 0%,var(--color-bg-panel) 100%);gap:20px;padding:10px;box-sizing:border-box}.draft-col{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);background:#0f172a80;border-radius:8px;transition:background .3s,border-color .3s;box-shadow:0 4px 6px #0000004d}.draft-col.center{background:#0f172a4d;border-color:#475569}.draft-col.center.active-red{border-color:var(--color-current-player);box-shadow:0 0 15px #ef444433}.draft-col.center.active-blue{border-color:var(--color-player-blue);box-shadow:0 0 15px #3b82f633}.draft-col.red{background:linear-gradient(180deg,#ef44440d,#0f172a00);border-color:#ef444480}.draft-col.blue{background:linear-gradient(180deg,#3b82f60d,#0f172a00);border-color:#3b82f680}.draft-col-header{height:50px;display:flex;align-items:center;font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-dim);background:#0f172ae6;border-bottom:1px solid var(--color-border);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0;padding:0 20px}.draft-col.red .draft-col-header{color:var(--color-player-red);border-bottom-color:var(--color-player-red);background:#ef44441a}.draft-col.blue .draft-col-header{color:var(--color-player-blue);border-bottom-color:var(--color-player-blue);background:#3b82f61a}.player-badge.player-red{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:var(--color-player-red)}.player-badge.player-blue{background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:var(--color-player-blue)}@keyframes activePulse{0%{transform:scale(1);box-shadow:0 0 10px currentColor}50%{transform:scale(1.05);box-shadow:0 0 20px currentColor,0 0 10px currentColor inset}to{transform:scale(1);box-shadow:0 0 10px currentColor}}.player-badge{transition:all .3s ease}.player-badge.active{font-weight:900;animation:activePulse 2s infinite ease-in-out;border-width:2px}.active{box-shadow:0 0 10px var(--color-box-shadow-current-player);font-weight:900}.header-selection-label{font-size:11px;font-weight:700;color:#e2e8f0;text-transform:uppercase}.header-view-btn{background:#3b82f61a;border:1px solid var(--color-info);color:#60a5fa;border-radius:4px;padding:3px 8px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:10px;font-weight:700;transition:all .2s}.header-view-btn:hover{background:#3b82f64d;box-shadow:0 0 8px #3b82f680}.draft-col.center .draft-col-header{font-size:1.1rem;color:#e2e8f0;letter-spacing:.15em}.draft-content-area{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;position:relative}.dice-roller-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background:transparent}.draft-instruction-header{width:100%;text-align:center;background:#0f172acc;padding:16px;border-bottom:1px solid var(--color-border);margin-bottom:20px;border-radius:4px}.ab-roster-item{background:#1e293b99;border-left:3px solid transparent;margin-bottom:8px;padding:10px 15px;border-radius:4px;display:flex;justify-content:space-between;align-items:flex-start;overflow:visible}.ab-roster-item:hover{background:var(--color-border);border-color:#475569}.ab-roster-info{flex:1;display:flex;flex-direction:column;gap:4px}.ab-roster-header{display:flex;justify-content:space-between;align-items:center}.ab-roster-title{font-weight:700;color:#e2e8f0;font-size:.9rem;display:flex;align-items:center}.ab-unit-stats-grid{display:flex;gap:12px;margin-top:4px}.ab-unit-stat{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-panel);padding:2px 6px;border-radius:3px;min-width:30px}.ab-stat-label{font-size:.6rem;color:#64748b;font-weight:700}.ab-unit-stat span:last-child{font-size:.85rem;font-family:monospace;color:#cbd5e1;font-weight:700}.ab-remove-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1rem;padding:8px;margin-left:8px;transition:color .2s}.ab-remove-btn:hover{color:var(--color-terran)}.ab-card-roster-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-panel-light);border:1px solid var(--color-border);border-left-width:3px;border-radius:4px;padding:8px 12px;margin-bottom:6px;overflow:visible}.ab-card-roster-info{flex:1;display:flex;justify-content:space-between;align-items:center}.ab-card-roster-title{font-weight:700;color:#e2e8f0;font-size:.85rem}.ab-card-roster-cost{font-size:.75rem;font-weight:700;font-family:monospace}.theme-terran{border-left-color:var(--color-info)!important}.theme-zerg{border-left-color:var(--color-zerg)!important}.theme-protoss{border-left-color:var(--color-protoss)!important}.theme-neutral{border-left-color:var(--color-text-dim)!important}.ab-deploy-btn{background:var(--color-bg-panel-light);color:#e2e8f0;border:1px solid #475569;padding:10px 24px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.ab-deploy-btn:hover{background:var(--color-border);border-color:var(--color-text-dim);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.dice-unknown-face{width:60px;height:60px;background:var(--color-bg-panel-light);border:2px dashed #475569;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#64748b;font-weight:700;margin:10px}.card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;text-transform:uppercase;transform:rotate(-15deg);text-shadow:0 4px 10px rgba(0,0,0,.8);pointer-events:none;z-index:20}.card-overlay.picked{color:var(--color-success);border:8px solid var(--color-success);background:#22c55e33;box-shadow:0 0 50px #22c55e66}.card-overlay.vetoed{color:var(--color-danger);border:8px solid var(--color-danger);background:#ef444433;box-shadow:0 0 50px #ef444466}.card-hover-highlight{position:absolute;inset:-4px;border:2px solid var(--color-terran);border-radius:12px;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 0 20px #38bdf880}.draft-pool-card:hover .card-hover-highlight{opacity:1}.draft-cards-grid.large{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:1200px}.draft-col.center.active-neutral{border-color:#f7b731;box-shadow:0 0 15px #f7b73126}.btn-red-side:hover,.btn-blue-side:hover{filter:brightness(1.2);transform:translateY(-2px)}.draft-pool-card.interactive:hover{transform:scale(1.05);z-index:20;cursor:pointer;box-shadow:0 0 20px #00000080}.draft-pool-card.picked{opacity:1;filter:drop-shadow(0 0 10px var(--color-success));z-index:5}.draft-pool-card.vetoed{opacity:.4;filter:grayscale(1);z-index:0}.draft-pool-card.dimmed{opacity:.3}.draft-pool-card.selected-veto{outline:4px solid var(--color-danger);z-index:20}.draft-pool-card.selected-pick{outline:4px solid var(--color-success);z-index:20}.card-select-checkbox{position:absolute;top:10px;left:10px;z-index:25;font-size:20px;color:#fff9;pointer-events:none;transition:all .2s ease}.card-select-checkbox.checked.veto{color:var(--color-danger);filter:drop-shadow(0 0 5px rgba(239,68,68,.8))}.card-select-checkbox.checked.pick{color:var(--color-success);filter:drop-shadow(0 0 5px rgba(34,197,94,.8))}.veto-confirm-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:100;animation:fadeIn .3s ease-out}.ab-main-header{background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;height:60px;box-sizing:border-box;gap:20px}.header-phase-subtitle{opacity:.5;font-weight:400}.vp-display-header{font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;color:#f1f5f9;background:var(--color-bg-panel-light);padding:2px 8px;border-radius:4px;border:1px solid #475569;min-width:32px;text-align:center}.deployment-card-wrapper{position:relative;width:100%;aspect-ratio:5 / 7;min-height:600px;border-radius:12px;box-shadow:0 4px 20px #00000080;background:var(--color-bg-panel);overflow:hidden;border:2px solid #475569;display:flex;flex-direction:column}.deployment-visual{flex:1;background-size:100% auto;background-repeat:no-repeat;background-position:top center;position:relative}.deployment-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,#000000e6,#0000);padding:15px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.deployment-title{color:#f8fafc;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.deployment-type{color:var(--color-text-dim);font-size:12px;font-weight:700;margin-top:4px;text-transform:uppercase}.deployment-card-wrapper.fallback .deployment-body{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-panel-light);color:#64748b}.deployment-footer{padding:10px;background:var(--color-bg-dark);color:#475569;font-size:11px;text-align:center;font-weight:700;border-top:1px solid var(--color-bg-panel-light)}.ab-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000}.ab-error-modal{background:linear-gradient(135deg,var(--color-bg-panel-light) 0%,var(--color-bg-panel) 100%);border:2px solid var(--accent-danger, var(--color-danger));border-radius:8px;padding:30px;width:400px;max-width:90%;box-shadow:0 10px 30px #000c,0 0 20px #ef44444d;text-align:center;display:flex;flex-direction:column;gap:20px}.ab-modal-title{color:#f87171;font-size:1.5rem;font-weight:900;letter-spacing:2px;text-transform:uppercase}.ab-modal-msg{color:#e2e8f0;font-size:1rem;line-height:1.5}.ab-modal-btn{background:#ef444433;border:1px solid var(--color-danger);color:#fff;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.ab-modal-btn:hover{background:var(--color-danger);box-shadow:0 0 15px #ef444499}.custom-cost{color:var(--color-protoss);display:flex;gap:2px}.default-cost{color:var(--color-text-dim)}.draft-roster-section-header{font-size:10px;color:var(--color-text-dim);font-weight:700;margin-bottom:5px;margin-top:5px}.units-spec{margin-top:15px}.ab-abilities-container{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.ab-tooltip-text{white-space:pre-wrap}.ab-pill-small{font-size:9px;padding:2px 6px}.hud-line.spaced{margin:20px 0;border-bottom:1px solid var(--color-border);width:100%}.hud-line.spacer-line{width:80%;opacity:.3;margin-top:20px}.draft-grid-wrapper{position:relative;display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}.card-inner-block{pointer-events:none;width:100%;height:100%;display:flex;justify-content:center}.card-eye-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;background:#000c;border:1px solid #475569;width:40px;height:30px;border-radius:4px;display:flex;justify-content:center;align-items:center}.draft-instruction-meta{font-size:14px;color:var(--color-text-dim);letter-spacing:1px;margin-bottom:5px}.draft-instruction-title{font-size:24px;font-weight:700;margin-bottom:5px}.draft-instruction-subtitle{font-size:18px;color:#e2e8f0;font-weight:700}.draft-instruction-desc{font-size:12px;color:#64748b;margin-top:5px;font-style:italic}.dice-flex-row{display:flex}.dice-instruction-text{font-size:18px;color:#e2e8f0}.dice-board-layout{display:flex;align-items:center;gap:40px;margin-bottom:40px}.dice-player-col{display:flex;flex-direction:column;align-items:center}.dice-player-name{font-size:24px;font-weight:700;color:#cbd5e1;margin-bottom:10px}.dice-player-score{font-size:32px;font-weight:700;color:#e2e8f0;margin-top:10px;height:40px}.dice-vs-text{font-size:24px;color:#64748b;font-weight:700}.action-area-msg{font-size:24px;font-weight:700;margin-bottom:10px}.action-area-msg.rolling-pulse{font-size:20px;color:var(--color-protoss);animation:pulse .6s infinite}.action-area-msg.is-draw{color:var(--color-protoss)}.action-area-msg.is-win{color:var(--color-success)}.action-area-msg-container{text-align:center;margin-top:20px}.dice-spacer{height:50px}.selection-player-neutral{--color-current-player: var(--color-player-neutral);color:var(--color-player-neutral)}.selection-center{text-align:center}.selection-subtitle{margin-top:20px;color:var(--color-text-dim);font-style:italic;font-size:14px}.draft-summary-container{text-align:center;padding:50px}.draft-summary-title{color:var(--color-success)}.draft-summary-msg{color:#cbd5e1;margin-top:20px}.ab-card-roster-item{display:flex;justify-content:space-between;align-items:center;background:#1e293bb3;border:1px solid rgba(148,163,184,.2);border-radius:4px;padding:6px 10px;margin-bottom:5px;position:relative;overflow:visible}.ab-card-roster-item.theme-terran{border-left:4px solid var(--faction-terran)}.ab-card-roster-item.theme-zerg{border-left:4px solid var(--faction-zerg)}.ab-card-roster-item.theme-protoss{border-left:4px solid var(--faction-protoss)}.ab-card-roster-item.theme-neutral{border-left:4px solid #64748b}.ab-card-roster-info{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.ab-card-roster-title{font-weight:600;color:var(--color-text-main);font-size:.85rem}.fac-act-pill{display:inline-block;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800;text-transform:uppercase;border:1px solid transparent;margin-left:5px;white-space:nowrap}.pill-passive{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.pill-active{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.pill-reaction{color:#facc15;background:#facc151a;border-color:#facc154d}.pill-default{color:#94a3b8;background:#94a3b81a;border-color:#94a3b84d}.impact-badge{display:inline-block;padding:2px 6px;background:#f59e0b33;border:1px solid #f59e0b;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.precognition-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #c084fc;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.titan-killers-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.shield-overcharge-badge,.combat-shield-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.guardian-shield-badge{display:inline-block;padding:2px 6px;background:#0ea5e933;border:1px solid #38bdf8;border-radius:4px;color:#bae6fd;font-size:.85em;font-weight:700}.hallucination-badge{display:inline-block;padding:2px 6px;background:#ec489933;border:1px solid #f472b6;border-radius:4px;color:#fbcfe8;font-size:.85em;font-weight:700}.pdd-badge{display:inline-block;padding:2px 6px;background:#22c55e33;border:1px solid #4ade80;border-radius:4px;color:#bbf7d0;font-size:.85em;font-weight:700}.concussive-shells-badge{display:inline-block;padding:2px 6px;background:#f9731633;border:1px solid #fb923c;border-radius:4px;color:#fed7aa;font-size:.85em;font-weight:700}.debilitating-saliva-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.debilitating-saliva-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #10b981;border-radius:2px;font-size:.95em;color:#6ee7b7}.optical-flare-badge{display:inline-block;padding:2px 6px;background:#fbbf2433;border:1px solid #f59e0b;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.a13-launcher-badge{display:inline-block;padding:2px 6px;background:#f59e0b33;border:1px solid #f59e0b;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.advanced-medic-badge{display:inline-block;padding:2px 6px;background:#38bdf833;border:1px solid #38bdf8;border-radius:4px;color:#bae6fd;font-size:.85em;font-weight:700}.raiders-roll-badge{display:inline-block;padding:2px 6px;background:#f43f5e33;border:1px solid #f43f5e;border-radius:4px;color:#fecdd3;font-size:.85em;font-weight:700}.fury-of-nerazim-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #c084fc;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.we-stand-as-one-badge,.veteran-of-tarsonis-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.veteran-of-tarsonis-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #3b82f6;border-radius:2px;font-size:.95em;color:#93c5fd}.metabolic-boost-badge{display:inline-block;padding:2px 6px;background:#eab30833;border:1px solid #eab308;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.target-lock-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.domineering-presence-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #c084fc;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.freedom-fighters-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.leap-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.leap-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #10b981;border-radius:2px;font-size:.95em;color:#6ee7b7}.charge-badge{display:inline-block;padding:2px 6px;background:#eab30833;border:1px solid #eab308;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.charge-annotation{display:block;padding:4px 8px;background:#eab30833;border-left:3px solid #eab308;border-radius:2px;font-size:.95em;color:#fef08a}.squadron-badge{display:inline-block;padding:2px 6px;background:#f59e0b33;border:1px solid #f59e0b;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.medpack-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.stabilizer-medpacks-badge{display:inline-block;padding:2px 6px;background:#0ea5e933;border:1px solid #0ea5e9;border-radius:4px;color:#7dd3fc;font-size:.85em;font-weight:700}.restoration-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #c084fc;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.zealous-round-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.zealous-round-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #3b82f6;border-radius:2px;font-size:.95em;color:#93c5fd}.regeneration-badge{display:inline-block;padding:2px 6px;background:#22c55e33;border:1px solid #22c55e;border-radius:4px;color:#86efac;font-size:.85em;font-weight:700}.solid-field-projectors-badge{display:inline-block;padding:2px 6px;background:#06b6d433;border:1px solid #06b6d4;border-radius:4px;color:#67e8f9;font-size:.85em;font-weight:700}.solid-field-projectors-annotation{display:block;padding:4px 8px;background:#06b6d433;border-left:3px solid #06b6d4;border-radius:2px;font-size:.95em;color:#67e8f9}.creep-speed-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #a855f7;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.creep-speed-annotation{display:block;padding:4px 8px;background:#a855f733;border-left:3px solid #a855f7;border-radius:2px;font-size:.95em;color:#e9d5ff}.zergling-reconstitution-badge{display:inline-block;padding:2px 6px;background:#84cc1633;border:1px solid #84cc16;border-radius:4px;color:#bef264;font-size:.85em;font-weight:700}.zergling-reconstitution-annotation{display:block;padding:4px 8px;background:#84cc1633;border-left:3px solid #84cc16;border-radius:2px;font-size:.95em;color:#bef264}.spawn-creep-tumor-badge{display:inline-block;padding:2px 6px;background:#c026d333;border:1px solid #c026d3;border-radius:4px;color:#f5d0fe;font-size:.85em;font-weight:700}.spawn-creep-tumor-annotation{display:block;padding:4px 8px;background:#c026d333;border-left:3px solid #c026d3;border-radius:2px;font-size:.95em;color:#f5d0fe}.mutating-carapace-badge{display:inline-block;padding:2px 6px;background:#14b8a633;border:1px solid #14b8a6;border-radius:4px;color:#5eead4;font-size:.85em;font-weight:700}.mutating-carapace-annotation{display:block;padding:4px 8px;background:#14b8a633;border-left:3px solid #14b8a6;border-radius:2px;font-size:.95em;color:#5eead4}.infantry-weapons-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.infantry-weapons-annotation{display:block;padding:4px 8px;background:#ef444433;border-left:3px solid #ef4444;border-radius:2px;font-size:.95em;color:#fca5a5}.tactical-retreat-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.tactical-retreat-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #3b82f6;border-radius:2px;font-size:.95em;color:#93c5fd}.weapons-of-the-firstborn-badge{display:inline-block;padding:2px 6px;background:#06b6d433;border:1px solid #06b6d4;border-radius:4px;color:#a5f3fc;font-size:.85em;font-weight:700}.weapons-of-the-firstborn-annotation{display:block;padding:4px 8px;background:#06b6d433;border-left:3px solid #06b6d4;border-radius:2px;font-size:.95em;color:#a5f3fc}.missile-attacks-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.missile-attacks-annotation{display:block;padding:4px 8px;background:#ef444433;border-left:3px solid #ef4444;border-radius:2px;font-size:.95em;color:#fca5a5}.predation-badge{display:inline-block;padding:2px 6px;background:#dc262633;border:1px solid #dc2626;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.predation-annotation{display:block;padding:4px 8px;background:#dc262633;border-left:3px solid #dc2626;border-radius:2px;font-size:.95em;color:#fca5a5}.brood-instinct-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.brood-instinct-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #10b981;border-radius:2px;font-size:.95em;color:#6ee7b7}.vehicle-weapons-badge{display:inline-block;padding:2px 6px;background:#f59e0b33;border:1px solid #f59e0b;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.vehicle-weapons-annotation{display:block;padding:4px 8px;background:#f59e0b33;border-left:3px solid #f59e0b;border-radius:2px;font-size:.95em;color:#fde68a}.vehicle-plating-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.vehicle-plating-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #3b82f6;border-radius:2px;font-size:.95em;color:#93c5fd}.infantry-armor-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.infantry-armor-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #10b981;border-radius:2px;font-size:.95em;color:#6ee7b7}.ground-weapons-badge{display:inline-block;padding:2px 6px;background:#eab30833;border:1px solid #eab308;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.ground-weapons-annotation{display:block;padding:4px 8px;background:#eab30833;border-left:3px solid #eab308;border-radius:2px;font-size:.95em;color:#fef08a}.ground-armor-badge{display:inline-block;padding:2px 6px;background:#6366f133;border:1px solid #6366f1;border-radius:4px;color:#c7d2fe;font-size:.85em;font-weight:700}.ground-armor-annotation{display:block;padding:4px 8px;background:#6366f133;border-left:3px solid #6366f1;border-radius:2px;font-size:.95em;color:#c7d2fe}.extended-claws-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.extended-claws-annotation{display:block;padding:4px 8px;background:#ef444433;border-left:3px solid #ef4444;border-radius:2px;font-size:.95em;color:#fca5a5}.carapace-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.carapace-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #10b981;border-radius:2px;font-size:.95em;color:#6ee7b7}.field-repair-badge{display:inline-block;padding:2px 6px;background:#0ea5e933;border:1px solid #0ea5e9;border-radius:4px;color:#7dd3fc;font-size:.85em;font-weight:700}.field-repair-annotation{display:block;padding:4px 8px;background:#0ea5e933;border-left:3px solid #0ea5e9;border-radius:2px;font-size:.95em;color:#7dd3fc}.quick-strikes-badge{display:inline-block;padding:2px 6px;background:#eab30833;border:1px solid #eab308;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.quick-strikes-annotation{display:block;padding:4px 8px;background:#eab30833;border-left:3px solid #eab308;border-radius:2px;font-size:.95em;color:#fef08a}.advanced-training-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #c084fc;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.advanced-training-annotation{display:block;padding:4px 8px;background:#a855f733;border-left:3px solid #c084fc;border-radius:2px;font-size:.95em;color:#e9d5ff}.stimpack-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.stimpack-annotation{display:block;padding:4px 8px;background:#ef444433;border-left:3px solid #ef4444;border-radius:2px;font-size:.95em;color:#fca5a5}.siege-mode-badge{display:inline-block;padding:2px 6px;background:#dc262633;border:1px solid #dc2626;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.siege-mode-annotation{display:block;padding:4px 8px;background:#dc262633;border-left:3px solid #dc2626;border-radius:2px;font-size:.95em;color:#fca5a5}.burrow-badge{display:inline-block;padding:2px 6px;background:#b4530933;border:1px solid #d97706;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.burrow-annotation{display:block;padding:4px 8px;background:#b4530933;border-left:3px solid #d97706;border-radius:2px;font-size:.95em;color:#fde68a}.plasma-recharge-badge{display:inline-block;padding:2px 6px;background:#0ea5e933;border:1px solid #0284c7;border-radius:4px;color:#7dd3fc;font-size:.85em;font-weight:700}.plasma-recharge-annotation{display:block;padding:4px 8px;background:#0ea5e933;border-left:3px solid #0284c7;border-radius:2px;font-size:.95em;color:#7dd3fc}.cloaking-field-badge{display:inline-block;padding:2px 6px;background:#9333ea33;border:1px solid #9333ea;border-radius:4px;color:#d8b4fe;font-size:.85em;font-weight:700}.cloaking-field-annotation{display:block;padding:4px 8px;background:#9333ea33;border-left:3px solid #9333ea;border-radius:2px;font-size:.95em;color:#d8b4fe}.guardian-shell-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #2563eb;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.guardian-shell-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #2563eb;border-radius:2px;font-size:.95em;color:#93c5fd}.feral-rage-badge{display:inline-block;padding:2px 6px;background:#dc262633;border:1px solid #dc2626;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.feral-rage-annotation{display:block;padding:4px 8px;background:#dc262633;border-left:3px solid #dc2626;border-radius:2px;font-size:.95em;color:#fca5a5}.lets-have-a-blast-badge{display:inline-block;padding:2px 6px;background:#f59e0b33;border:1px solid #f59e0b;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.lets-have-a-blast-annotation{display:block;padding:4px 8px;background:#f59e0b33;border-left:3px solid #f59e0b;border-radius:2px;font-size:.95em;color:#fde68a}.go-go-go-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.go-go-go-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #10b981;border-radius:2px;font-size:.95em;color:#6ee7b7}.phase-ability-badge{display:inline-block;padding:2px 6px;background:#0ea5e933;border:1px solid #0284c7;border-radius:4px;color:#7dd3fc;font-size:.85em;font-weight:700}.phase-ability-annotation{display:block;padding:4px 8px;background:#0ea5e933;border-left:3px solid #0284c7;border-radius:2px;font-size:.95em;color:#7dd3fc}.photon-overcharge-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #9333ea;border-radius:4px;color:#d8b4fe;font-size:.85em;font-weight:700}.photon-overcharge-annotation{display:block;padding:4px 8px;background:#a855f733;border-left:3px solid #9333ea;border-radius:2px;font-size:.95em;color:#d8b4fe}.strategic-recall-badge{display:inline-block;padding:2px 6px;background:#06b6d433;border:1px solid #0891b2;border-radius:4px;color:#67e8f9;font-size:.85em;font-weight:700}.strategic-recall-annotation{display:block;padding:4px 8px;background:#06b6d433;border-left:3px solid #0891b2;border-radius:2px;font-size:.95em;color:#67e8f9}.ancient-pride-badge{display:inline-block;padding:2px 6px;background:#eab30833;border:1px solid #ca8a04;border-radius:4px;color:#fde047;font-size:.85em;font-weight:700}.ancient-pride-annotation{display:block;padding:4px 8px;background:#eab30833;border-left:3px solid #ca8a04;border-radius:2px;font-size:.95em;color:#fde047}.gravitic-boosters-badge{display:inline-block;padding:2px 6px;background:#6366f133;border:1px solid #6366f1;border-radius:4px;color:#a5b4fc;font-size:.85em;font-weight:700}.gravitic-boosters-annotation{display:block;padding:4px 8px;background:#6366f133;border-left:3px solid #6366f1;border-radius:2px;font-size:.95em;color:#a5b4fc}.pneumatized-carapace-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #059669;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.pneumatized-carapace-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #059669;border-radius:2px;font-size:.95em;color:#6ee7b7}.veil-of-shadows-badge{display:inline-block;padding:2px 6px;background:#8b5cf633;border:1px solid #7c3aed;border-radius:4px;color:#c4b5fd;font-size:.85em;font-weight:700}.veil-of-shadows-annotation{display:block;padding:4px 8px;background:#8b5cf633;border-left:3px solid #7c3aed;border-radius:2px;font-size:.95em;color:#c4b5fd}.additional-supply-depots-badge{display:inline-block;padding:2px 6px;background:#f59e0b33;border:1px solid #d97706;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.additional-supply-depots-annotation{display:block;padding:4px 8px;background:#f59e0b33;border-left:3px solid #d97706;border-radius:2px;font-size:.95em;color:#fde68a}.dae-uhl-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #2563eb;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.dae-uhl-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #2563eb;border-radius:2px;font-size:.95em;color:#93c5fd}.nasty-surprise-badge{display:inline-block;padding:2px 6px;background:#b4530933;border:1px solid #d97706;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.nasty-surprise-annotation{display:block;padding:4px 8px;background:#b4530933;border-left:3px solid #d97706;border-radius:2px;font-size:.95em;color:#fde68a}.armed-and-ready-badge{display:inline-block;padding:2px 6px;background:#10b98133;border:1px solid #10b981;border-radius:4px;color:#6ee7b7;font-size:.85em;font-weight:700}.armed-and-ready-annotation{display:block;padding:4px 8px;background:#10b98133;border-left:3px solid #10b981;border-radius:2px;font-size:.95em;color:#6ee7b7}.mass-recall-badge{display:inline-block;padding:2px 6px;background:#0ea5e933;border:1px solid #0284c7;border-radius:4px;color:#7dd3fc;font-size:.85em;font-weight:700}.mass-recall-annotation{display:block;padding:4px 8px;background:#0ea5e933;border-left:3px solid #0284c7;border-radius:2px;font-size:.95em;color:#7dd3fc}.strap-in-badge{display:inline-block;padding:2px 6px;background:#6366f133;border:1px solid #6366f1;border-radius:4px;color:#c7d2fe;font-size:.85em;font-weight:700}.strap-in-annotation{display:block;padding:4px 8px;background:#6366f133;border-left:3px solid #6366f1;border-radius:2px;font-size:.95em;color:#c7d2fe}.lie-in-wait-badge{display:inline-block;padding:2px 6px;background:#b4530933;border:1px solid #d97706;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.lie-in-wait-annotation{display:block;padding:4px 8px;background:#b4530933;border-left:3px solid #d97706;border-radius:2px;font-size:.95em;color:#fde68a}.phase-badge,.phase-boost-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #9333ea;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.phase-annotation,.phase-boost-annotation{display:block;padding:4px 8px;background:#a855f733;border-left:3px solid #9333ea;border-radius:2px;font-size:.95em;color:#e9d5ff}.speed-on-creep-badge{display:inline-block;padding:2px 6px;background:#22c55e33;border:1px solid #22c55e;border-radius:4px;color:#86efac;font-size:.85em;font-weight:700}.speed-on-creep-annotation{display:block;padding:4px 8px;background:#22c55e33;border-left:3px solid #22c55e;border-radius:2px;font-size:.95em;color:#86efac}.living-glob-of-tissue-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #a855f7;border-radius:4px;color:#d8b4fe;font-size:.85em;font-weight:700}.living-glob-of-tissue-annotation{display:block;padding:4px 8px;background:#a855f733;border-left:3px solid #a855f7;border-radius:2px;font-size:.95em;color:#d8b4fe}.creep-removal-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.creep-removal-annotation{display:block;padding:4px 8px;background:#ef444433;border-left:3px solid #ef4444;border-radius:2px;font-size:.95em;color:#fca5a5}.creep-spread-badge{display:inline-block;padding:2px 6px;background:#22c55e33;border:1px solid #16a34a;border-radius:4px;color:#86efac;font-size:.85em;font-weight:700}.creep-spread-annotation{display:block;padding:4px 8px;background:#22c55e33;border-left:3px solid #16a34a;border-radius:2px;font-size:.95em;color:#86efac}.malevolent-matriarch-badge{display:inline-block;padding:2px 6px;background:#f59e0b33;border:1px solid #f59e0b;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.malevolent-matriarch-annotation{display:block;padding:4px 8px;background:#f59e0b33;border-left:3px solid #f59e0b;border-radius:2px;font-size:.95em;color:#fde68a}.wild-mutation-badge{display:inline-block;padding:2px 6px;background:#8b5cf633;border:1px solid #8b5cf6;border-radius:4px;color:#c4b5fd;font-size:.85em;font-weight:700}.wild-mutation-annotation{display:block;padding:4px 8px;background:#8b5cf633;border-left:3px solid #8b5cf6;border-radius:2px;font-size:.95em;color:#c4b5fd}.rapid-burrowing-badge{display:inline-block;padding:2px 6px;background:#b4530933;border:1px solid #d97706;border-radius:4px;color:#fde68a;font-size:.85em;font-weight:700}.rapid-burrowing-annotation{display:block;padding:4px 8px;background:#b4530933;border-left:3px solid #d97706;border-radius:2px;font-size:.95em;color:#fde68a}.surveillance-badge{display:inline-block;padding:2px 6px;background:#06b6d433;border:1px solid #06b6d4;border-radius:4px;color:#67e8f9;font-size:.85em;font-weight:700}.surveillance-annotation{display:block;padding:4px 8px;background:#06b6d433;border-left:3px solid #06b6d4;border-radius:2px;font-size:.95em;color:#67e8f9}.scanner-sweep-badge{display:inline-block;padding:2px 6px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:.85em;font-weight:700}.scanner-sweep-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #3b82f6;border-radius:2px;font-size:.95em;color:#93c5fd}.oversight-mode-badge{display:inline-block;padding:2px 6px;background:#a855f733;border:1px solid #a855f7;border-radius:4px;color:#e9d5ff;font-size:.85em;font-weight:700}.oversight-mode-annotation{display:block;padding:4px 8px;background:#a855f733;border-left:3px solid #a855f7;border-radius:2px;font-size:.95em;color:#e9d5ff}.timing-push-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85em;font-weight:700}.timing-push-annotation{display:block;padding:4px 8px;background:#ef444433;border-left:3px solid #ef4444;border-radius:2px;font-size:.95em;color:#fca5a5}.terran-tenacity-badge{display:inline-block;padding:2px 6px;background:#eab30833;border:1px solid #eab308;border-radius:4px;color:#fef08a;font-size:.85em;font-weight:700}.terran-tenacity-annotation{display:block;padding:4px 8px;background:#eab30833;border-left:3px solid #eab308;border-radius:2px;font-size:.95em;color:#fef08a}.warp-in-badge{display:inline-block;padding:2px 6px;background:#6366f133;border:1px solid #6366f1;border-radius:4px;color:#c7d2fe;font-size:.85em;font-weight:700}.warp-in-annotation{display:block;padding:4px 8px;background:#6366f133;border-left:3px solid #6366f1;border-radius:2px;font-size:.95em;color:#c7d2fe}.ready-for-dust-off-badge{background:#3b82f640;border:1px solid #3b82f6;color:#93c5fd}.ventral-sacs-badge{background:#a855f740;border:1px solid #a855f7;color:#d8b4fe}.warp-conduit-badge{background:#eab30840;border:1px solid #eab308;color:#fde047}.omega-network-badge,.omega-worm-summon-badge{background:#ef444440;border:1px solid #ef4444;color:#fca5a5}.pylon-warp-in-badge,.pylon-summon-badge{background:#06b6d440;border:1px solid #06b6d4;color:#67e8f9}.rapid-ingress-badge{background:#f9731640;border:1px solid #f97316;color:#fdba74}.ready-for-pickup-badge{display:inline-block;padding:2px 6px;background:#0ea5e940;border:1px solid #0ea5e9;border-radius:4px;color:#7dd3fc;font-size:.85em;font-weight:700}.ready-for-pickup-annotation{display:block;padding:4px 8px;background:#0ea5e933;border-left:3px solid #0ea5e9;border-radius:2px;font-size:.95em;color:#7dd3fc}.bound-by-the-khala-badge{background:#4ade8040;border:1px solid #4ade80;color:#86efac}.excrete-creep-badge,.zerg-creep-badge{background:#a855f740;border:1px solid #a855f7;color:#d8b4fe}.point-defence-drone-summon-badge{background:#facc1540;border:1px solid #facc15;color:#fef08a}.omega-worm-badge{background:#ef444440;border:1px solid #ef4444;color:#fca5a5}.pylon-badge{background:#06b6d440;border:1px solid #06b6d4;color:#67e8f9}.point-defence-drone-badge{background:#facc1540;border:1px solid #facc15;color:#fef08a}.source-of-creep-badge{background:#a855f740;border:1px solid #a855f7;color:#e9d5ff}.khalai-ingenuity-badge{background:#eab30840;border:1px solid #eab308;color:#fef08a}.structure-badge{background:#64748b40;border:1px solid #94a3b8;color:#cbd5e1}.detection-badge{background:#06b6d440;border:1px solid #06b6d4;color:#67e8f9}.zealous-charge-badge{display:inline-block;padding:2px 6px;background:#3b82f640;border:1px solid #3b82f6;border-radius:4px;color:#93c5fd;font-size:10px;font-weight:700}.zealous-charge-annotation{display:block;padding:4px 8px;background:#3b82f633;border-left:3px solid #3b82f6;border-radius:2px;font-size:.95em;color:#93c5fd;font-weight:700}#mm-ai-replay-select{background:#0f172a;color:#67e8f9;border:1px solid rgba(6,182,212,.55);border-radius:4px;padding:8px 10px;font-family:monospace;font-size:12px;width:100%;cursor:pointer}#mm-watch-ai-replay-btn{width:100%;border-color:#22d3ee!important;color:#67e8f9!important}#replay-viewer-overlay{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:50;background:#0f172af0;border:1px solid rgba(6,182,212,.65);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:7px;color:#f8fafc;box-shadow:0 4px 25px #06b6d459;backdrop-filter:blur(8px);pointer-events:auto;min-width:560px;max-width:92%}#replay-viewer-overlay.hidden{display:none!important}#replay-viewer-overlay>div{display:flex;align-items:center;justify-content:space-between;gap:10px}#replay-viewer-overlay>div>div{display:flex;align-items:center;gap:8px}#rv-r1,#rv-prev,#rv-btn-prev,#rv-play,#rv-btn-play,#rv-next,#rv-btn-next,#rv-close{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:30px;padding:0 8px;border-radius:5px;background:#1e293b;border:1px solid #475569;color:#e2e8f0;font-family:monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}#rv-r1{background:#78350fbf;border-color:#d97706;color:#fcd34d}#rv-r1:hover{background:#92400ef2}#rv-play,#rv-btn-play{background:#155e75d9;border-color:#06b6d4;color:#a5f3fc;min-width:34px}#rv-play:hover,#rv-btn-play:hover{background:#0e7490}#rv-prev:hover:not(:disabled),#rv-btn-prev:hover:not(:disabled),#rv-next:hover:not(:disabled),#rv-btn-next:hover:not(:disabled){background:#334155;border-color:#38bdf8}#rv-prev:disabled,#rv-btn-prev:disabled,#rv-next:disabled,#rv-btn-next:disabled{opacity:.4;cursor:not-allowed}#rv-close{background:transparent;border-color:transparent;color:#94a3b8}#rv-close:hover{background:#7f1d1da6;color:#f87171}#rv-speed{background:#0f172a;border:1px solid #475569;border-radius:4px;padding:3px 6px;color:#e2e8f0;font-family:monospace;font-size:11px;cursor:pointer}#rv-slider{width:100%;accent-color:#22d3ee;cursor:pointer;height:6px}#rv-action-summary{color:#fcd34d;font-family:monospace;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#rv-log-line{color:#94a3b8;font-family:monospace;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;text-align:right}#replay-inspector-content{font-family:monospace;font-size:11px;color:#cbd5e1}#replay-inspector-content [data-ri-idx]{border-bottom:1px solid rgba(51,65,85,.55);border-left:3px solid transparent;padding:4px 6px;cursor:pointer;transition:background .12s ease}#replay-inspector-content [data-ri-idx]:hover{background:#33415566}#replay-inspector-content [data-ri-idx]>div:first-child{display:flex;align-items:center;gap:6px}#replay-inspector-content [data-ri-idx].border-amber-400{border-left-color:#fbbf24;background:#083344b3}.roster-panel{padding:6px;font-size:11px}#game-rosters{gap:6px!important}.roster-panel .unit-card{padding:6px;font-size:11px}.roster-panel .unit-header,.roster-panel .unit-title{font-size:11px}.roster-panel .ability-row,.roster-panel .unit-stats,.roster-panel .badge{font-size:10px}