:root{--bg: #0a0c0f;--bg-elevated: #111318;--panel: rgba(14, 17, 22, .94);--panel-deep: #0c0e12;--border: rgba(62, 70, 82, .65);--metal: #2a3038;--metal-light: #3d4552;--cyan: #00f2ff;--cyan-dim: rgba(0, 242, 255, .45);--cyan-glow: rgba(0, 242, 255, .18);--amber: #ff9900;--amber-dim: rgba(255, 153, 0, .45);--amber-glow: rgba(255, 153, 0, .16);--protoss: #00f2ff;--terran: #ff9900;--zerg: #ce93d8;--accent: var(--cyan);--accent-warm: var(--amber);--danger: #ff5252;--text: #e8eaef;--text-silver: #c8cdd6;--muted: #8a929e;--scrollbar-track: #0c0e12;--scrollbar-thumb: #2a3038;--scrollbar-thumb-hover: #3a4552;--scrollbar-thumb-active: #4a5568;--hex-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' stroke='%23242830' stroke-width='0.7'%3E%3Cpath d='M14 1 L27 8.5 V23.5 L14 31 L1 23.5 V8.5 Z'/%3E%3Cpath d='M14 18 L27 25.5 V40.5 L14 48 L1 40.5 V25.5 Z'/%3E%3C/g%3E%3C/svg%3E");--font-display: "Orbitron", sans-serif;--font-ui: "Rajdhani", system-ui, sans-serif;--heading-gradient: linear-gradient( 90deg, var(--cyan) 0%, var(--text-silver) 45%, var(--amber) 100% );font-family:var(--font-ui);color:var(--text);background:var(--bg);line-height:1.45}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb-hover) 0%,var(--scrollbar-thumb) 100%);border-radius:999px;border:2px solid var(--scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:#14161a}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}html{min-height:100%}body{margin:0;min-height:100vh;position:relative;background-color:var(--bg);background-image:radial-gradient(ellipse 50% 42% at 6% 28%,var(--cyan-glow) 0%,transparent 58%),radial-gradient(ellipse 50% 42% at 94% 28%,var(--amber-glow) 0%,transparent 58%),radial-gradient(ellipse 90% 55% at 50% -8%,rgba(28,32,40,.85) 0%,transparent 68%),linear-gradient(180deg,#080a0d,#0a0c0f 35%,#111318);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;background-image:var(--hex-pattern);background-size:28px 49px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px)}h1,h2,.logo{font-family:var(--font-display);letter-spacing:.04em}.panel-heading{display:inline-block;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.04em;line-height:1.35;margin:0 0 .65rem;background:var(--heading-gradient);background-repeat:no-repeat;background-size:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.panel-heading-inline{margin:0;flex:0 1 auto;min-width:0;max-width:100%}.panel-section-toggle .panel-heading,.capture-section-toggle .panel-heading,.capture-history-toggle .panel-heading{display:inline-block;background:var(--heading-gradient);background-repeat:no-repeat;background-size:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.panel-subheading{display:block;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem}.panel-section{margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid rgba(70,78,90,.45)}.panel-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.panel-section-toggle,.capture-section-toggle,.capture-history-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.15rem 0;border:none;background:transparent;text-align:left;cursor:pointer}.panel-section-toggle:hover .panel-heading,.capture-section-toggle:hover .panel-heading,.capture-history-toggle:hover .panel-heading{filter:brightness(1.12)}.panel-section-body,.capture-section-body{margin-top:.65rem}.panel-section-body-collapsed,.capture-section-body-collapsed{display:none}.panel-section-chevron,.capture-history-chevron{color:var(--muted);font-size:.75rem;flex-shrink:0}.panel-section-status,.capture-section-status{margin-left:auto;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--muted);padding:.15rem .45rem;border-radius:999px;background:#161a20f2;border:1px solid rgba(70,78,90,.5)}.panel-section-status-live,.capture-section-status-live{color:var(--accent);border-color:#05d57759;box-shadow:0 0 10px #05d5771f}.panel-section-count,.capture-history-count{margin-left:auto;font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--muted);background:#161a20f2;border:1px solid rgba(70,78,90,.5);padding:.15rem .45rem;border-radius:999px}.panel-section-nested{margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(70,78,90,.45)}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--cyan-dim);outline-offset:2px}.app{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.5rem}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0;padding-bottom:1rem;background:linear-gradient(90deg,#00f2ff73,#464e5a40,#ff990073) bottom / 100% 1px no-repeat}.logo{margin:0;line-height:0}.logo-img{display:block;width:auto;max-width:min(100%,26rem);height:auto;max-height:14rem;object-fit:contain;object-position:left center}@media(max-width:640px){.logo-img{max-width:min(100%,21rem);max-height:11.5rem}}.subtitle{color:var(--text-silver);margin:.35rem 0 0;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 18px rgba(0,242,255,.12)}.header-slogan{margin:1.1rem 0 1.6rem;font-size:1.65rem;font-weight:600;letter-spacing:.05em;line-height:1.35;text-align:center;background:var(--heading-gradient);background-repeat:no-repeat;background-size:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 16px rgba(0,242,255,.12))}@media(max-width:640px){.header-slogan{font-size:1.25rem;letter-spacing:.03em;margin:.9rem 0 1.35rem}}.download-app{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.25rem;margin:0 0 1.5rem;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#080c12b8}.download-app-hero{margin-bottom:1.75rem;padding:1.25rem 1.35rem;border-color:#d4b87a47;background:linear-gradient(135deg,#d4b87a14,#080c12d9)}.download-app-compact{padding:.75rem 1rem}.download-app-copy{flex:1 1 280px;min-width:0}.download-app-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:#d4b87a}.download-app-text,.download-app-note,.download-app-version{margin:0;font-size:.92rem;color:var(--muted);line-height:1.45}.download-app-note{margin-top:.35rem;font-size:.85rem}.download-app-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.download-app-btn{text-decoration:none}.download-app-status{font-size:.88rem;color:var(--muted)}.download-app-version{flex-basis:100%;margin-top:.15rem;font-size:.78rem}.app-update-banner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1rem;margin:0 0 1rem;padding:.95rem 1.1rem;overflow:hidden;border:1px solid rgba(126,200,160,.35);border-radius:12px;background:linear-gradient(135deg,#7ec8a01f,#080c12e6)}.app-update-copy{flex:1 1 260px;min-width:0}.app-update-title{display:block;margin-bottom:.2rem;color:#7ec8a0;font-size:.98rem}.app-update-message{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.app-update-actions{display:flex;flex-wrap:wrap;gap:.5rem}.app-update-progress{position:absolute;left:0;bottom:0;height:3px;background:#7ec8a0;transition:width .2s ease}.grid{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;align-items:start}@media(max-width:900px){.grid{grid-template-columns:1fr}}.panel{background:linear-gradient(155deg,#14181ef5,#0a0c10fa);border:1px solid rgba(55,62,74,.75);border-radius:6px;padding:1rem;box-shadow:inset 0 1px #ffffff0d,-6px 0 20px #00f2ff0a,6px 0 20px #ff99000a,0 8px 24px #00000073}.panel-coach{position:sticky;top:1rem;align-self:start;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:hidden}.panel-coach>.team-selection{flex-shrink:0}.panel-coach>.suggestions{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;margin-bottom:.35rem;padding-bottom:0}.panel-coach>.status{flex-shrink:0;margin-top:0}.preview-wrap{position:relative;aspect-ratio:16 / 9;background:#050608;border-radius:4px;overflow:hidden;border:1px solid rgba(55,62,74,.75);box-shadow:inset 0 0 24px #000000a6,-3px 0 12px #00f2ff0a,3px 0 12px #ff99000a}.preview-wrap video,.preview-wrap canvas{width:100%;height:100%;object-fit:contain;display:block}.preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:1rem}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.25rem;padding:.5rem 1.05rem;border-radius:4px;border:1px solid rgba(90,98,110,.55);background:linear-gradient(180deg,#323842,#222830 52%,#181c22);color:var(--text-silver);font-weight:600;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.55);box-shadow:0 1px #ffffff14 inset,0 2px 8px #0006;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease,color .18s ease,opacity .18s ease}.btn:hover:not(:disabled){border-color:#788291b3;color:var(--text);background:linear-gradient(180deg,#3a424e,#2a303a 52%,#1e232b);box-shadow:0 1px #ffffff1a inset,0 4px 14px #00000073;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00000073 inset,0 1px 2px #0003}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.25)}.btn-primary{border-color:var(--cyan-dim);color:#dffcff;background:linear-gradient(180deg,#1a3a48,#102830 52%,#0a1c24);box-shadow:0 1px #00f2ff47 inset,0 0 0 1px #00f2ff1f,0 0 16px #00f2ff24}.btn-primary:hover:not(:disabled){border-color:var(--cyan);color:#fff;background:linear-gradient(180deg,#1f4a5c,#143240 52%,#0d2430);box-shadow:0 1px #00f2ff59 inset,0 0 20px #00f2ff47,0 4px 14px #0006}.btn-danger{border-color:#d32f2f;color:#ffcdd2;background:linear-gradient(180deg,#4a2222,#351818,#281212);box-shadow:0 1px #ff525226 inset,0 2px 10px #ff52521a}.btn-danger:hover:not(:disabled){border-color:var(--danger);color:#fff;background:linear-gradient(180deg,#5c2a2a,#451f1f,#351818);box-shadow:0 1px #ff525240 inset,0 0 14px #ff525233,0 4px 14px #00000059}.btn-mt{margin-top:.5rem}.race-picker{display:flex;gap:.4rem}.team-selection-hint{margin:0 0 .65rem;font-size:.8rem}.wave-shift-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.65rem;padding:.35rem .45rem;border-radius:4px;background:#0a0c1059;border:1px solid rgba(70,78,90,.35)}.wave-shift-row .panel-subheading{flex:0 0 3.5rem;margin:0}.wave-collapsible-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.wave-collapsible{border-radius:4px;background:#0a0c1059;border:1px solid rgba(70,78,90,.35);overflow:hidden}.wave-collapsible-toggle{display:flex;align-items:center;gap:.35rem;width:100%;padding:.4rem .45rem;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit}.wave-collapsible-label{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.wave-collapsible-summary{margin-left:auto;font-family:var(--font-ui);font-size:.62rem;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9rem}.wave-collapsible-body{padding:0 .45rem .45rem}.wave-collapsible.wave-red .wave-collapsible-label{color:#ff6b6b}.wave-collapsible.wave-amber .wave-collapsible-label{color:var(--amber)}.wave-collapsible.wave-cyan .wave-collapsible-label{color:var(--cyan)}.manual-army-actions-inline{margin-top:.35rem;padding-top:0;border-top:none}.team-wave-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr);align-items:start;gap:.35rem .5rem;margin-bottom:.5rem;padding:.4rem .45rem;border-radius:4px;background:#0a0c1059;border:1px solid rgba(70,78,90,.35)}.team-wave-row:last-of-type{margin-bottom:.65rem}.team-wave-label{padding-top:.35rem;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.team-wave-controls{display:flex;flex-direction:column;gap:.35rem;min-width:0}.team-wave-tier{display:flex;align-items:center;gap:.35rem}.team-tier-label{flex:0 0 2.25rem;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.team-wave-row.wave-red .team-wave-label{color:#ff6b6b}.team-wave-row.wave-amber .team-wave-label{color:var(--amber)}.team-wave-row.wave-cyan .team-wave-label{color:var(--cyan)}.team-wave-picker{width:100%;min-width:0}.team-selection .race-btn{min-height:1.85rem;padding:.35rem .25rem;font-size:.68rem}.wave-shift-picker{display:flex;flex:1;gap:.35rem;min-width:0}.wave-shift-btn{flex:1;min-height:2rem;padding:.4rem .5rem;border-radius:4px;border:1px solid rgba(70,78,90,.65);background:linear-gradient(180deg,#222830,#161a20);color:var(--muted);font-weight:600;font-size:.75rem;letter-spacing:.04em;cursor:pointer;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease}.wave-shift-btn:hover{color:var(--text-silver);border-color:#00f2ff59}.wave-shift-btn.active{color:var(--cyan);border-color:#00f2ff80;box-shadow:0 0 10px #00f2ff1f}.team-shift-hint{margin-top:.45rem;margin-bottom:0}.suggestion-team-wave{font-size:.78rem;font-weight:600;color:var(--muted)}.counter-tier-badge{display:inline-flex;align-items:center;margin-left:.35rem;padding:.05rem .35rem;border-radius:3px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#161a20d9;border:1px solid rgba(70,78,90,.55);vertical-align:middle}.counter-tier-budget{color:var(--amber);border-color:#ff990073;background:#ff99001a}.enemy-tier-badge{color:var(--text-silver)}.build-alt-option .counter-tier-badge{margin-left:.25rem}.counter-tier-locked{color:var(--muted);border-color:#464e5a66;background:#161a2099}.coverage-badge{display:inline-flex;align-items:center;margin-left:.35rem;padding:.05rem .4rem;border-radius:3px;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.coverage-badge-sm{margin-left:.25rem;font-size:.58rem}.coverage-covered{color:#6ee7a0;background:#2ea0601f;border:1px solid rgba(46,160,96,.35)}.coverage-partial{color:var(--amber);background:#ff99001a;border:1px solid rgba(255,153,0,.35)}.coverage-uncovered{color:#ff8a8a;background:#dc50501a;border:1px solid rgba(220,80,80,.3)}.coverage-summary{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.coverage-summary-item{font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:3px}.build-owned-hint{display:block;margin-top:.2rem;font-size:.72rem;color:var(--muted)}.stack-cost{margin-left:.35rem;font-size:.72rem;color:var(--muted);font-weight:500}.stack-cost-enemy{color:#e8a060}.stack-cost-build{display:inline-block;margin-left:.35rem;color:#7ec8a0}.suggestion-tech-tier{margin-left:.35rem;color:#8eb4ff}.build-best-overall{margin-top:.25rem;margin-bottom:.15rem}.build-best-overall .build-alt-label,.best-overall-tier,.stack-cost-best{color:#d4b87a}.build-locked-tier{margin-top:.35rem;opacity:.82}.build-locked-option{text-decoration:line-through;text-decoration-color:#ffffff40}.counter-paths{margin-top:.35rem}.counter-path-list{list-style:none;margin:.25rem 0 0;padding:0}.counter-path-item{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.78rem;color:var(--text-silver);border-bottom:1px solid rgba(70,78,90,.2)}.counter-path-item:last-child{border-bottom:none}.counter-path-primary{color:var(--text)}.counter-path-locked{opacity:.55}.counter-path-name{flex:1;min-width:0}.friendly-race-label{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--text-silver)}.tier-unlock-picker{display:flex;flex:1;gap:.25rem;min-width:0}.tier-unlock-btn{flex:1;min-height:1.55rem;padding:.2rem .35rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;border-radius:3px;border:1px solid rgba(70,78,90,.5);background:#161a20b3;color:var(--muted);cursor:pointer}.tier-unlock-btn:hover{color:var(--text-silver);border-color:#00c8dc4d}.tier-unlock-btn.active{color:var(--cyan);border-color:#00c8dc73;background:#00c8dc14}.suggestion-wave{margin-left:.35rem;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.race-btn{flex:1;min-height:2.1rem;padding:.45rem .5rem;border-radius:4px;border:1px solid rgba(70,78,90,.65);background:linear-gradient(180deg,#222830,#161a20);color:var(--muted);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;opacity:.72;box-shadow:0 1px #ffffff0d inset;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease,opacity .18s ease}.race-btn:hover{opacity:.95;border-color:#6e7682bf;transform:translateY(-1px)}.race-btn.active-protoss{opacity:1;border-color:var(--cyan);color:var(--cyan);background:linear-gradient(180deg,#00f2ff33,#00f2ff0f);box-shadow:0 0 14px #00f2ff38,0 1px #ffffff14 inset}.race-btn.active-terran{opacity:1;border-color:var(--amber);color:var(--amber);background:linear-gradient(180deg,#f903,#ff99000f);box-shadow:0 0 14px #f903,0 1px #ffffff14 inset}.race-btn.active-zerg{opacity:1;border-color:var(--zerg);color:var(--zerg);background:linear-gradient(180deg,#ce93d833,#ce93d80f);box-shadow:0 0 14px #ce93d833,0 1px #ffffff14 inset}.status{font-size:.85rem;color:var(--muted);margin-top:.5rem}.status.live{color:var(--cyan);text-shadow:0 0 12px rgba(0,242,255,.25)}.suggestions .suggestions-title,.suggestions .pip-bar{flex-shrink:0}.panel-section-title,.suggestions-title{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .65rem;font-size:inherit;font-weight:inherit;letter-spacing:normal;align-self:flex-start;width:auto;max-width:100%}.panel-section-title .panel-heading,.suggestions-title .panel-heading{margin:0}.manual-army-header{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.5rem}.manual-army-header .panel-section-title{margin-bottom:0}.suggestion-card{border-left:3px solid var(--cyan);padding:.6rem .75rem;margin-bottom:.6rem;background:linear-gradient(90deg,#00f2ff14,#0a0c1066);border-radius:0 4px 4px 0;box-shadow:inset 0 0 0 1px #00f2ff0f}.suggestion-card.soft{border-left-color:var(--amber);background:linear-gradient(90deg,#ff990014,#0a0c1066);box-shadow:inset 0 0 0 1px #ff99000f}.suggestion-card .enemy{font-weight:700;font-size:1.05rem}.suggestion-card .build{color:var(--cyan);font-weight:600}.suggestion-card .build-primary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.build-primary-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.build-primary-value{color:var(--cyan);font-weight:700}.build-alternatives{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin-top:.35rem;padding-top:.35rem;border-top:1px dashed rgba(70,78,90,.45)}.build-alt-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.build-alt-units{display:flex;flex-wrap:wrap;gap:.35rem .65rem;font-size:.85rem;font-weight:500;color:var(--text-silver)}.build-alt-option{padding:.12rem .4rem;border-radius:3px;background:#161a20a6;border:1px solid rgba(70,78,90,.4)}.suggestion-team-wave-row{margin-top:.3rem;font-size:.78rem;font-weight:600;color:var(--muted)}.suggestion-card .build-quantity-hint{font-size:.78rem;color:var(--muted);margin-top:.3rem;font-weight:500}.suggestion-card .build-platform-hint{font-size:.74rem;color:var(--muted);margin-top:.25rem;line-height:1.35}.suggestion-card .tip{font-size:.85rem;color:var(--muted);margin-top:.35rem}.suggestions-scroll{flex:1 1 auto;min-height:8rem;overflow-y:auto;overscroll-behavior-y:auto;padding-right:.15rem;margin-right:-.15rem}.suggestions-scroll .suggestion-card:last-child{margin-bottom:.15rem}.detected-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;flex-shrink:0}.tag{padding:.2rem .5rem;border-radius:3px;background:#161a20e6;font-size:.8rem;border:1px solid rgba(70,78,90,.65)}.manual-input{width:100%;padding:.5rem;border-radius:6px;border:1px solid var(--border);background:#0d141c;color:var(--text);margin-top:.5rem}.manual-input::placeholder{color:var(--muted)}.manual-army-races{margin-top:.25rem}.wave-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.wave-tab{flex:1;min-width:5.5rem;min-height:2.1rem;padding:.45rem .65rem;border-radius:4px;border:1px solid rgba(70,78,90,.65);background:linear-gradient(180deg,#1a1e24,#12151a);color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 1px #ffffff0a inset;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}.wave-tab:hover{color:var(--text);border-color:#6e7682bf;transform:translateY(-1px)}.wave-tab.active{color:var(--text);background:linear-gradient(180deg,#242830,#181c22)}.wave-tab.wave-red{border-color:#e539358c}.wave-tab.wave-red:hover{border-color:#e53935}.wave-tab.wave-red.active{border-color:#e53935;color:#ef9a9a;box-shadow:0 0 14px #e5393540,0 0 0 1px #e5393559 inset}.wave-tab.wave-amber{border-color:#ffb30080}.wave-tab.wave-amber:hover{border-color:#ffb300}.wave-tab.wave-amber.active{border-color:#ffb300;color:#ffe082;box-shadow:0 0 14px #ffb30038,0 0 0 1px #ffb30059 inset}.wave-tab.wave-cyan{border-color:#26c6da80}.wave-tab.wave-cyan:hover{border-color:#26c6da}.wave-tab.wave-cyan.active{border-color:#26c6da;color:#80deea;box-shadow:0 0 14px #26c6da38,0 0 0 1px #26c6da59 inset}.manual-army-grid.wave-red{border-color:#e5393573}.manual-army-grid.wave-amber{border-color:#ffb30073}.manual-army-grid.wave-cyan{border-color:#26c6da73}.manual-army-hint.wave-red strong{color:#ef9a9a}.manual-army-hint.wave-amber strong{color:#ffe082}.manual-army-hint.wave-cyan strong{color:#80deea}.tag.wave-red{border-color:#e53935;background:#e539351f}.tag.wave-amber{border-color:#ffb300;background:#ffb3001a}.tag.wave-cyan{border-color:#26c6da;background:#26c6da1a}.tag-wave-dot{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;margin-right:.3rem;vertical-align:middle;background:currentColor}.tag.wave-red .tag-wave-dot{color:#e53935}.tag.wave-amber .tag-wave-dot{color:#ffb300}.tag.wave-cyan .tag-wave-dot{color:#26c6da}.manual-army-hint{margin:0 0 .5rem;font-size:.85rem}.manual-army-hint strong{font-weight:600;color:var(--text)}.manual-army-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .65rem;padding:.45rem .5rem;border:1px solid rgba(55,62,74,.75);border-radius:4px;background:var(--panel-deep);margin-bottom:.5rem}@media(min-width:640px){.manual-army-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.manual-army-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.manual-army-tier-label{grid-column:1 / -1;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.3rem 0 .15rem;margin-top:.1rem;border-bottom:1px solid var(--border)}.manual-army-tier-label:first-child{margin-top:0;padding-top:0}.manual-army-row{display:flex;align-items:center;justify-content:space-between;gap:.35rem;font-size:.8rem;cursor:default}.manual-army-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-count-stepper{display:inline-flex;align-items:stretch;flex-shrink:0;border-radius:4px;border:1px solid rgba(90,98,110,.55);background:linear-gradient(180deg,#222830,#161a20);box-shadow:0 1px #ffffff0f inset,0 2px 6px #00000059;overflow:hidden}.unit-count-input{width:2.35rem;padding:.2rem .25rem;border:none;border-radius:0;background:#0a0c10;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.unit-count-input::-webkit-outer-spin-button,.unit-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-count-input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--cyan-dim)}.unit-count-stepper:focus-within{border-color:var(--cyan-dim);box-shadow:0 0 0 1px #00f2ff1f,0 0 10px #00f2ff1f}.unit-count-arrows{display:flex;flex-direction:column;border-left:1px solid rgba(70,78,90,.65)}.unit-count-arrow{display:flex;align-items:center;justify-content:center;width:1.2rem;flex:1;min-height:.95rem;padding:0;border:none;border-radius:0;background:linear-gradient(180deg,#323842,#222830 52%,#181c22);color:var(--muted);font-size:.42rem;line-height:1;box-shadow:none;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.unit-count-arrow+.unit-count-arrow{border-top:1px solid rgba(70,78,90,.65)}.unit-count-arrow:hover:not(:disabled){color:var(--text-silver);background:linear-gradient(180deg,#3a424e,#2a303a 52%,#1e232b);box-shadow:inset 0 0 8px #00f2ff0f}.unit-count-arrow:active:not(:disabled){background:linear-gradient(180deg,#1e232b,#161a20);box-shadow:inset 0 2px 4px #00000073}.unit-count-arrow:disabled{opacity:.35;cursor:not-allowed}.manual-army-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.manual-army-actions .btn-primary{margin-left:auto}.empty-hint{color:var(--muted);font-size:.9rem}.sources{margin-top:1.5rem;font-size:.8rem;color:var(--muted)}.sources a{color:var(--cyan)}.badge{display:inline-block;padding:.15rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-left:.35rem;letter-spacing:.04em}.badge-ai{background:#00f2ff1f;color:var(--cyan);border:1px solid rgba(0,242,255,.25)}.badge-manual{background:#ff99001f;color:var(--amber);border:1px solid rgba(255,153,0,.25)}.badge-ollama{background:#00f2ff1a;color:#7eeeff;border:1px solid rgba(0,242,255,.2)}.badge-ocr{background:#78dc781f;color:#9dff9d;border:1px solid rgba(120,220,120,.28)}@keyframes pulse{50%{opacity:.45}}.badge-live{background:#00f2ff1f;color:var(--cyan);border:1px solid rgba(0,242,255,.3);animation:pulse 1.2s ease-in-out infinite;box-shadow:0 0 10px #00f2ff33}.badge-live-dim{background:#161a20e6;color:var(--muted);font-weight:600;border:1px solid rgba(70,78,90,.5)}.preview-loading{background:#000000a6;font-size:.9rem}.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:16rem}.overlay-note{margin:0;font-size:.72rem;line-height:1.35;color:var(--muted);text-align:right}.section-title{display:inline-block;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.04em;margin:1rem 0 .35rem;background:var(--heading-gradient);background-repeat:no-repeat;background-size:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn-sm{min-height:1.85rem;padding:.3rem .65rem;font-size:.78rem}.capture-history{background:linear-gradient(90deg,rgba(0,242,255,.04) 0%,transparent 50%,rgba(255,153,0,.04) 100%)}.capture-history-hint{margin:.35rem 0 .5rem;font-size:.8rem}.capture-list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto}.capture-item{display:flex;gap:.6rem;padding:.4rem;border:1px solid rgba(55,62,74,.75);border-radius:4px;background:var(--panel-deep)}.capture-thumb-wrap{flex-shrink:0;width:4.5rem;height:2.6rem;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.capture-thumb{width:100%;height:100%;object-fit:cover;display:block}.capture-thumb-placeholder{background:#14161a}.capture-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.capture-time{font-size:.78rem;font-weight:700;color:var(--muted)}.capture-summary{margin:0;font-size:.78rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.replay-import{background:linear-gradient(90deg,rgba(0,242,255,.03) 0%,transparent 50%,rgba(255,153,0,.03) 100%)}.file-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.5rem}.file-picker-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.file-picker-btn{cursor:pointer;margin:0}.file-picker-btn-loading{opacity:.7;pointer-events:none}.file-picker-input:disabled+.file-picker-btn{opacity:.45;pointer-events:none;cursor:not-allowed}.file-picker-name{flex:1;min-width:0;font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.panel-coach{position:static;max-height:none;overflow:visible}.suggestions-scroll{max-height:min(50vh,28rem)}}.suggestions-compact .panel-section-title,.suggestions-compact .suggestions-title,.suggestions-compact .panel-heading,.suggestions-compact h2{display:none}.suggestions-compact .suggestions-scroll{max-height:none;min-height:0}.suggestions-compact .suggestion-card{padding:.45rem .6rem;margin-bottom:.4rem}.suggestions-compact .suggestion-card .enemy{font-size:.9rem}.suggestions-compact .suggestion-card .build{font-size:.85rem}body.overlay-mode{margin:0;overflow:hidden}body.overlay-electron.overlay-mode{background:transparent!important;background-image:none!important}html:has(body.overlay-electron.overlay-mode),html.overlay-electron-root{background:transparent!important}body.overlay-electron.overlay-mode:before,body.overlay-electron.overlay-mode:after{display:none}body.overlay-electron .overlay-panel-window-root{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(155deg,#14181ef5,#0a0c10f5)}body.overlay-mode:not(.overlay-electron){background:#0a0c10!important}body.overlay-mode #root{background:transparent;min-height:100vh}body.overlay-panel-window{min-height:100vh}html:has(body.overlay-team-panel){height:100%}body.overlay-team-panel{height:100%;overflow:hidden}body.overlay-team-panel #root{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.overlay-panel-window-root{display:flex;flex-direction:column;height:100vh;max-height:100vh;border-radius:6px;border:1px solid rgba(70,78,90,.55);background:linear-gradient(155deg,#14181ed9,#0a0c10d9);box-shadow:0 8px 28px #00000061,0 0 0 1px #00f2ff0d inset;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.floating-overlay-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem .4rem .65rem;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid rgba(70,78,90,.45);background:linear-gradient(90deg,#00f2ff1f,#ff990014)}.overlay-window-drag{-webkit-app-region:drag;cursor:move}body.overlay-electron .floating-overlay-panel-close,body.overlay-electron .floating-overlay-panel-body,body.overlay-electron .floating-overlay-panel-body *{-webkit-app-region:no-drag}.floating-overlay-panel-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-silver)}.floating-overlay-panel-close{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0;border:1px solid rgba(70,78,90,.55);border-radius:4px;background:#161a20d9;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}.floating-overlay-panel-close:hover{color:#ff8a8a;border-color:#dc505073}.floating-overlay-panel-body{flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:.5rem .55rem .65rem;min-height:0}.floating-overlay-panel-body .panel-section{margin:0;padding:0;border:none;background:transparent}.floating-overlay-panel-body .panel-section-title{display:none}.floating-overlay-panel-body>.capture-hotkey-settings:first-child{margin-top:0}.floating-overlay-panel-body .manual-army-header:first-child h2{display:none}.floating-overlay-panel-body .manual-army-grid{grid-template-columns:minmax(0,1fr);gap:.25rem 0;padding:.4rem .45rem}.floating-overlay-panel-body .manual-army-row{font-size:.78rem}.floating-overlay-panel-body .wave-tabs{gap:.3rem}.floating-overlay-panel-body .wave-tab{padding:.35rem .45rem;font-size:.68rem}.floating-overlay-panel-body .team-wave-row{grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.35rem .4rem}.floating-overlay-panel-body .wave-collapsible-list{gap:.3rem}.floating-overlay-panel-body .wave-collapsible-toggle{padding:.35rem .4rem}.floating-overlay-panel-body .wave-collapsible-body{padding:0 .4rem .4rem}.floating-overlay-panel-body .wave-collapsible-summary{max-width:7.5rem;font-size:.58rem}.floating-overlay-panel-body .team-wave-label{padding-top:0}.floating-overlay-panel-body .team-selection .race-btn{padding:.3rem .15rem;font-size:.64rem;letter-spacing:.02em}.floating-overlay-panel-body .tier-unlock-btn{min-width:1.85rem;padding:.28rem .35rem;font-size:.64rem}.floating-overlay-panel-body .wave-shift-row{flex-direction:column;align-items:stretch;gap:.35rem}.floating-overlay-panel-body .wave-shift-row .panel-subheading{flex:none}.floating-overlay-panel-body .wave-shift-btn{font-size:.68rem;padding:.35rem .4rem}.floating-overlay-panel-body .team-selection-hint{font-size:.74rem;line-height:1.35}.floating-overlay-panel-body .team-selection-hint.team-shift-hint{margin-bottom:0}.floating-overlay-panel-body .manual-army-hint{font-size:.74rem;line-height:1.35}.overlay-panel-team.overlay-panel-window-root{flex:1;min-height:0;height:auto;max-height:100%}.overlay-panel-team .floating-overlay-panel-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.floating-overlay-panel-body .overlay-team-stack{display:flex;flex-direction:column;gap:.5rem}.floating-overlay-panel-body .overlay-team-stack .suggestions-title{font-size:.78rem;margin-bottom:.35rem}.floating-overlay-panel-body .overlay-team-stack .coverage-summary,.floating-overlay-panel-body .overlay-team-stack .detected-tags{margin-bottom:.4rem}.overlay-panel-team .panel-section.suggestions{display:block;flex:none;min-height:0;overflow:visible}.overlay-panel-team .suggestions-scroll{overflow:visible;min-height:0;flex:none;padding-right:0;margin-right:0}.floating-overlay-panel-body .overlay-team-stack .suggestion-card{padding:.45rem .5rem}.floating-overlay-panel-body .overlay-team-stack .suggestion-card .enemy{font-size:.82rem}.overlay-hint{margin:.35rem 0 .75rem;max-width:52rem}.floating-overlay-panel-footer .capture-hotkey-settings{margin-top:0;margin-bottom:.45rem;padding:.45rem 0;border-top:none;background:transparent}.floating-overlay-panel-footer{flex-shrink:0;display:flex;flex-direction:column;gap:.25rem;padding:.35rem .55rem .45rem;border-top:1px solid rgba(70,78,90,.45);-webkit-app-region:no-drag}.floating-overlay-panel-footer .overlay-toggle{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:var(--muted);cursor:pointer}.overlay-hotkey-hint{font-size:.62rem;color:var(--muted);line-height:1.3}.capture-hotkey-settings{margin-top:.65rem;padding:.55rem .65rem;border-top:1px solid var(--border);background:#0000001f}.capture-hotkey-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.capture-hotkey-current{display:inline-block;padding:.2rem .45rem;border-radius:4px;border:1px solid var(--border);background:#0003;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;color:var(--text)}.capture-hotkey-settings .btn.recording{border-color:var(--accent);color:var(--accent)}.capture-hotkey-recording{color:var(--accent)}.capture-hotkey-manual{margin-top:.35rem}.capture-hotkey-manual-toggle{border:none;background:none;padding:0;font-size:.64rem;color:var(--muted);cursor:pointer;text-decoration:underline}.capture-hotkey-manual-toggle:hover{color:var(--text)}.capture-hotkey-manual-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.capture-hotkey-input{flex:1 1 8rem;min-width:8rem;padding:.3rem .45rem;border-radius:4px;border:1px solid var(--border);background:#0003;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.capture-hotkey-compact{margin-top:.5rem;padding:.5rem 0;border-top:none;background:transparent}.header-actions .capture-hotkey-settings{width:100%;max-width:22rem}.capture-hotkey-label{font-size:.72rem;font-weight:600;color:var(--text)}.capture-hotkey-btn{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;min-width:8.5rem}.capture-hotkey-btn.recording{border-color:var(--accent);color:var(--accent)}.capture-hotkey-hint,.capture-hotkey-status{margin:.35rem 0 0;font-size:.65rem;color:var(--muted);line-height:1.35}.capture-hotkey-error,.overlay-capture-error{margin:.35rem 0 0;font-size:.65rem;color:#ff8a80;line-height:1.35}.overlay-click-through-active{opacity:.92}.floating-overlay-panel-body.passthrough{pointer-events:none;opacity:.92}.floating-overlay-panel-body.passthrough .capture-hotkey-settings,.floating-overlay-panel-body.passthrough .capture-hotkey-interactive,.floating-overlay-panel-body.passthrough .overlay-interactive,.floating-overlay-panel-body.passthrough .overlay-interactive *,.floating-overlay-panel-footer .capture-hotkey-settings{pointer-events:auto}