@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--text:#a1a1aa;--text-h:#f4f4f5;--bg:#09090b;--border:#27272a;--code-bg:#18181b;--accent:#c084fc;--accent-bg:#c084fc1a;--accent-border:#c084fc66;--social-bg:#27272a80;--shadow:#00000080 0 10px 15px -3px, #0000004d 0 4px 6px -2px;--surface-1:#0d0d14;--surface-2:#13131e;--surface-2-glass:#0d0d14d1;--surface-3:#1a1a2b;--surface-3-hover:#23233a;--surface-input:#0d0d14;--ui-border-soft:#1a1a2b;--ui-border:#23233a;--ui-border-strong:#2e2e48;--ui-border-hover:#6b6b82;--ui-text:#f1f1f3;--ui-text-muted:#9b9bae;--ui-text-dim:#7a7a8e;--ui-accent:#8b5cf6;--ui-accent-hover:#7c3aed;--ui-accent-subtle:#8b5cf61f;--ui-accent-border:#8b5cf659;--ui-positive:#34d399;--ui-negative:#f87171;--ui-special:#a78bfa;--ui-special-alt:#f472b6;--ui-special-bg:#3b0764;--ui-special-fg:#f5d0fe;--ui-special-border:#701a75;--ui-radius:8px;--ui-radius-lg:12px;--ui-ease:cubic-bezier(.4, 0, .2, 1);--ui-dur:.15s;--ui-dur-slow:.28s;--elev-1:0 1px 3px #0009, 0 1px 2px #0000004d;--elev-2:0 10px 25px -5px #000c, 0 8px 10px -6px #0009;--glow-accent:0 0 16px #8b5cf659;--glow-focus:0 0 0 2px #8b5cf680;--optcg-none:#9b9bae;--optcg-red:#f87171;--optcg-green:#34d399;--optcg-blue:#60a5fa;--optcg-purple:#a78bfa;--optcg-black:#94a3b8;--optcg-yellow:#fbbf24;--optcg-attr-slash:#b04a3a;--optcg-attr-strike:#c8862b;--optcg-attr-ranged:#3a7a8a;--optcg-attr-special:#7a3aa0;--optcg-attr-wisdom:#3a8a4a;--ui-ability-condition:#f0c040;--ui-ability-cost:#ffb37a;--ui-ability-effect:#d0ffd0;--ui-ability-trigger-text:#d4a83a;--ui-negative-bg:#1c1212;--ui-negative-border:#a04040;--ui-negative-text:#ff9090;--ui-negative-text-muted:#d6a0a0;--ui-negative-btn-bg:#7a1f1f;--badge-positive-bg:#1f4d2d;--badge-positive-fg:#9fffb0;--badge-positive-border:#2d7a4d;--badge-success-bg:#2d6a2d;--badge-success-fg:#7fff7f;--badge-warning-bg:#5a4a1f;--badge-warning-fg:#ffe08a;--badge-warning-border:#8a6d2d;--badge-negative-bg:#7a2d2d;--badge-negative-fg:#ffb3b3;--badge-negative-border:#a04040;--badge-info-bg:#1f5f3f;--badge-info-fg:#9fffd0;--badge-info-border:#2d6a4d;--badge-trait-bg:#2a2a3a;--badge-trait-fg:#cbd6f5;--badge-trait-border:#3a3a55;--badge-arena-bg:#3a2a14;--badge-arena-fg:#ffb060;--badge-arena-border:#a06030;--badge-selfplay-bg:#1a3a3a;--badge-selfplay-fg:#7fffd0;--badge-selfplay-border:#2d6a6a;--badge-rating-bg:#2a2a3a;--badge-rating-fg:#9090ff;--badge-rating-border:#404060;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:15px/150% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:14px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#334155;--text-h:#0f172a;--bg:#f8fafc;--border:#e2e8f0;--code-bg:#f1f5f9;--accent:#6366f1;--accent-bg:#6366f11a;--accent-border:#6366f180;--social-bg:#e2e8f080;--shadow:#0f172a14 0 10px 15px -3px, #0f172a0a 0 4px 6px -2px;--surface-1:#fff;--surface-2:#f1f5f9;--surface-2-glass:#ffffffd9;--surface-3:#e2e8f0;--surface-3-hover:#cbd5e1;--surface-input:#fff;--ui-border-soft:#f1f5f9;--ui-border:#e2e8f0;--ui-border-strong:#cbd5e1;--ui-border-hover:#94a3b8;--ui-text:#0f172a;--ui-text-muted:#334155;--ui-text-dim:#475569;--ui-accent:#6366f1;--ui-accent-hover:#4f46e5;--ui-positive:#22c55e;--ui-negative:#ef4444;--ui-special:#a855f7;--ui-special-alt:#ec4899;--ui-special-bg:#f3e8ff;--ui-special-fg:#7e22ce;--ui-special-border:#d8b4fe;--ui-negative-bg:#fef2f2;--ui-negative-border:#fca5a5;--ui-negative-text:#b91c1c;--ui-negative-text-muted:#ef4444;--ui-negative-btn-bg:#fee2e2;--optcg-none:#64748b;--optcg-red:#dc2626;--optcg-green:#16a34a;--optcg-blue:#2563eb;--optcg-purple:#7c3aed;--optcg-black:#0f172a;--optcg-yellow:#ca8a04;--optcg-attr-slash:#b91c1c;--optcg-attr-strike:#b45309;--optcg-attr-ranged:#0369a1;--optcg-attr-special:#6d28d9;--optcg-attr-wisdom:#15803d;--ui-ability-condition:#b45309;--ui-ability-cost:#c2410c;--ui-ability-effect:#15803d;--ui-ability-trigger-text:#b45309;--badge-positive-bg:#e6f4ea;--badge-positive-fg:#137333;--badge-positive-border:#ceead6;--badge-success-bg:#d1e7dd;--badge-success-fg:#0f5132;--badge-warning-bg:#fef7e0;--badge-warning-fg:#b06000;--badge-warning-border:#feecb3;--badge-negative-bg:#fce8e6;--badge-negative-fg:#c5221f;--badge-negative-border:#fad2cf;--badge-info-bg:#e8f0fe;--badge-info-fg:#1a73e8;--badge-info-border:#d2e3fc;--badge-trait-bg:#f1f5f9;--badge-trait-fg:#475569;--badge-trait-border:#cbd5e1;--badge-arena-bg:#fff3e0;--badge-arena-fg:#b25e00;--badge-arena-border:#ffe0b2;--badge-selfplay-bg:#e0f2f1;--badge-selfplay-fg:#00695c;--badge-selfplay-border:#b2dfdb;--badge-rating-bg:#e8eaf6;--badge-rating-fg:#283593;--badge-rating-border:#c5cae9}#social .button-icon{filter:invert()brightness(2)}:root[data-theme=light] #social .button-icon{filter:none}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}body{margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;font-weight:600}h1{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:1.85rem}@media (width<=1024px){h1{margin:0 0 1rem;font-size:1.5rem}}h2{margin:0 0 12px;font-size:1.25rem;line-height:120%}@media (width<=1024px){h2{font-size:1.15rem}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-layout{flex-direction:row;width:100%;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=1023px){.app-layout{flex-direction:column}}.app-nav{background:var(--surface-1);border-right:1px solid var(--ui-border-soft);box-sizing:border-box;z-index:10;display:flex}@media (width>=1024px){.app-nav{flex-direction:column;align-items:stretch;gap:2rem;width:240px;height:100vh;padding:1.75rem 1.25rem;position:sticky;top:0}}@media (width<=1023px){.app-nav{border-top:1px solid var(--ui-border-soft);z-index:100;background:var(--surface-1);-webkit-backdrop-filter:blur(12px);border-bottom:none;border-right:none;flex-direction:row;justify-content:space-around;align-items:stretch;gap:0;width:100%;height:60px;padding:0;position:fixed;top:auto;bottom:0}}.app-nav__group{flex-direction:column;gap:.4rem;display:flex}@media (width>=1024px){.app-nav__group{border-left:none;padding-left:0}.app-nav__group--separator{border-top:1px solid var(--ui-border-soft);margin-top:.5rem;padding-top:1rem}}@media (width<=1023px){.app-nav__group{flex-direction:row;flex:1;align-items:stretch;gap:0}.app-nav__group--separator{border-left:1px solid var(--ui-border-soft);padding-left:0}.app-nav__group>span{display:none!important}}.app-nav__group-links{gap:.4rem;display:flex}@media (width>=1024px){.app-nav__group-links{flex-direction:column;align-items:stretch}}@media (width<=1023px){.app-nav__group-links{flex:1;gap:0}}.app-nav__footer{align-self:center;align-items:center;gap:1.25rem;margin-left:auto;display:flex}@media (width>=1024px){.app-nav__footer{border-top:1px solid var(--ui-border-soft);flex-direction:column;align-self:stretch;align-items:center;gap:1.25rem;margin-top:auto;margin-left:0;padding-top:1.25rem}}@media (width<=1023px){.app-nav__footer{display:none}}.app-nav__logo{cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;gap:.5rem;padding:0;display:flex}@media (width>=1024px){.app-nav__logo{align-self:flex-start;margin-bottom:.5rem;padding-left:.25rem}}@media (width<=1023px){.app-nav__logo{display:none}}.app-header{display:none}@media (width<=1023px){.app-header{background:var(--surface-2-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ui-border-soft);z-index:90;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}}.app-header__logo{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:flex}.app-header__title{letter-spacing:.04em;color:var(--ui-text);white-space:nowrap;font-size:1.05rem;font-weight:700}.app-header__actions{align-items:center;gap:1rem;display:flex}.app-header__theme-toggle{color:var(--ui-text-muted);cursor:pointer;border-radius:var(--ui-radius);transition:color var(--ui-dur) var(--ui-ease);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.app-header__theme-toggle:hover{color:var(--ui-text)}.cards-page-layout{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}.cards-page-content{min-width:0}.cards-page-layout.filters-hidden{grid-template-columns:1fr}@media (width<=1023px){.cards-page-layout{grid-template-columns:1fr;gap:1rem}}.app-filter-sidebar{background:var(--surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:sticky;top:1rem}@media (width<=1023px){.app-filter-sidebar{position:static}}.app-filter-sidebar__row{flex-direction:column;align-items:stretch;gap:.4rem;display:flex}.app-filter-sidebar__label{color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.app-filter-sidebar__content{flex-wrap:wrap;gap:.35rem;display:flex}.step-2-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.active-leader-indicator{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.leader-indicator-label{color:var(--ui-text-muted);font-weight:500}.leader-indicator-name{font-weight:600}.change-leader-btn{background:var(--ui-accent-subtle);color:var(--ui-accent);border:1px solid var(--ui-accent-border);border-radius:var(--ui-radius);cursor:pointer;transition:all var(--ui-dur) var(--ui-ease);padding:6px 12px;font-size:.85rem;font-weight:600}.change-leader-btn:hover{background:var(--ui-accent);color:#fff;box-shadow:0 0 8px var(--ui-accent);border-color:#0000}.build-new-deck-btn{background:var(--ui-accent);color:#fff;border-radius:var(--ui-radius);cursor:pointer;box-shadow:var(--glow-accent);transition:all var(--ui-dur) var(--ui-ease);border:1px solid #0000;align-items:center;gap:.5rem;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.build-new-deck-btn:hover{background:var(--ui-accent-hover);box-shadow:0 0 12px var(--ui-accent);transform:translateY(-1px)}.build-new-deck-btn:active{transform:translateY(0)}.step-1-container{background:var(--surface-2-glass);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--elev-1);flex-direction:column;gap:2rem;padding:2rem;display:flex}.step-1-section h2{border-bottom:1px solid var(--ui-border-soft);margin-top:0;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.3rem}.builder-mobile-tabs{display:none}@media (width<=760px){.builder-mobile-tabs{background:var(--surface-2);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);gap:.5rem;margin-bottom:1rem;padding:4px;display:flex}.builder-mobile-tab{border-radius:var(--ui-radius);color:var(--ui-text-muted);cursor:pointer;text-align:center;transition:all var(--ui-dur) var(--ui-ease);background:0 0;border:none;flex:1;padding:8px;font-size:.85rem;font-weight:600}.builder-mobile-tab.is-active{background:var(--surface-3);color:var(--ui-text)}.builder-grid.show-pool>:nth-child(2),.builder-grid.show-editor>:first-child{display:none!important}}.deck-builder-header{margin-bottom:2rem}.deck-stats-container{background:var(--surface-2-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--elev-1);margin-bottom:1.5rem;padding:1.25rem}.deck-stats-title{color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.deck-stats-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:1.5rem;display:grid}@media (width<=900px){.deck-stats-grid{grid-template-columns:1fr;gap:1rem}}.cost-curve-chart{border-bottom:1px solid var(--ui-border-soft);justify-content:space-between;align-items:flex-end;gap:6px;height:90px;padding:0 .5rem;display:flex}.cost-curve-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.cost-curve-bar{background:linear-gradient(to top, var(--ui-accent) 0%, color-mix(in srgb, var(--ui-accent) 60%, #fff) 100%);width:100%;min-height:2px;transition:height var(--ui-dur-slow) var(--ui-ease);border-radius:3px 3px 0 0;position:relative}.cost-curve-bar:hover{background:var(--ui-accent-hover);box-shadow:0 0 8px var(--ui-accent)}.cost-curve-bar-val{font-size:.7rem;font-family:var(--mono);color:var(--ui-text);font-weight:600;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.cost-curve-label{font-size:.75rem;font-family:var(--mono);color:var(--ui-text-dim)}.deck-stats-summary{flex-direction:column;gap:.75rem;display:flex}.deck-stats-summary-row{border-bottom:1px solid var(--ui-border-soft);justify-content:space-between;padding-bottom:.4rem;font-size:.85rem;display:flex}.pool-controls{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.candidate-grid-toggle-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.candidate-grid-toggle{background:var(--surface-3);border-radius:var(--ui-radius);border:1px solid var(--ui-border);padding:3px;display:inline-flex}.candidate-grid-toggle-btn{border-radius:calc(var(--ui-radius) - 2px);color:var(--ui-text-dim);cursor:pointer;transition:all var(--ui-dur) var(--ui-ease);background:0 0;border:none;padding:4px 10px;font-size:.8rem;font-weight:500}.candidate-grid-toggle-btn.is-active{background:var(--surface-2);color:var(--ui-text);box-shadow:var(--elev-1)}.deck-builder-filter-row{flex-wrap:wrap;gap:.75rem;display:flex}.deck-builder-filter-group{flex-direction:column;gap:4px;display:flex}.deck-builder-filter-label{text-transform:uppercase;color:var(--ui-text-dim);letter-spacing:.05em;font-size:.7rem;font-weight:600}.card-gallery-grid{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);background:#0000001a;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.75rem;max-height:130vh;padding:.5rem;display:grid;overflow-y:auto}.visual-card-tile{aspect-ratio:5/7;border-radius:var(--ui-radius);border:1px solid var(--ui-border);background:var(--surface-2);cursor:pointer;opacity:.65;filter:saturate(.85);transition:transform var(--ui-dur) var(--ui-ease), box-shadow var(--ui-dur) var(--ui-ease), border-color var(--ui-dur) var(--ui-ease), opacity var(--ui-dur) var(--ui-ease), filter var(--ui-dur) var(--ui-ease);position:relative;overflow:hidden}.visual-card-tile:hover{opacity:1;filter:saturate();border-color:var(--ui-accent);box-shadow:0 8px 20px #00000080, 0 0 12px color-mix(in srgb, var(--popover-glow,var(--ui-accent)) 25%, transparent);transform:translateY(-4px)scale(1.03)}.visual-card-tile.is-selected{opacity:1;filter:saturate(1.1);border:2px solid var(--ui-positive);box-shadow:0 4px 12px #34d39940,0 0 8px #34d39933}.visual-card-tile.is-selected:hover{border-color:var(--ui-positive);box-shadow:0 8px 20px #34d39966,0 0 16px #34d3994d}.visual-card-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.visual-card-overlay-top{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:4px;left:4px;right:4px}.visual-card-overlay-top>*{pointer-events:auto}.visual-card-overlay-bottom{pointer-events:none;background:linear-gradient(#0000 0%,#000000b3 40%,#000000f2 100%);flex-direction:column;gap:2px;padding:16px 6px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.visual-card-cost-badge{border:1px solid var(--ui-border-strong);color:var(--ui-text);font-family:var(--mono);width:20px;height:20px;box-shadow:var(--elev-1);background:#000000bf;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.visual-card-rating{color:#fff;white-space:nowrap;box-shadow:var(--elev-1);border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:700}.visual-card-name{color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.visual-card-info{color:var(--ui-text-muted);font-size:.65rem}.visual-card-count{color:#fff;pointer-events:none;background:#10b981e6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;animation:.15s cubic-bezier(.175,.885,.32,1.275) popCount;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}@keyframes popCount{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.visual-card-actions{opacity:0;transition:opacity var(--ui-dur) var(--ui-ease);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.visual-card-tile:hover .visual-card-actions{opacity:1}.visual-card-add-btn{background:var(--ui-accent);color:#fff;cursor:pointer;width:36px;height:36px;transition:transform var(--ui-dur) var(--ui-ease), background var(--ui-dur) var(--ui-ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;box-shadow:0 4px 10px #0000004d}.visual-card-add-btn:hover{background:var(--ui-accent-hover);transform:scale(1.1)}.visual-card-add-btn:disabled{background:var(--surface-3);color:var(--ui-text-dim);cursor:not-allowed}.saved-decks-grid{grid-template-columns:1fr;gap:.5rem;max-height:220px;margin-bottom:1rem;padding-right:4px;display:grid;overflow-y:auto}.saved-deck-card{background:var(--surface-2);border:1px solid var(--ui-border);border-left:3px solid var(--deck-color,var(--ui-accent));border-radius:var(--ui-radius);transition:all var(--ui-dur) var(--ui-ease);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.saved-deck-card:hover{background:var(--surface-3);border-color:var(--ui-border-strong);transform:translate(2px)}.saved-deck-card.is-editing{background:var(--accent-bg);border-color:var(--ui-accent)}.editor-card-row{background:var(--surface-2);border:1px solid var(--ui-border-soft);border-left:3px solid var(--card-color,var(--ui-border));transition:all var(--ui-dur) var(--ui-ease);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px;display:flex}.editor-card-row:hover{background:var(--surface-3);border-color:var(--ui-border)}.ratings-tab-bar{background:var(--surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);gap:2px;width:fit-content;margin-bottom:1.5rem;padding:4px;display:flex}.ratings-tab-btn{color:var(--ui-text-dim)!important;border-radius:var(--ui-radius)!important;transition:all var(--ui-dur) var(--ui-ease)!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:600!important;transform:none!important}.ratings-tab-btn:hover{color:var(--ui-text)!important;background:var(--surface-3)!important}.ratings-tab-btn.is-active{background:var(--surface-3-hover)!important;color:var(--ui-text)!important;box-shadow:var(--elev-1)!important}.ratings-tab-badge{background:var(--badge-info-bg);color:var(--badge-info-fg);border:1px solid var(--badge-info-border);border-radius:999px;align-items:center;margin-left:.5rem;padding:1px 7px;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:0 0 8px #34d39926}.ratings-details-box{background:var(--surface-2-glass);border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);box-shadow:var(--elev-1);animation:fadeSlideIn .25s var(--ui-ease);margin-top:.75rem;margin-bottom:1.5rem;padding:1.25rem}.ratings-details-toggle{color:var(--ui-accent);cursor:pointer;transition:color var(--ui-dur) var(--ui-ease);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.ratings-details-toggle:hover{color:var(--ui-accent-hover)}.premium-table-container{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--surface-2-glass);box-shadow:var(--elev-1);overflow:hidden}.premium-table-header{border-bottom:1px solid var(--ui-border);background:#00000026;font-weight:600}.premium-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-text-muted);align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.premium-toggle-switch{background:var(--surface-3);border:1px solid var(--ui-border);width:2.4rem;height:1.3rem;transition:all var(--ui-dur) var(--ui-ease);border-radius:999px;position:relative}.premium-toggle-switch:after{content:"";background:var(--ui-text-dim);width:.95rem;height:.95rem;transition:all var(--ui-dur) var(--ui-ease);border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox]:checked+.premium-toggle-switch{background:var(--ui-accent-subtle);border-color:var(--ui-accent)}input[type=checkbox]:checked+.premium-toggle-switch:after{background:var(--ui-accent);box-shadow:0 0 6px var(--ui-accent);left:calc(100% - .95rem - 2px)}.leaderboard-rank{color:var(--ui-text-dim);font-weight:600}.leaderboard-rating{color:var(--optcg-yellow);font-weight:700}.leaderboard-games{color:var(--ui-text-muted)}.leaderboard-text{color:var(--ui-text);font-weight:500;font-family:var(--sans)!important}.leader-tag{font-size:.72rem;font-weight:700;font-family:var(--mono);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:2px 8px;display:inline-flex}.premium-cards-link{background:var(--ui-accent-subtle);border:1px solid var(--ui-accent-border);border-radius:var(--ui-radius);transition:all var(--ui-dur) var(--ui-ease);padding:4px 10px;font-size:.72rem;font-weight:600;text-decoration:none;color:var(--ui-accent)!important}.premium-cards-link:hover{background:var(--ui-accent);box-shadow:0 0 8px var(--ui-accent);border-color:#0000;color:#fff!important}.pulse-dot{background-color:var(--ui-positive);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot:after{content:"";background-color:inherit;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.pulse-dot.running{background-color:var(--ui-accent)}.pulse-dot.pending{background-color:var(--ui-text-dim)}.premium-runs-list{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--surface-2-glass);box-shadow:var(--elev-1);flex-direction:column;display:flex;overflow:hidden}.premium-run-row{border-bottom:1px solid var(--ui-border-soft);transition:background var(--ui-dur) var(--ui-ease)}.premium-run-row:last-child{border-bottom:none}.premium-run-row:hover{background:#ffffff05}.premium-progress-bar-container{background:var(--surface-3);border:1px solid var(--ui-border-soft);border-radius:6px;height:8px;margin-bottom:4px;display:flex;overflow:hidden}.start-run-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-start;gap:1.25rem;margin-top:1rem;display:grid}.start-run-grid-full{grid-column:1/-1;justify-content:flex-end;margin-top:.5rem;display:flex}.start-run-field{flex-direction:column;gap:.35rem;display:flex}.start-run-label{color:var(--ui-text);letter-spacing:.02em;font-size:.8rem;font-weight:600}.start-run-hint{color:var(--ui-text-dim);font-size:.72rem;line-height:1.3}.scroll-x{-webkit-overflow-scrolling:touch;overflow:auto hidden}.page-shell{padding:1.25rem 1.5rem}@media (width<=1023px){.page-shell{padding-bottom:calc(1.25rem + 60px)}}.builder-grid{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}@media (width<=760px){.builder-grid{grid-template-columns:1fr}}@media (width<=640px){#root{width:100%}.page-shell{padding:.85rem .9rem calc(.85rem + 60px)}code{overflow-wrap:anywhere;word-break:break-word;display:inline}}@media (width<=760px){.deck-row-preview,.saved-deck-preview,.leaderboard-row-preview{display:none!important}.leaderboard-row-header{flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important}.leaderboard-row-rank{flex:0 0 32px!important}.leaderboard-row-leader{flex:0 0 50px!important;width:50px!important;height:70px!important}.leaderboard-row-info{flex:1!important;min-width:0!important;max-width:none!important}.leaderboard-row-stats{text-align:left!important;flex:none!important;align-items:flex-start!important;margin-left:106px!important}.leaderboard-row-actions{margin-top:4px;flex:auto!important;justify-content:flex-end!important;width:auto!important;margin-left:auto!important}.runs-table-container{width:100%!important;min-width:0!important}.runs-table-header{display:none!important}.premium-run-row{grid-template-columns:1fr 1fr!important;align-items:start!important;gap:8px!important;padding:12px!important;display:grid!important}.premium-run-row>:first-child{grid-column:1/2;justify-self:start!important}.premium-run-row>:nth-child(2){order:-1;grid-column:1/3}.premium-run-row>:nth-child(3){grid-column:2/3;justify-self:end!important}.premium-run-row>:nth-child(4){border-top:1px solid var(--ui-border-soft);grid-column:1/3;padding-top:6px}.premium-run-row>:nth-child(5){grid-column:1/3}.premium-run-row>:nth-child(6){grid-column:1/2;font-size:.75rem!important}.premium-run-row>:nth-child(7){grid-column:2/3;justify-self:end!important;font-size:.75rem!important}.premium-run-row>:nth-child(8){border-top:1px solid var(--ui-border-soft);grid-column:1/3;margin-top:4px;padding-top:8px;justify-content:flex-end!important;width:100%!important}.ml-active-runs-table-container thead{display:none!important}.ml-active-run-row{border-bottom:1px solid var(--ui-border-soft);grid-template-columns:1fr auto!important;align-items:start!important;gap:8px!important;padding:12px!important;display:grid!important}.ml-active-run-row td{border-bottom:none!important;padding:0!important}.ml-active-run-row .col-id{grid-column:1;font-weight:600}.ml-active-run-row .col-kind{grid-column:1;margin-top:2px}.ml-active-run-row .col-status{grid-area:1/2/span 2;align-self:center}.ml-active-run-row .col-progress,.ml-active-run-row .col-name{grid-column:1/span 2;margin-top:4px}.ml-active-run-row .col-name:before{content:"Name: ";color:var(--ui-text-dim)}.ml-active-run-row .col-iterations{grid-column:1/span 2;text-align:left!important}.ml-active-run-row .col-iterations:before{content:"MCTS Iterations: ";color:var(--ui-text-dim)}.ml-active-run-row .col-notes{border-top:1px solid var(--ui-border-soft);grid-column:1/span 2;margin-top:4px;padding-top:6px!important}.ml-timeline-table-container thead{display:none!important}.ml-timeline-row{border-bottom:1px solid var(--ui-border-soft);grid-template-columns:1fr auto!important;align-items:start!important;gap:8px!important;padding:12px!important;display:grid!important}.ml-timeline-row td{border-bottom:none!important;padding:0!important}.ml-timeline-row .col-id{grid-column:1;font-weight:600}.ml-timeline-row .col-candidate{grid-column:1;margin-top:2px}.ml-timeline-row .col-candidate:before{content:"Candidate: ";color:var(--ui-text-dim)}.ml-timeline-row .col-status{grid-area:1/2;align-self:start}.ml-timeline-row .col-outcome{grid-area:2/2;justify-self:end;margin-top:4px}.ml-timeline-row .col-winrate{grid-column:1/span 2;margin-top:4px}.ml-timeline-row .col-winrate:before{content:"Win Rate: ";color:var(--ui-text-dim)}.ml-timeline-row .col-wilson{grid-column:1/span 2}.ml-timeline-row .col-wilson:before{content:"Wilson 95%: ";color:var(--ui-text-dim)}.ml-timeline-row .col-finished{color:var(--ui-text-dim);border-top:1px solid var(--ui-border-soft);grid-column:1/span 2;margin-top:4px;font-size:.75rem;padding-top:6px!important}.ml-timeline-row .col-finished:before{content:"Finished: "}.ml-self-play-table-container thead{display:none!important}.ml-self-play-row{border-bottom:1px solid var(--ui-border-soft);grid-template-columns:1fr auto!important;align-items:start!important;gap:8px!important;padding:12px!important;display:grid!important}.ml-self-play-row td{border-bottom:none!important;padding:0!important}.ml-self-play-row .col-id{grid-column:1;font-weight:600}.ml-self-play-row .col-status{grid-area:1/2;align-self:start}.ml-self-play-row .col-name{grid-column:1/span 2;margin-top:4px}.ml-self-play-row .col-name:before{content:"Name: ";color:var(--ui-text-dim)}.ml-self-play-row .col-games{grid-column:1/span 2;margin-top:4px;text-align:left!important}.ml-self-play-row .col-games:before{content:"Games: ";color:var(--ui-text-dim)}.ml-self-play-row .col-puct{grid-column:1/span 2;text-align:left!important}.ml-self-play-row .col-puct:before{content:"PUCT Iterations: ";color:var(--ui-text-dim)}.ml-self-play-row .col-started{color:var(--ui-text-dim);border-top:1px solid var(--ui-border-soft);grid-column:1/span 2;margin-top:4px;font-size:.75rem;padding-top:6px!important}.ml-self-play-row .col-started:before{content:"Started: "}.ml-self-play-row .col-finished{color:var(--ui-text-dim);grid-column:1/span 2;font-size:.75rem}.ml-self-play-row .col-finished:before{content:"Finished: "}.ml-files-table-container thead{display:none!important}.ml-file-row{border-bottom:1px solid var(--ui-border-soft);grid-template-columns:1fr auto!important;align-items:start!important;gap:8px!important;padding:12px!important;display:grid!important}.ml-file-row td{border-bottom:none!important;padding:0!important}.ml-file-row .col-file{word-break:break-all;grid-column:1;font-weight:600}.ml-file-row .col-status{grid-area:1/2;align-self:center}.ml-file-row .col-version{grid-column:1/span 2;margin-top:4px}.ml-file-row .col-version:before{content:"Version: ";color:var(--ui-text-dim)}.ml-file-row .col-size{grid-column:1/span 2;text-align:left!important}.ml-file-row .col-size:before{content:"Size: ";color:var(--ui-text-dim)}.ml-file-row .col-modified{color:var(--ui-text-dim);border-top:1px solid var(--ui-border-soft);grid-column:1/span 2;margin-top:4px;font-size:.75rem;padding-top:6px!important}.ml-file-row .col-modified:before{content:"Modified: "}.ml-ladder-table-container thead{display:none!important}.ml-ladder-row{border-bottom:1px solid var(--ui-border-soft);grid-template-columns:auto 1fr auto!important;align-items:start!important;gap:8px!important;padding:12px!important;display:grid!important}.ml-ladder-row td{border-bottom:none!important;padding:0!important}.ml-ladder-row .col-rank{grid-column:1;font-weight:600}.ml-ladder-row .col-agent{word-break:break-all;grid-column:2;font-weight:600;padding-left:6px!important}.ml-ladder-row .col-rating{grid-area:1/3;text-align:right!important}.ml-ladder-row .col-rating:before{content:"Rating: ";color:var(--ui-text-dim);font-size:.75rem;font-weight:400}.ml-ladder-row .col-ci{grid-column:1/span 3;margin-top:4px}.ml-ladder-row .col-ci:before{content:"95% CI: ";color:var(--ui-text-dim)}.ml-ladder-row .col-games{grid-column:1/span 3}.ml-ladder-row .col-games:before{content:"Games Played: ";color:var(--ui-text-dim)}.ml-ladder-row .col-wld{border-top:1px solid var(--ui-border-soft);grid-column:1/span 3;margin-top:4px;padding-top:6px!important}.ml-ladder-row .col-wld:before{content:"W–L–D: ";color:var(--ui-text-dim)}}@media (width<=640px){.step-1-container{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.deck-row-left{flex:100%!important}.deck-row-info{flex:1;min-width:0!important;max-width:none!important}.saved-deck-info{flex:1;min-width:0!important}.deck-row-actions{margin-top:.5rem;flex:100%!important;justify-content:flex-start!important;width:calc(100% - 72px)!important;margin-left:72px!important}.decks-filter-bar{flex-direction:column;align-items:stretch!important;gap:.75rem!important}.decks-filter-bar__tabs{width:100%}.decks-filter-bar__tabs>.ui-btn{flex:1}.decks-filter-bar__leader{justify-content:space-between;width:100%;margin-left:0!important}.decks-filter-bar__leader select{flex:1;max-width:none}.start-run-grid{grid-template-columns:1fr!important;gap:.75rem!important}}@media (width<=1023px){.app-nav__group,.app-nav__group-links{display:contents!important}.app-nav__group--separator{border-left:none!important}}.ui-btn{--btn-tone:var(--ui-accent);border-radius:var(--ui-radius);border:1px solid var(--ui-border);background:var(--surface-2);color:var(--ui-text-muted);cursor:pointer;transition:background var(--ui-dur) var(--ui-ease), border-color var(--ui-dur) var(--ui-ease), color var(--ui-dur) var(--ui-ease), box-shadow var(--ui-dur) var(--ui-ease), transform var(--ui-dur) var(--ui-ease);justify-content:center;align-items:center;gap:.35rem;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:500;line-height:1.2;display:inline-flex}.ui-btn:hover{background:var(--surface-3);border-color:var(--ui-border-strong);color:var(--ui-text)}.ui-btn:focus-visible{box-shadow:var(--glow-focus);outline:none}.ui-btn:active{transform:scale(.96)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-btn--sm{min-height:28px;padding:2px 10px;font-size:.8rem}.ui-btn--primary{background:var(--ui-accent);color:#fff;border-color:#0000}.ui-btn--primary:hover{background:var(--ui-accent-hover);border-color:#0000}.ui-btn.is-active{background:color-mix(in srgb, var(--btn-tone) 15%, var(--surface-3));border-color:var(--btn-tone);color:var(--ui-text);box-shadow:0 0 8px color-mix(in srgb, var(--btn-tone) 20%, transparent)}.ui-btn.is-active:hover{background:color-mix(in srgb, var(--btn-tone) 25%, var(--surface-3-hover))}@media (width>=1024px){.ui-btn.is-active.nav-link{position:relative}.ui-btn.is-active.nav-link:before{content:"";background:var(--btn-tone);width:3px;height:64%;box-shadow:0 0 8px var(--btn-tone);border-radius:0 2px 2px 0;position:absolute;top:18%;left:0}}.ui-input,.ui-select{box-sizing:border-box;background:var(--surface-input);width:100%;max-width:100%;color:var(--ui-text);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);transition:border-color var(--ui-dur) var(--ui-ease), box-shadow var(--ui-dur) var(--ui-ease);padding:4px 8px;font-family:inherit;font-size:.9rem}.ui-input:hover,.ui-select:hover{border-color:var(--ui-border-hover)}.ui-input:focus,.ui-select:focus{border-color:var(--ui-accent-hover);box-shadow:var(--glow-focus);outline:none}.ui-select{cursor:pointer}.ui-surface{background:var(--surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);padding:1rem}.ui-surface--glass{background:var(--surface-2-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-surface--elev-1{box-shadow:var(--elev-1)}.ui-surface--elev-2{box-shadow:var(--elev-2)}.ui-surface--hover{transition:transform var(--ui-dur-slow) var(--ui-ease), box-shadow var(--ui-dur-slow) var(--ui-ease), border-color var(--ui-dur-slow) var(--ui-ease)}.ui-surface--hover:hover{box-shadow:var(--elev-2);border-color:var(--ui-border-strong);transform:translateY(-2px)}.ui-surface--accent{border-top:2px solid color-mix(in srgb, var(--accent-color,var(--ui-accent)) 60%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent-color,var(--ui-accent)) 8%, var(--surface-2)) 0%, var(--surface-2) 45%)}.ui-badge{letter-spacing:.02em;background:var(--surface-3);color:var(--ui-text-muted);white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.75rem;font-weight:600;display:inline-flex}.ui-badge--neutral{background:var(--surface-3);color:var(--ui-text-muted);border-color:var(--ui-border)}.ui-badge--positive{background:var(--badge-positive-bg);color:var(--badge-positive-fg);border-color:var(--badge-positive-border)}.ui-badge--success{background:var(--badge-success-bg);color:var(--badge-success-fg)}.ui-badge--warning{background:var(--badge-warning-bg);color:var(--badge-warning-fg);border-color:var(--badge-warning-border)}.ui-badge--negative{background:var(--badge-negative-bg);color:var(--badge-negative-fg);border-color:var(--badge-negative-border)}.ui-badge--info{background:var(--badge-info-bg);color:var(--badge-info-fg);border-color:var(--badge-info-border)}.ui-badge--trait{background:var(--badge-trait-bg);color:var(--badge-trait-fg);border-color:var(--badge-trait-border)}.ui-badge--solid{background:color-mix(in srgb, var(--badge-bg,var(--ui-accent)) 12%, transparent);color:color-mix(in srgb, var(--badge-bg,var(--ui-accent)) 95%, var(--ui-text));border-color:color-mix(in srgb, var(--badge-bg,var(--ui-accent)) 25%, transparent);border-style:solid;border-width:1px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-3-hover) 50%, var(--surface-3) 75%);border-radius:var(--ui-radius);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-tile-enter{animation:fadeSlideIn .3s var(--ui-ease) both}.card-tile-enter:first-child{animation-delay:0s}.card-tile-enter:nth-child(2){animation-delay:30ms}.card-tile-enter:nth-child(3){animation-delay:60ms}.card-tile-enter:nth-child(4){animation-delay:90ms}.card-tile-enter:nth-child(5){animation-delay:.12s}.card-tile-enter:nth-child(6){animation-delay:.15s}.card-tile-enter:nth-child(7){animation-delay:.18s}.card-tile-enter:nth-child(8){animation-delay:.21s}.card-tile-enter:nth-child(9){animation-delay:.24s}.card-tile-enter:nth-child(10){animation-delay:.27s}.card-tile-enter:nth-child(11){animation-delay:.3s}.card-tile-enter:nth-child(12){animation-delay:.33s}.card-tile-enter:nth-child(n+13){animation-delay:.36s}@media (width<=1023px){.app-nav .ui-btn{background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;gap:2px;height:60px;min-height:60px;padding:4px 2px;font-size:.65rem}.app-nav .ui-btn:hover,.app-nav .ui-btn.is-active{background:var(--ui-accent-subtle,#8b5cf61f);box-shadow:none;border:none;border-radius:0}}.card-popover-portal{pointer-events:none;z-index:9999;position:fixed;top:0;left:0}.card-popover-container{-webkit-backdrop-filter:blur(12px);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);width:520px;box-shadow:0 12px 40px -10px #000000bf, 0 0 24px color-mix(in srgb, var(--popover-glow,var(--ui-accent)) 18%, transparent);box-sizing:border-box;background:#13131ef0;flex-direction:row;gap:1rem;padding:1rem;animation:.15s cubic-bezier(.16,1,.3,1) forwards popoverEnter;display:flex;position:absolute}.card-popover-container.image-only{gap:0;width:378px;padding:.5rem}@keyframes popoverEnter{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-popover-image{border-radius:var(--ui-radius);width:360px;height:504px;box-shadow:var(--elev-1);object-fit:cover;background:var(--surface-3);border:1px solid #ffffff14;flex-shrink:0}.card-popover-details{text-align:left;flex-direction:column;flex:1;gap:.45rem;display:flex;overflow:hidden}.card-popover-title{font-family:var(--heading);color:var(--text-h);font-size:1.05rem;font-weight:600;line-height:1.25}.card-popover-meta{flex-wrap:wrap;gap:4px;display:flex}.card-popover-stats{color:var(--ui-text-muted);border-bottom:1px solid var(--ui-border-soft);gap:.75rem;padding-bottom:.35rem;font-size:.8rem;display:flex}.card-popover-ability-list{flex-direction:column;gap:6px;max-height:190px;padding-right:4px;display:flex;overflow-y:auto}.card-popover-ability-item{flex-direction:column;gap:2px;display:flex}.card-popover-ability-label{text-transform:uppercase;color:var(--ui-text-dim);letter-spacing:.04em;font-size:.65rem;font-weight:700}.card-popover-ability-text{color:var(--ui-text);border-left:2px solid var(--border-color,var(--ui-border));background:#0000002e;border-radius:4px;padding:4px 6px;font-size:.75rem;line-height:1.35}.ui-tooltip{background:var(--surface-2-glass,#13131ef5);-webkit-backdrop-filter:blur(8px);border:1px solid var(--ui-border);color:var(--ui-text);box-shadow:var(--elev-2);white-space:pre-line;pointer-events:none;border-radius:6px;max-width:280px;padding:6px 10px;font-family:inherit;font-size:.78rem;line-height:1.45;animation:.1s ease-out forwards tooltipEnter}@keyframes tooltipEnter{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ml-dashboard-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.ml-dashboard-grid{grid-template-columns:2fr 1.1fr}}.ml-main-column,.ml-sidebar-column{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.ml-status-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.ml-status-card{background:var(--surface-2-glass);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--elev-1);transition:transform var(--ui-dur) var(--ui-ease), box-shadow var(--ui-dur) var(--ui-ease), border-color var(--ui-dur) var(--ui-ease);padding:1.25rem;position:relative}.ml-status-card:hover{box-shadow:var(--elev-2);border-color:var(--ui-border-strong);transform:translateY(-2px)}.ml-status-card:before{content:"";background:var(--card-accent,var(--ui-accent));width:3px;box-shadow:0 0 10px var(--card-accent,var(--ui-accent));border-radius:0 4px 4px 0;position:absolute;top:15%;bottom:15%;left:0}.ml-status-card.active-training{--card-accent:var(--ui-positive)}.ml-status-card.active-serving{--card-accent:var(--ui-special)}.ml-status-card.active-schema{--card-accent:var(--ui-accent)}.ml-status-card__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ml-status-card__title{font-family:var(--heading);color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.95rem;font-weight:600}.ml-panel{background:var(--surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--elev-1);padding:1.5rem}.ml-panel__header{border-bottom:1px solid var(--ui-border-soft);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.ml-panel__title{font-family:var(--heading);color:var(--text-h);align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:600;display:flex}.ml-panel__subtitle{color:var(--ui-text-muted);margin-left:.5rem;font-size:.78rem;font-weight:400}.ml-form-stack{flex-direction:column;gap:1.25rem;display:flex}.ml-form-stack input,.ml-form-stack select{box-sizing:border-box;width:100%;min-width:0}.ml-form-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.ml-form-desc{color:var(--ui-text-dim);margin-bottom:.5rem;font-size:.8rem;line-height:1.4}.ml-table-container{-webkit-overflow-scrolling:touch;border-radius:var(--ui-radius);border:1px solid var(--ui-border-soft);background:#00000014;overflow:auto hidden}.ml-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.ml-table th{background:var(--surface-3);color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ui-border);white-space:nowrap;padding:10px 14px;font-size:.75rem;font-weight:600}.ml-table td{color:var(--ui-text-muted);border-bottom:1px solid var(--ui-border-soft);vertical-align:middle;padding:10px 14px}.ml-table tbody tr{transition:background var(--ui-dur) var(--ui-ease)}.ml-table tbody tr:hover{background:#ffffff05}.ml-table tbody tr:last-child td{border-bottom:none}.ml-table .mono{font-family:var(--mono);font-size:.8rem}.ml-table .num{text-align:right}.ml-progress{background:var(--surface-3);border:1px solid var(--ui-border);border-radius:6px;height:8px;position:relative;overflow:hidden}.ml-progress__bar{background:linear-gradient(90deg, var(--ui-accent) 0%, color-mix(in srgb, var(--ui-accent) 70%, #fff) 100%);border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #8b5cf680}.ml-progress__bar--pulse{position:relative;overflow:hidden}.ml-progress__bar--pulse:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff26 50%,#fff0 100%);animation:2s linear infinite progressShimmer;position:absolute;inset:0}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ml-ladder-grid{flex-direction:column;gap:2rem;margin-top:1rem;display:flex}.ml-chart-container{border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border-soft);background:#0000001f;padding:1.25rem}.ml-chart-title{color:var(--ui-text-muted);margin:0 0 .75rem;font-size:.88rem;font-weight:600}.ml-chart-svg{filter:drop-shadow(0 4px 8px #0000004d)}.ml-matrix-container{border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border-soft);background:#0000001f;padding:1.25rem}.ml-matrix-title{color:var(--ui-text-muted);justify-content:space-between;align-items:center;margin:0 0 .75rem;font-size:.88rem;font-weight:600;display:flex}.ml-matrix-table{border-collapse:separate;border-spacing:2px;width:auto}.ml-matrix-cell{text-align:center;width:44px;height:38px;font-family:var(--mono);transition:transform var(--ui-dur) var(--ui-ease), box-shadow var(--ui-dur) var(--ui-ease);border-radius:4px;font-size:.8rem;border:none!important;padding:0!important}.ml-matrix-cell:hover:not(.empty-cell){z-index:5;position:relative;transform:scale(1.08);box-shadow:0 4px 10px #0006}.ml-matrix-cell.win-high{color:#34d399;background:#34d39940}.ml-matrix-cell.win-mid{color:#6ee7b7;background:#34d39926}.ml-matrix-cell.loss-high{color:#f87171;background:#f8717140}.ml-matrix-cell.loss-mid{color:#fca5a5;background:#f8717126}.ml-matrix-cell.empty-cell{color:var(--ui-text-dim);background:#ffffff05}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot--green{background:var(--ui-positive);box-shadow:0 0 8px var(--ui-positive)}.status-dot--pulse-green{background:var(--ui-positive);animation:2s infinite pulseGreen}.status-dot--orange{background:var(--badge-warning-fg);box-shadow:0 0 8px var(--badge-warning-fg)}.status-dot--pulse-orange{background:var(--badge-warning-fg);animation:2s infinite pulseOrange}@keyframes pulseGreen{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes pulseOrange{0%{box-shadow:0 0 #fbbf24b3}70%{box-shadow:0 0 0 6px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}:root[data-theme=light] .ml-status-card,:root[data-theme=light] .ml-panel{background:var(--surface-1)}:root[data-theme=light] .ml-chart-container,:root[data-theme=light] .ml-matrix-container{background:var(--surface-2)}:root[data-theme=light] .ml-matrix-cell.win-high{color:#198754;background:#19875426}:root[data-theme=light] .ml-matrix-cell.win-mid{color:#198754;background:#19875414}:root[data-theme=light] .ml-matrix-cell.loss-high{color:#dc3545;background:#dc354526}:root[data-theme=light] .ml-matrix-cell.loss-mid{color:#dc3545;background:#dc354514}.ml-tooltip-bubble{z-index:100;background:var(--surface-2-glass,var(--surface-2));-webkit-backdrop-filter:blur(8px);color:var(--ui-text);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);white-space:normal;text-align:left;width:max-content;max-width:280px;box-shadow:var(--elev-2);pointer-events:none;animation:tooltipEnter .18s var(--ui-ease) forwards;margin-top:8px;padding:6px 12px;font-size:.72rem;font-weight:400;line-height:1.45;position:absolute;top:100%;left:50%;transform:translate(-50%)}.ml-kv-table{border-collapse:collapse;width:100%;margin-top:.25rem;font-size:.82rem}.ml-kv-key{color:var(--ui-text-dim);vertical-align:top;padding:4px 12px 4px 0;font-weight:500}.ml-kv-val{color:var(--ui-text);vertical-align:top;padding:4px 0;font-weight:600}