@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-Thin-DOPItXPn.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-XLight-Bul2SfIY.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-Light-Xs-rs_iy.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-Regular-yoRWosWG.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-Medium-pTh4atTN.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-SemiBold-D0nx5ZkF.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-Bold-Dgg3KP9Z.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-XBold-CZ9AgAkN.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-Heavy-DJS2sBqq.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/assets/SVN-Gilroy-Black-BUJ_AzJ5.otf) format("opentype");font-weight:1000;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-200-BeQLFx6W.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-200italic-DhJG8hGD.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-300-CXAZHess.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-300italic-DkdUelum.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-Regular-Dri-DN7i.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-Italic-0kK3hPV5.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-500-BqzHE4sl.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-600-B2ZXZuzB.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-700-sQFPQXy9.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-800-DQq-fmvu.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-900-BKzNff4I.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--tft-navy: #162342;--tft-gold: #d7a874;--tft-void: #0e1933;--navy-800: #0a1328;--navy-600: #1d2c4d;--gold-300: #e6bd8d;--gold-500: #bd8653;--cool-100: #f4efe6;--cool-300: #d6ddea;--cool-500: #b6c0d1;--cool-700: #75819a;--gray-400: #6f7890;--surface-page: var(--tft-void);--surface-raised: var(--tft-navy);--surface-raised-2: var(--navy-600);--surface-inset: var(--navy-800);--text-strong: var(--cool-100);--text-body: var(--cool-300);--text-muted: var(--cool-500);--text-faint: var(--cool-700);--text-on-gold: var(--tft-void);--accent: var(--tft-gold);--accent-hover: var(--gold-300);--accent-press: var(--gold-500);--accent-soft: rgba(215, 168, 116, .14);--link: #d8cfbd;--link-hover: #ece5d3;--interactive-neutral-hover: rgba(233, 237, 245, .06);--focus-outer: var(--accent);--focus-separator: var(--tft-void);--divider: rgba(233, 237, 245, .07);--border-subtle: rgba(233, 237, 245, .12);--scrim: rgba(3, 6, 15, .6);--ember-500: #eb7d7d;--ember-soft: rgba(235, 125, 125, .16);--cost-1: #b9c6d8;--cost-2: #54c2ae;--cost-3: #76adff;--cost-4: #c0a5f2;--cost-5: #f2d4a4;--radius-xs: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--inset-well: inset 0 1px 2px rgba(3, 7, 18, .45);--edge-highlight: inset 0 1px 0 rgba(244, 237, 224, .05);--shadow-xs: 0 1px 2px rgba(3, 7, 18, .3);--shadow-sm: 0 2px 6px rgba(3, 7, 18, .35);--shadow-pop: 0 10px 30px rgba(3, 7, 18, .55);--control-h-compact: 32px;--control-h-default: 40px;--font-family-gilroy: "SVN-Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-source-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: var(--font-family-gilroy);--font-family-brand: var(--font-family-gilroy);--font-family-body: var(--font-family-source-sans);--font-family-ui: var(--font-family-source-sans);--font-family-guide: var(--font-family-source-sans);--font-family-data: var(--font-family-source-sans);--font-family-primary: var(--font-family-heading);--font-display: var(--font-family-heading);--font-body: var(--font-family-body);--font-numeric: var(--font-family-data);--fw-display: 900;--fw-hero: 800;--fw-title: 700;--fw-heading: 600;--fw-control: 500;--fw-data: 500;--fw-support: 400;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.45;--lh-relaxed: 1.6;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0;--ls-wide: .04em;--ls-wider: .12em;--dur-fast: .12s;--dur-base: .18s;--ease: cubic-bezier(.2, .7, .3, 1);--bg: var(--surface-page);--bg-soft: var(--surface-inset);--panel: var(--surface-raised);--panel-strong: var(--surface-raised-2);--line: var(--border-subtle);--text: var(--text-strong);--body-text: var(--text-body);--muted: var(--text-muted);--faint: var(--text-faint);--accent-2: var(--accent-hover);--accent-3: var(--accent);--danger: var(--ember-500);--positive: var(--cost-2);font-family:var(--font-body);color:var(--text);background:var(--bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--lh-normal);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{position:relative;padding:32px;overflow:hidden}.workspace{position:relative;z-index:1}.comp-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--edge-highlight)}.eyebrow{display:inline-block;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-3);margin-bottom:14px}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{position:relative;z-index:1;width:min(460px,calc(100vw - 32px));padding:32px;border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid var(--line);box-shadow:var(--edge-highlight)}.auth-card h1{margin:0 0 10px;font-family:var(--font-display)}.auth-card p{margin:0 0 20px;color:var(--muted)}.auth-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h-default);text-decoration:none}.auth-form{display:grid;gap:14px}.auth-submit{width:100%}.ghost-button,.search-button{border:1px solid transparent;transition:var(--dur-base) var(--ease)}.ghost-button{background:transparent;color:var(--muted)}.ghost-button:hover{color:var(--text)}.field{display:grid;gap:10px}.field>span{color:var(--muted);font-size:var(--text-sm)}.field.field--accent>span{color:var(--accent)}.field-grid{display:grid;gap:8px}.field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}input,select{width:100%;border:1px solid var(--border-subtle);background:var(--surface-inset);color:var(--text);border-radius:var(--radius-xs);padding:13px 14px;outline:none}select option{color:var(--text);background:var(--panel-strong)}.emblem-picker{display:grid;gap:12px}.emblem-group{display:grid;gap:7px}.emblem-group>strong{color:var(--body-text);font-size:var(--text-sm);font-weight:600}.emblem-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.emblem-button{position:relative;aspect-ratio:1;min-width:0;padding:2px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:var(--surface-inset);color:var(--text)}.emblem-button:hover{border-color:var(--border-subtle)}.emblem-button.active{border-color:var(--border-subtle);background:var(--accent-soft);box-shadow:var(--edge-highlight)}.emblem-button img{display:block;width:100%;height:100%;border-radius:var(--radius-xs);object-fit:cover;filter:brightness(0) invert(1);opacity:.88;-webkit-user-select:none;user-select:none}.emblem-count{position:absolute;right:-5px;bottom:-5px;min-width:18px;padding:1px 5px;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-gold);font-family:var(--font-numeric);font-size:var(--text-2xs);font-weight:var(--fw-heading);font-variant-numeric:tabular-nums;line-height:1.2;text-align:center;box-shadow:none}.emblem-hint{color:var(--muted);font-size:var(--text-xs);line-height:1.4}.trait-filter-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.trait-filter-combobox{position:relative;min-width:0}.trait-filter-combobox input{width:100%;padding-right:38px}.trait-filter-chevron{position:absolute;top:50%;right:14px;color:var(--muted);font-size:1rem;line-height:1;pointer-events:none;transform:translateY(-54%)}.trait-filter-menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:100%;max-height:320px;overflow-y:auto;display:grid;gap:2px;padding:7px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised-2);box-shadow:var(--shadow-pop)}.trait-filter-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;padding:9px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--body-text);text-align:left}.trait-filter-menu button:hover,.trait-filter-menu button:focus-visible,.trait-filter-menu button.selected{background:var(--interactive-neutral-hover);outline:none}.trait-filter-menu button b{min-width:26px;color:var(--accent);font-size:var(--text-sm);text-align:right}.trait-filter-empty{padding:18px 12px;color:var(--muted);font-size:var(--text-sm);text-align:center}.combined-picker-menu{position:absolute;z-index:50;top:calc(100% + 6px);left:0;width:100%;max-height:325px;overflow:auto;display:grid;gap:6px;padding:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised-2);box-shadow:var(--shadow-pop)}.combined-picker-section+.combined-picker-section{padding-top:8px;border-top:1px solid var(--divider)}.combined-picker-section-label{padding:2px 4px 6px;color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-heading);letter-spacing:.08em;text-transform:uppercase}.trait-table{display:grid;gap:2px}.trait-table-row{display:grid;grid-template-columns:minmax(64px,1.6fr) repeat(5,minmax(26px,1fr));gap:3px}.trait-table-row--with-all{grid-template-columns:minmax(64px,1.6fr) repeat(6,minmax(26px,1fr))}.trait-table-cell{display:flex;align-items:center;justify-content:center;min-height:30px;min-width:0;padding:0 2px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--body-text);font-size:var(--text-xs)}.trait-table-name{justify-content:flex-start;padding-left:6px;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.trait-table-all,.trait-table-bp{background:var(--divider);font-weight:var(--fw-heading)}.trait-table-all{color:var(--accent);font-size:var(--text-2xs);letter-spacing:.02em;text-transform:uppercase}.trait-table-all:hover,.trait-table-all:focus-visible,.trait-table-all.selected,.trait-table-bp:hover,.trait-table-bp:focus-visible,.trait-table-bp.selected{background:var(--accent-soft);outline:none}.mode-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--border-subtle);color:var(--text);font-size:var(--text-xs);font-weight:var(--fw-heading);line-height:1;letter-spacing:.02em;white-space:nowrap}.mode-pill.compact{padding:3px 7px;font-size:var(--text-2xs)}.search-button{background:var(--accent);color:var(--text-on-gold);font-weight:var(--fw-heading);border-radius:var(--radius-md);padding:0 16px;min-width:180px}.search-button:disabled{opacity:.6;cursor:wait}.tag-list-empty{color:var(--muted);font-size:var(--text-base)}.cost-slider-grid{align-items:stretch}.cost-slider-stack{display:grid;gap:10px}.cost-slider-card{min-width:0;padding:8px;border-radius:var(--radius-md);background:var(--surface-inset);border:1px solid var(--border-subtle);display:grid;gap:6px}.cost-slider-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--text-sm)}.cost-slider-head span{color:var(--muted)}.cost-slider-head strong{color:var(--text);font-family:var(--font-numeric);font-size:var(--text-base);font-variant-numeric:tabular-nums}.cost-slider{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);padding:0;border:0;background:transparent;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;pointer-events:none}.cost-slider:focus{box-shadow:none}.cost-slider::-webkit-slider-thumb{pointer-events:auto}.cost-slider::-moz-range-thumb{pointer-events:auto}.range-slider{position:relative;height:18px}.range-slider-track,.range-slider-fill{position:absolute;top:50%;height:6px;transform:translateY(-50%);border-radius:999px}.range-slider-track{left:0;right:0;background:var(--border-subtle)}.cost-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.cost-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--text-strong);border:2px solid var(--accent);box-shadow:none}.cost-slider::-moz-range-track{height:6px;border-radius:999px;background:transparent}.cost-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--text-strong);border:2px solid var(--accent);box-shadow:none}.cost-slider-scale{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:var(--text-sm)}.avatar-tag-list{display:flex;flex-wrap:wrap;gap:10px}.avatar-tag-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:var(--radius-pill);background:var(--interactive-neutral-hover);color:var(--text)}.avatar-tag-chip img{width:30px;height:30px;object-fit:cover;border-radius:var(--radius-pill)}.avatar-tag-chip strong{color:var(--muted)}.avatar-tag-chip.readonly{cursor:default;background:var(--surface-inset);border:1px solid var(--border-subtle)}.avatar-tag-chip.readonly strong{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.avatar-tag-chip.icon-only{position:relative;width:40px;height:40px;padding:0;gap:0;overflow:hidden}.avatar-tag-chip.icon-only img{width:100%;height:100%;border-radius:inherit}.avatar-tag-remove{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);color:var(--text);font-size:1.05rem;line-height:1;opacity:0;transition:opacity var(--dur-fast) var(--ease)}.avatar-tag-remove.locked{font-size:var(--text-sm)}.avatar-tag-chip.icon-only:hover .avatar-tag-remove,.avatar-tag-chip.icon-only:focus-visible .avatar-tag-remove{opacity:1}.avatar-tag-count{position:absolute;bottom:2px;right:2px;background:var(--accent);color:var(--text-on-gold);font-size:var(--text-2xs);font-weight:var(--fw-heading);line-height:1;padding:1px 4px;border-radius:var(--radius-pill);pointer-events:none}.unit-picker{display:grid;gap:12px;margin-top:6px;padding-top:6px}.unit-picker-grid{display:grid;grid-template-columns:1fr;gap:10px;max-height:325px;overflow:auto;padding-right:4px}.unit-select-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;width:100%;padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-inset);color:var(--text);text-align:left}.unit-select-card:hover,.unit-select-card.active{border-color:var(--border-subtle);background:var(--interactive-neutral-hover)}.unit-select-avatar{width:68px;height:68px;object-fit:cover;border-radius:16px}.unit-select-body{min-width:0;display:grid;gap:5px}.unit-select-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.unit-name-stack{display:grid;gap:4px;min-width:0}.unit-select-head strong{font-size:var(--text-base)}.results-panel{display:grid;gap:18px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0 4px}.page-button{min-width:110px;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text);transition:var(--dur-base) var(--ease)}.page-button:hover:not(:disabled){border-color:var(--border-subtle);background:var(--interactive-neutral-hover)}.page-button:disabled{opacity:.45;cursor:not-allowed}.page-summary{min-width:120px;text-align:center;color:var(--muted);font-size:var(--text-base)}.advanced-controls-row{display:flex;align-items:stretch;gap:16px}.advanced-controls-row>.advanced-controls-grid{flex:1 1 auto;min-width:0}.advanced-controls-divider{flex:0 0 1px;align-self:stretch;background:var(--divider)}.timing-stat{flex:0 0 180px;min-width:180px;display:flex;flex-direction:column;justify-content:center;gap:4px}.timing-stat-label{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-heading);letter-spacing:.08em;text-transform:uppercase}.timing-stat-value{font-family:var(--font-numeric);font-size:1.1rem;color:var(--accent-3);font-variant-numeric:tabular-nums}.error-banner{padding:16px 18px;border-radius:var(--radius-md);background:var(--ember-soft);border:1px solid var(--border-subtle);color:var(--ember-500)}.results-empty{padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.results-empty-heading{margin:0 0 8px;font-weight:600}.results-empty ul{margin:0;padding-left:20px;display:grid;gap:6px}.results-grid,.skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comp-card{border-radius:26px;padding:12px;display:grid;gap:10px;align-content:start}.comp-top,.unit-row,.trait-strip{display:flex}.comp-top{justify-content:space-between;align-items:start;gap:12px}.comp-chips{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:flex-end}.comp-copy-button{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;font-size:var(--text-xs);color:var(--body-text);background:var(--interactive-neutral-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.comp-copy-button svg{display:block;height:1em;width:auto;aspect-ratio:426 / 426;fill:currentColor}.comp-copy-check{display:block;height:1em;line-height:1;font-weight:700}.comp-copy-error{display:block;height:1em;color:var(--ember-500);line-height:1;font-weight:700}.comp-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comp-copy-button:hover{background:var(--surface-raised-2)}.comp-copy-button:active{background:var(--surface-inset);transform:translateY(.5px)}.comp-top h3{margin:0;align-self:center;color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-support);letter-spacing:0}.score-chip{padding:4px 9px;border-radius:var(--radius-pill);background:var(--interactive-neutral-hover);color:var(--muted);font-size:var(--text-xs)}.score-chip-primary{background:var(--accent-soft);color:var(--text);border:1px solid var(--border-subtle)}.trait-strip{gap:5px;flex-wrap:wrap}.trait-strip-near-group{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto}.trait-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:34px;padding:3px 5px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--interactive-neutral-hover);font-size:var(--text-2xs);font-weight:var(--fw-heading);line-height:1}.trait-badge--bonus{color:var(--text-strong);background:color-mix(in srgb,var(--positive) 24%,var(--bg-soft));border-color:color-mix(in srgb,var(--positive) 62%,transparent)}.trait-badge--penalty{color:var(--text-strong);background:color-mix(in srgb,var(--danger) 24%,var(--bg-soft));border-color:color-mix(in srgb,var(--danger) 68%,transparent)}.trait-badge--near{color:var(--faint);background:transparent;border-style:dashed;border-color:var(--border-subtle)}.trait-badge--near img{opacity:.55}.trait-badge img{width:17px;height:17px}.trait-effect-marker{display:none}.trait-badge--filter{gap:4px;min-width:38px;padding:3px 6px 3px 5px;border-color:var(--border-subtle);background:var(--interactive-neutral-hover);color:var(--text);font-family:inherit;cursor:pointer}.trait-badge--filter:hover,.trait-badge--filter:focus-visible{background:var(--accent-soft);border-color:var(--border-subtle);outline:none}.unit-row{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.unit-card{position:relative;width:64px;min-width:64px;border-radius:var(--radius-lg);background:var(--surface-inset);border:1px solid color-mix(in srgb,var(--unit-accent) 55%,transparent);overflow:hidden}.unit-avatar{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.unit-meta{padding:5px 5px 6px;display:grid;gap:3px}.unit-meta strong{font-size:var(--text-2xs);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-meta span{display:none}.skeleton-card{min-height:230px;background:linear-gradient(90deg,var(--divider) 25%,var(--interactive-neutral-hover) 37%,var(--divider) 63%),var(--panel);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.app-shell{width:min(100%,1920px);margin:0 auto;padding:24px;overflow:visible}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.control-toolbar,.panel-card,.comp-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--edge-highlight);-webkit-backdrop-filter:none;backdrop-filter:none}.control-toolbar{display:grid;gap:8px;padding:12px;position:relative;z-index:3}.toolbar-heading,.toolbar-actions,.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar-brand{display:grid;align-items:start;gap:2px;min-width:0;position:relative}.brand-title-row{display:flex;align-items:center;gap:6px}.brand-help summary{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;height:24px;justify-content:center;list-style:none;margin-top:3px;width:24px}.brand-help summary::-webkit-details-marker{display:none}.brand-help summary:hover{background:#ffffff12}.brand-help summary:focus-visible{outline:1px solid var(--text);outline-offset:2px}.brand-help summary img{display:block;height:13px;width:13px}.brand-help-note{background:var(--surface-raised-2);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-pop);left:0;padding:16px;position:absolute;top:calc(100% + 8px);width:min(440px,calc(100vw - 80px));z-index:20}.brand-help:not([open]) .brand-help-note{display:none}.brand-help-note strong{color:var(--text);display:block;font-family:var(--font-family-brand);font-size:1rem;margin-bottom:8px}.toolbar-brand .brand-help-note p{color:var(--body-text);font-size:var(--text-sm);line-height:var(--lh-relaxed);margin:0;max-width:none}.toolbar-brand .brand-help-note p+p{margin-top:8px}.toolbar-brand>span,.eyebrow{color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.toolbar-brand h1,.results-toolbar h2{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em}.toolbar-brand h1{margin:3px 0 2px;font-family:var(--font-family-brand);font-size:1.6rem;font-weight:var(--fw-title);line-height:1.15}.toolbar-brand h1.brand-title-premium{background:linear-gradient(100deg,#f6d99a,#d7a874 30%,#f3f4f7 58%,#aeb4c2 80%,#e6bd8d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.premium-badge{align-self:center;background:linear-gradient(100deg,#f1cf8c,#d7a874 40%,#e9ebf0 75%,#b9bfcc);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px #ffffff59;color:#2a2116;font-family:var(--font-family-body);font-size:.66rem;font-weight:var(--fw-title);letter-spacing:.06em;line-height:1;padding:3px 7px;text-transform:uppercase;white-space:nowrap}.fast-quota-chip{align-self:center;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-family-body);font-size:.7rem;font-weight:var(--fw-support);line-height:1;padding:3px 8px;white-space:nowrap}.fast-quota-chip.is-empty{color:var(--muted)}.toolbar-brand p{margin:0;color:var(--muted);font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--fw-support);line-height:var(--lh-snug);max-width:58ch;overflow-wrap:break-word}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.set-picker{display:inline-flex;align-items:center;gap:8px}.set-picker-label{color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.set-picker select{width:auto;min-height:var(--control-h-compact);padding:0 10px;border-radius:var(--radius-xs);font-size:var(--text-sm);cursor:pointer}.control-priority-stack{display:grid;gap:8px}.control-row{display:grid;gap:8px;align-items:start}.advanced-controls-grid{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(210px,1.5fr) repeat(2,minmax(110px,.8fr));gap:8px;padding-top:8px}.field{gap:4px;min-width:0}.field>span{color:var(--muted);font-size:var(--text-sm);font-weight:var(--fw-heading);line-height:1.2}.field>span.field-label--accent{color:var(--accent)}.cost-lock-button{display:inline-flex;align-items:center;margin-left:6px;padding:0;border:none;background:none;color:var(--tft-gold);cursor:pointer;vertical-align:-2px}.cost-lock-button:hover,.cost-lock-button[aria-pressed=true]{color:var(--gold-300)}.cost-lock-button svg{width:13px;height:13px;display:block;fill:currentColor}input,select{min-height:var(--control-h-default);color:var(--text-strong);background:var(--bg-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);box-shadow:var(--inset-well);padding:0 12px;font-size:var(--text-base);font-weight:var(--fw-support);outline:none;text-overflow:ellipsis}input::placeholder{color:var(--text-faint)}input[placeholder="Ignore irrelevant trait penalty"]::placeholder,input[placeholder="Ko trừ điểm tộc hệ ko liên quan"]::placeholder{color:var(--accent);opacity:1}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-separator)}.ghost-button,.page-button{min-height:var(--control-h-default);color:var(--body-text);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-heading);letter-spacing:-.01em;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.ghost-button:hover,.page-button:hover:not(:disabled){color:var(--text);background:var(--interactive-neutral-hover)}.mode-toggle{min-width:144px;white-space:nowrap}.mode-toggle[aria-pressed=true]{color:var(--text);background:var(--interactive-neutral-hover);border-color:var(--border-subtle);box-shadow:var(--edge-highlight)}.mode-toggle[aria-pressed=true]:hover{background:var(--surface-raised-2)}.mode-advanced-only{display:none}.search-button{min-height:var(--control-h-default);color:var(--text-on-gold);font-size:var(--text-base);font-weight:var(--fw-heading);letter-spacing:-.01em;background:var(--accent);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none}.search-button:hover{background:var(--accent-hover);transform:none}.search-button:active{background:var(--accent-press);transform:translateY(.5px)}.direction-dialog{width:min(520px,calc(100vw - 24px));padding:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text);background:var(--surface-raised-2);box-shadow:var(--shadow-pop)}.direction-dialog::backdrop{background:#030a1cc2}.direction-dialog-content{display:grid;gap:16px}.direction-dialog-header{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.direction-dialog-header h2,.direction-dialog-prompt{margin:0}.direction-dialog-close{position:absolute;right:0;min-width:40px;min-height:40px;padding:0;font-size:1.4rem}.direction-dialog-prompt{padding-top:4px;border-top:1px solid var(--divider);color:var(--accent);font-weight:var(--fw-heading);text-align:center}.direction-dialog .field>span{color:var(--text);text-align:center}.direction-dialog .auto-damage-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.direction-dialog .auto-cost-options{grid-template-columns:repeat(5,minmax(0,1fr))}.direction-dialog .auto-cost-options button{min-width:0;padding-inline:2px}.direction-dialog .auto-damage-options button{width:100%;text-align:center}.direction-dialog .search-button{width:100%}.upgrade-wait-dialog{width:min(440px,calc(100vw - 24px));padding:24px 20px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text);background:var(--surface-raised-2);box-shadow:var(--shadow-pop)}.upgrade-wait-dialog::backdrop{background:#030a1cc2}.upgrade-wait-content{display:grid;gap:12px;justify-items:center;text-align:center}.upgrade-wait-content h2,.upgrade-wait-content p{margin:0}.upgrade-wait-content p{font-family:var(--font-family-body);line-height:var(--lh-snug)}.upgrade-wait-status,.upgrade-wait-note{color:var(--muted);font-size:var(--text-sm)}.upgrade-wait-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:#d7a874;border-radius:50%;animation:upgrade-wait-spin .9s linear infinite}@keyframes upgrade-wait-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.upgrade-wait-spinner{animation-duration:2.4s}}.upgrade-wait-cta{background:linear-gradient(100deg,#f1cf8c,#d7a874 40%,#e9ebf0 75%,#b9bfcc);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px #ffffff59;color:#2a2116;font-weight:var(--fw-title);padding:10px 20px;text-decoration:none}.upgrade-wait-cta:hover{filter:brightness(1.06)}.upgrade-wait-cta:focus-visible{outline:2px solid var(--text);outline-offset:2px}.emblem-picker{grid-template-columns:repeat(10,36px);max-width:477px;column-gap:0;row-gap:13px;justify-content:space-between}.emblem-group{display:contents}.emblem-group>strong{color:var(--muted);font-size:var(--text-2xs)}.emblem-grid{display:contents}.emblem-button{width:36px;height:36px;padding:1px;background:var(--bg-soft);border-color:var(--border-subtle);border-radius:var(--radius-xs)}.emblem-button:hover{background:var(--interactive-neutral-hover);border-color:var(--border-subtle);box-shadow:none}.emblem-button.active{background:var(--surface-raised-2);border-color:var(--border-subtle);box-shadow:var(--edge-highlight)}.emblem-button img{border-radius:2px;filter:none;opacity:1}.emblem-button img[src*=_Black]{filter:invert(1)}.emblem-count{color:var(--text-on-gold);background:var(--accent);border-color:var(--panel)}.emblem-hint,.tag-list-empty{color:var(--faint);font-size:var(--text-2xs)}.trait-filter-editor{grid-template-columns:minmax(0,1fr)}.trait-filter-menu,.unit-picker,.combined-picker-menu{color:var(--body-text);background:var(--panel-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.trait-filter-menu button{color:var(--body-text)}.trait-filter-menu button:hover,.trait-filter-menu button:focus-visible,.trait-filter-menu button.selected{color:var(--text);background:var(--interactive-neutral-hover)}.trait-filter-menu button b{color:var(--accent)}.trait-table-cell{color:var(--body-text)}.trait-table-all,.trait-table-bp{background:var(--bg-soft)}.trait-table-all{color:var(--accent)}.trait-table-bp.empty{background:transparent}.trait-table-all:hover,.trait-table-all:focus-visible,.trait-table-all.selected,.trait-table-bp:hover,.trait-table-bp:focus-visible,.trait-table-bp.selected{color:var(--text);background:var(--accent-soft)}.avatar-tag-chip{background:var(--bg-soft);border-color:var(--border-subtle);border-radius:var(--radius-xs)}.avatar-tag-chip.icon-only{border-radius:var(--radius-md)}.cost-slider-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cost-slider-stack>.field-grid{display:contents}.cost-slider-stack>.field-grid.mode-advanced-only{display:none}.unit-combobox{position:relative;min-width:0}.unit-combobox-input-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border:1px solid var(--border-subtle);background:var(--surface-inset);border-radius:var(--radius-xs);padding:4px 8px;position:relative}.unit-combobox-input-wrap:focus-within{outline:2px solid var(--focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-separator)}.unit-combobox-input-wrap,.control-toolbar select,.control-toolbar .field>input{min-height:44px}.control-toolbar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:14px}.unit-combobox-input-wrap input{min-height:0;flex:1 1 70px;min-width:0;width:auto;border:none;background:transparent;padding:8px 0}.unit-combobox-input-wrap input:focus-visible{outline:none;box-shadow:none}.avatar-tag-list.inline{gap:4px}.avatar-tag-list.inline .avatar-tag-chip.icon-only{width:30px;height:30px}.avatar-tag-list.trait-filter-row{flex-basis:100%;gap:4px}.unit-combobox .unit-picker{position:absolute;z-index:50;top:calc(100% + 6px);left:0;width:100%;max-height:325px;margin:0;padding:4px;overflow:auto;grid-column:auto}.unit-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2px;max-height:none;overflow:visible;padding:0}.unit-select-card{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;padding:4px;border-radius:var(--radius-xs);background:var(--bg-soft);border-color:var(--divider)}.unit-select-card:hover,.unit-select-card.active{color:var(--text);background:var(--interactive-neutral-hover);border-color:var(--border-subtle)}.unit-select-avatar{width:36px;height:36px;border-radius:var(--radius-xs);object-position:center}.unit-select-body{gap:0}.unit-select-head strong{font-size:var(--text-sm)}.unit-picker-empty{padding:16px;color:var(--muted);text-align:center}.results-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.results-toolbar{min-height:50px}.results-toolbar h2{margin:2px 0 0;font-size:1.35rem}.results-summary{color:var(--muted);font-size:var(--text-sm)}.results-grid,.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));gap:16px}.comp-card{gap:8px;padding:10px}.trait-token{color:var(--body-text);background:var(--panel-strong);border:1px solid var(--divider)}.unit-avatar,.unit-select-avatar,.avatar-tag-chip img{object-position:65% center}.unit-row{overflow-x:hidden}.unit-card{flex:1 1 0;width:auto;min-width:0;max-width:64px;background:var(--bg-soft)}.unit-row .unit-card{border-width:3px}.unit-row .unit-card--swappable .unit-meta strong{color:var(--accent)}.frequency-section{min-width:0;display:grid;gap:8px}.frequency-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.frequency-heading h3{margin:2px 0 0;color:var(--text);font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em}.frequency-heading>span{color:var(--muted);font-size:var(--text-sm)}.frequency-groups{display:flex;align-items:end;box-sizing:border-box;gap:40px;min-width:0;padding-inline:12px;padding-bottom:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.frequency-group{display:grid;flex:1 1 auto;gap:6px;min-width:0}.frequency-group-selected{flex:0 1 auto}.frequency-group-selected+.frequency-group-others{position:relative;padding-left:40px}.frequency-group-selected+.frequency-group-others:before{position:absolute;top:0;bottom:2px;left:0;width:1px;background:var(--line);content:""}.frequency-group-label{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-heading);letter-spacing:.04em;text-transform:uppercase}.frequency-list{display:grid;grid-template-columns:repeat(var(--frequency-count),84px);justify-content:start;gap:20px;min-width:min-content;margin:0;padding:2px 0;list-style:none}.frequency-list>li{min-width:0}.frequency-unit-card{width:84px;min-width:84px;max-width:84px;border-width:3px;padding:0;color:inherit;text-align:inherit;display:block}.frequency-count{position:absolute;z-index:1;top:4px;left:4px;min-width:25px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--scrim);color:var(--text);font-family:var(--font-numeric);font-size:var(--text-2xs);font-weight:var(--fw-heading);font-variant-numeric:tabular-nums;line-height:16px;text-align:center}.auth-card{border-radius:var(--radius-md);background:var(--panel);border-color:var(--line);box-shadow:var(--edge-highlight);-webkit-backdrop-filter:none;backdrop-filter:none}.range-slider-track{background:var(--border-subtle)}.range-slider-fill{background:var(--accent)}.cost-slider::-webkit-slider-thumb{background:var(--text);border-color:var(--accent);box-shadow:none}.cost-slider::-moz-range-thumb{background:var(--text);border-color:var(--accent);box-shadow:none}.score-chip-primary,.mode-pill{color:var(--text);background:var(--accent-soft);border-color:var(--border-subtle)}.error-banner{color:var(--ember-500);background:var(--ember-soft);border-color:var(--border-subtle)}.control-row-primary{grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,3.5fr) minmax(0,3.5fr)}.auto-damage-options{display:flex;flex-wrap:wrap;gap:.4rem}.auto-damage-options button{min-width:3.25rem;min-height:2.25rem;border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--muted);background:var(--surface-raised)}.auto-damage-options button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.auto-carry-tabs{margin-bottom:.5rem;border-color:var(--accent)}.results-filter-row{display:flex;align-items:stretch;gap:12px}.results-filter-row .auto-carry-tabs{margin-bottom:0;height:auto}.results-cost-slider .cost-slider-head strong{color:var(--muted);font-family:inherit;font-size:inherit;font-weight:400}.results-cost-slider{flex:0 1 200px;min-width:100px;margin-left:auto}.auto-carry-tabs .level-tab.active{color:var(--accent);border-color:var(--accent)}.auto-carry-tab{font-size:var(--text-base)}.unit-select-card[aria-disabled=true]{opacity:.4;cursor:not-allowed}.control-row-primary.basic-mode{grid-template-columns:minmax(0,1.5fr) minmax(0,3.5fr) minmax(0,3.5fr) minmax(0,1.5fr)}.control-row-primary.basic-mode>.field-sorting{align-self:stretch;grid-template-rows:auto 1fr}.control-row-costs{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);padding-top:8px;border-top:1px solid var(--divider)}.secondary-controls{padding-top:6px;border-top:1px solid var(--divider)}.secondary-controls-body{display:grid;gap:8px;padding-top:8px}.advanced-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.advanced-controls-heading span{color:var(--body-text);font-size:var(--text-xs);font-weight:600}.advanced-controls-heading small{margin-left:auto;color:var(--faint);font-size:var(--text-xs)}.advanced-controls-grid{grid-template-columns:minmax(170px,4fr) minmax(150px,3fr) minmax(120px,2.5fr)}.level-selector{display:flex;align-items:center;gap:16px;padding-top:8px;border-top:1px solid var(--divider)}.level-tabs{display:flex;flex:1 1 auto;min-width:0;height:var(--control-h-default);padding:3px;gap:3px;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--inset-well);overflow-x:auto;scrollbar-width:none}.level-tabs::-webkit-scrollbar{display:none}.level-tab{flex:1 0 56px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:var(--fw-support);letter-spacing:0;white-space:nowrap;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.level-tab:hover:not(:disabled){color:var(--body-text);background:var(--interactive-neutral-hover)}.level-tab.active{color:var(--text);font-weight:var(--fw-heading);border-color:var(--border-subtle);background:var(--surface-raised-2);box-shadow:var(--edge-highlight),var(--shadow-xs)}.level-tab:disabled{cursor:wait;opacity:.55}.level-search-button{flex:0 0 auto;min-width:180px}@media (min-width: 1500px){.results-grid,.skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1180px){.workspace,.results-grid,.skeleton-grid{grid-template-columns:1fr}.unit-card{width:calc(25% - 9px)}.control-row-costs{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.advanced-controls{padding-left:0;padding-top:8px;border-left:0;border-top:1px solid var(--divider)}.advanced-controls-grid{grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,2.5fr)}}@media (max-width: 820px){:root{--text-xs: 11.5px;--text-sm: 12.5px;--text-base: 14px}.app-shell{padding:12px}.comp-card{border-radius:var(--radius-md)}.field-grid.two-col,.field-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.search-button{width:100%}.unit-card{width:calc(50% - 6px)}.control-toolbar{padding:14px}.toolbar-heading{align-items:stretch;flex-direction:column}.brand-help-note{right:0;width:min(440px,calc(100vw - 56px))}.pagination{gap:8px}.page-button{flex:1 1 0;min-width:0;padding-inline:8px}.page-summary{min-width:0}.frequency-heading{align-items:flex-start}.frequency-groups{align-items:start;gap:20px;overflow-x:auto;padding-bottom:8px;overscroll-behavior-inline:contain;scrollbar-width:thin}.frequency-group{flex:0 0 auto}.frequency-group-selected+.frequency-group-others{padding-left:20px}.frequency-list{grid-template-columns:repeat(var(--frequency-count),56px);gap:10px}.frequency-unit-card{width:56px;min-width:56px;max-width:56px}.toolbar-actions{flex-wrap:nowrap;justify-content:stretch;gap:6px}.toolbar-actions .set-picker select{padding-inline:6px;font-size:var(--text-xs)}.toolbar-actions .ghost-button{padding-inline:8px;font-size:var(--text-xs)}.toolbar-actions .mode-toggle{min-width:0}.toolbar-actions .search-button{flex:1 1 100%;order:-1}.control-row-primary,.control-row-primary.basic-mode{grid-template-columns:minmax(0,4fr) minmax(0,6fr);grid-template-areas:"carry include" "supporter exclude"}.control-row-primary.basic-mode{grid-template-areas:"carry include" "sorting exclude"}.control-row-primary>.field-carry{grid-area:carry}.control-row-primary>.field-include{grid-area:include}.control-row-primary>.field-supporter{grid-area:supporter}.control-row-primary>.field-exclude{grid-area:exclude}.control-row-primary>.field-sorting{grid-area:sorting}input,select{min-height:40px;padding:8px 10px}.cost-slider-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.level-selector{align-items:stretch;flex-direction:column;gap:8px}.results-filter-row{flex-wrap:wrap}.results-cost-slider{flex:0 0 200px}.unit-row .unit-card,.frequency-unit-card{border-width:2px}.unit-card{border-radius:var(--radius-md)}.unit-row .unit-meta{display:none}.trait-badge{min-width:0;gap:2px;padding:2px 4px}.trait-badge img{width:13px;height:13px}.level-tabs{width:100%}.level-tab{flex:1 1 0;min-width:0}.level-search-button{width:100%}.control-row-costs{grid-template-columns:repeat(2,minmax(0,1fr))}.control-row-costs>.field:first-child{display:contents}.control-row-costs>.field:first-child>span{grid-column:1 / -1}.control-row-costs .cost-slider-stack{display:contents}.emblem-picker{grid-template-columns:repeat(7,minmax(0,1fr))}.emblem-button{width:100%;height:auto}.advanced-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-controls-grid>.field:first-child{grid-column:1 / -1}}.combined-picker-menu .unit-select-card,.combined-picker-menu .unit-select-card:hover,.combined-picker-menu .unit-select-card.active,.unit-combobox .unit-picker .unit-select-card,.unit-combobox .unit-picker .unit-select-card:hover,.unit-combobox .unit-picker .unit-select-card.active{border-width:4px;border-color:var(--unit-accent)}.combined-picker-menu,.unit-combobox .unit-picker{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.combined-picker-menu::-webkit-scrollbar,.unit-combobox .unit-picker::-webkit-scrollbar{width:8px}.combined-picker-menu::-webkit-scrollbar-track,.unit-combobox .unit-picker::-webkit-scrollbar-track{background:transparent}.combined-picker-menu::-webkit-scrollbar-thumb,.unit-combobox .unit-picker::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border:2px solid transparent;border-radius:999px;background-clip:padding-box}.combined-picker-menu::-webkit-scrollbar-thumb:hover,.unit-combobox .unit-picker::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint)}.variant-slots{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.variant-slot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--text-xs)}.variant-slot-anchor{padding:3px 9px;border-radius:999px;color:var(--accent);background:var(--bg-soft);border-left:3px solid var(--unit-accent, var(--line))}.variant-slot-or{color:var(--faint)}.variant-slot-options{display:flex;flex-wrap:wrap;gap:5px}.variant-slot-option{display:inline-flex;align-items:baseline;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);color:var(--body-text);background:var(--interactive-neutral-hover);border-left:3px solid var(--unit-accent, var(--line))}.variant-slot-more{display:none}