:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#0b0f14;--color-background-rise:#131a22;--color-surface:#101820;--color-surface-raised:#14202a;--color-surface-recessed:#0d131a;--color-surface-hover:#192734;--color-border:#2a3644;--color-border-strong:#3a4857;--color-text:#eef3f7;--color-text-muted:#a9b4bf;--color-text-subtle:#7d8b99;--color-accent:#daaf55;--color-accent-hover:#f2c95d;--color-accent-ink:#160d03;--color-accent-rgb:218 175 85;--slot-primary:#5bd6bc;--slot-primary-rgb:91 214 188;--slot-secondary:#91b6ff;--slot-secondary-rgb:145 182 255;--slot-tertiary:#e57a61;--slot-tertiary-rgb:229 122 97;--color-accent-surface:rgb(var(--color-accent-rgb) / 12%);--color-focus-ring:rgb(var(--color-accent-rgb) / 30%);--color-shadow:#00000061;--color-inset-highlight:#ffffff14;--color-danger:#ff9a9a;color:var(--color-text);background:var(--color-background);--pill-chip-height:24px;--pill-chip-font-size:.72rem;--pill-chip-padding:2px 8px;--pill-chip-gap:6px;--pill-micro-badge-height:18px;--pill-micro-badge-font-size:.62rem;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--color-background-rise), var(--color-background) 42%), var(--color-background);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:12px 0 14px}.hero{justify-content:space-between;gap:24px;margin-bottom:14px;display:flex}.hero>div{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.eyebrow{color:var(--color-accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}h1,h2,h3,h4,p{margin-top:0}h1{max-width:760px;margin-bottom:0;font-size:clamp(1.85rem,3.2vw,3.1rem);line-height:1}.hero-title-brand{color:var(--color-accent)}.result{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 18px 60px var(--color-shadow);border-radius:8px}.actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:800;display:inline-flex}.primary-action{color:var(--color-accent-ink);background:var(--color-accent)}.primary-action:hover{background:var(--color-accent-hover)}.secondary-action{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface-raised)}.secondary-action:hover{background:var(--color-surface-hover)}.error-message{color:var(--color-danger);margin:0 0 16px;font-weight:750}.result{padding:16px}.combo-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.race-summary{flex-wrap:wrap;flex:auto;align-items:baseline;gap:4px 16px;min-width:0;display:flex}.combo-heading h2{flex:none;margin-bottom:0;font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.05}.title-select{width:max-content;max-width:100%;color:var(--color-text);letter-spacing:0;font-weight:850;display:inline-block;position:relative}.title-select-button{width:max-content;max-width:none;min-height:1.2em;color:inherit;cursor:pointer;font-size:inherit;font-weight:inherit;letter-spacing:0;line-height:inherit;box-shadow:none;text-align:left;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 8px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 32px 1px 7px;display:inline-flex}.title-select-button span{text-overflow:clip;white-space:nowrap;overflow:visible}.title-select-picked-icon{width:clamp(14px,.62em,20px);height:clamp(14px,.62em,20px);color:var(--color-accent);pointer-events:none;flex:none;margin-left:-3px}.title-select-button:hover{border-color:var(--color-border);background-color:var(--color-surface)}.title-select-button:focus{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-color:var(--color-accent);background-color:var(--color-surface)}.title-select-menu{z-index:20;border:1px solid var(--color-border);background:var(--color-surface-recessed);min-width:max(100%,190px);max-height:min(60vh,320px);box-shadow:0 18px 42px var(--color-shadow);border-radius:8px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.title-select-option{width:100%;min-height:32px;color:var(--color-text);text-align:left;background:0 0;border-radius:6px;grid-template-columns:minmax(0,1fr);align-items:center;padding:6px 9px;font-size:.92rem;font-weight:700;line-height:1.2;display:grid}.title-select-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.title-select-option.group-start{border-top:1px solid var(--color-border);border-top-left-radius:0;border-top-right-radius:0;margin-top:5px;padding-top:11px}.title-select-option.muted{color:var(--color-text-subtle)}.title-select-option:hover,.title-select-option:focus,.title-select-option.selected{color:var(--color-text);background:var(--color-surface-hover);outline:0}.title-select-option.selected{color:var(--color-accent)}.title-select-option.muted.selected{color:var(--color-text-muted)}.race-title-select{width:auto;font-size:clamp(1.65rem,2.5vw,2.05rem);line-height:inherit;margin-left:-8px}.race-title-select .title-select-menu{min-width:220px}.class-title-select{width:auto;max-width:none;margin-left:-7px;font-size:1.12rem;line-height:1.15;display:block}.game-icon-picture{flex:none;line-height:0;display:block}.game-icon,.empty-game-icon{border:1px solid var(--color-border-strong);background:var(--color-background);box-shadow:inset 0 0 0 1px var(--color-inset-highlight);object-fit:cover;border-radius:6px;flex:none;display:block}.class-icon.large,.empty-game-icon{width:42px;height:42px}.class-icon.tiny{border-radius:4px;width:18px;height:18px}.spell-icon,.skill-icon{width:32px;height:32px}.class-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.class-row article{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);border:1px solid var(--color-border);background:var(--color-surface-recessed);border-left-width:4px;border-radius:8px;min-height:0;padding:12px}.slot-card.primary{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);border-left-color:var(--slot-color)}.slot-card.secondary{--slot-color:var(--slot-secondary);--slot-rgb:var(--slot-secondary-rgb);border-left-color:var(--slot-color)}.slot-card.tertiary{--slot-color:var(--slot-tertiary);--slot-rgb:var(--slot-tertiary-rgb);border-left-color:var(--slot-color)}.slot-card.no-class{border-left-color:var(--color-border-strong)}.slot-card-heading{align-items:center;gap:10px;margin-bottom:8px;display:flex}.slot-card-title{min-width:0}.slot-card-title-row{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.slot-card-title-row .title-select{flex:0 auto;min-width:0}.slot-card-label{letter-spacing:0;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:850;display:block}.slot-card.primary .slot-card-label{color:var(--slot-primary)}.slot-card.secondary .slot-card-label{color:var(--slot-secondary)}.slot-card.tertiary .slot-card-label{color:var(--slot-tertiary)}.slot-card.no-class .slot-card-label,.class-title-select.none-selected{color:var(--color-text-subtle)}.class-row p{color:var(--color-text-muted);margin-bottom:0}.slot-card-meta{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.class-armor-badge{border:1px solid var(--color-border);width:fit-content;min-height:20px;color:var(--color-text-muted);white-space:nowrap;background:#ffffff0a;border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 7px 2px 6px;font-size:.64rem;font-weight:850;line-height:1;display:inline-flex}.class-armor-badge.armor-cloth{color:#c8b8ff;background:#c8b8ff14;border-color:#c8b8ff6b}.class-armor-badge.armor-leather{color:#c98f67;background:#c98f6714;border-color:#c98f676b}.class-armor-badge.armor-chain{color:#9eb9c7;background:#9eb9c714;border-color:#9eb9c76b}.class-armor-badge.armor-plate{color:#d8dde2;background:#d8dde214;border-color:#d8dde26b}.class-row small{color:var(--color-text-subtle);font-size:.76rem;font-weight:700;display:block}.class-start-status{border:1px solid var(--color-border);text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;width:fit-content;min-height:16px;padding:1px 6px;font-size:.56rem;font-weight:850;line-height:1.1;display:inline-flex}.class-start-status.available{border-color:rgb(var(--color-accent-rgb) / 54%);color:var(--color-accent);background:var(--color-accent-surface)}.class-start-status.later{border-color:rgb(var(--slot-tertiary-rgb) / 54%);color:var(--slot-tertiary);background:rgb(var(--slot-tertiary-rgb) / 10%)}.combo-details{height:var(--combo-details-height,auto);grid-template-columns:minmax(360px,.64fr) minmax(0,1.36fr);align-items:start;gap:12px;min-height:0;margin-top:10px;display:grid}.capability-matrix-section{min-width:0;height:100%;min-height:0}.capability-matrix{border:1px solid var(--color-border);background:var(--color-surface-recessed);overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:8px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden auto}.capability-matrix-group{background:var(--color-surface-recessed)}.capability-matrix-group+.capability-matrix-group{border-top:1px solid var(--color-border)}.capability-matrix-grid{grid-template-columns:minmax(104px,.72fr) repeat(3,minmax(72px,.56fr));align-items:stretch;display:grid}.capability-matrix-header{z-index:2;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0}.capability-matrix-heading-label,.capability-matrix-group-label,.capability-matrix-slot-heading{min-width:0;padding:6px 8px 5px}.capability-matrix-heading-label,.capability-matrix-group-label,.capability-matrix-slot-heading span{color:var(--color-text-subtle);letter-spacing:0;text-transform:uppercase;font-size:.61rem;font-weight:850;line-height:1.1}.capability-matrix-slot-heading{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);border-left:1px solid var(--color-border);gap:2px;display:grid}.capability-matrix-slot-heading.primary,.capability-matrix-cell.primary{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb)}.capability-matrix-slot-heading.secondary,.capability-matrix-cell.secondary{--slot-color:var(--slot-secondary);--slot-rgb:var(--slot-secondary-rgb)}.capability-matrix-slot-heading.tertiary,.capability-matrix-cell.tertiary{--slot-color:var(--slot-tertiary);--slot-rgb:var(--slot-tertiary-rgb)}.capability-matrix-slot-heading strong{min-width:0;color:var(--slot-color);-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;font-size:.68rem;font-weight:850;line-height:1.1}.capability-matrix-group-label{background:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;display:flex}.capability-matrix-group-rows{display:grid}.capability-matrix-row{--highlight-color:var(--color-text-muted);--highlight-rgb:169 180 191;width:100%;min-height:25px;color:var(--color-text);text-align:left;background:0 0;border:0;border-top:1px solid #ffffff0d;margin:0;padding:0}.capability-matrix-row:first-child{border-top:0}.capability-matrix-row.tone-recovery{--highlight-color:#79d980;--highlight-rgb:121 217 128}.capability-matrix-row.tone-support{--highlight-color:#dbc66c;--highlight-rgb:219 198 108}.capability-matrix-row.tone-control{--highlight-color:#b694ff;--highlight-rgb:182 148 255}.capability-matrix-row.tone-offense{--highlight-color:#ff8e70;--highlight-rgb:255 142 112}.capability-matrix-row.tone-pet{--highlight-color:#f0a6cf;--highlight-rgb:240 166 207}.capability-matrix-row.tone-mobility{--highlight-color:#65d0e6;--highlight-rgb:101 208 230}.capability-matrix-row.tone-stealth{--highlight-color:#a8b4c0;--highlight-rgb:168 180 192}.capability-matrix-row.tone-martial{--highlight-color:#f2a25e;--highlight-rgb:242 162 94}.capability-matrix-row.tone-utility{--highlight-color:#9fc2ff;--highlight-rgb:159 194 255}.capability-matrix-row.tone-stance{--highlight-color:#b8c66d;--highlight-rgb:184 198 109}.capability-matrix-row.tone-invocation{--highlight-color:#b9a8d9;--highlight-rgb:185 168 217}.capability-matrix-row.searchable:hover{background:rgb(var(--highlight-rgb) / 8%)}.capability-matrix-row-label.searchable:focus-visible,.capability-matrix-cell.searchable:focus-visible{outline:2px solid rgb(var(--highlight-rgb) / 42%);outline-offset:-2px}.capability-matrix-row.active{background:rgb(var(--highlight-rgb) / 12%);box-shadow:inset 3px 0 0 rgb(var(--highlight-rgb) / 86%)}.capability-matrix-row-label{width:100%;min-width:0;color:var(--color-text-muted);text-align:left;background:0 0;border:0;align-items:flex-start;padding:3px 6px;font-size:.69rem;font-weight:850;line-height:1.15;display:flex}.capability-matrix-row.active .capability-matrix-row-label{color:var(--color-text)}.capability-matrix-row-name{overflow-wrap:anywhere;min-width:0}.capability-matrix-cell{border-left:1px solid var(--color-border);width:100%;min-width:0;min-height:25px;color:inherit;background:0 0;justify-content:center;align-items:center;padding:3px 4px;display:flex}.capability-matrix-cell.searchable:hover{background:rgb(var(--slot-rgb) / 8%)}.capability-matrix-cell.active{background:rgb(var(--slot-rgb) / 14%);box-shadow:inset 0 0 0 1px rgb(var(--slot-rgb) / 34%)}.capability-matrix-cell-level{border:1px solid rgb(var(--slot-rgb) / 56%);min-width:38px;min-height:18px;color:var(--slot-color);background:rgb(var(--slot-rgb) / 10%);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:2px 5px;font-size:.58rem;font-weight:850;line-height:1;display:inline-flex}.capability-matrix-cell-dot{background:var(--slot-color);width:9px;height:9px;box-shadow:0 0 0 1px rgb(var(--slot-rgb) / 52%), 0 0 0 4px rgb(var(--slot-rgb) / 10%);border-radius:999px}.capability-matrix-empty-mark{background:var(--color-border-strong);opacity:.7;border-radius:999px;width:18px;height:1px}.capability-matrix-row.unique:not(.active) .capability-matrix-cell.filled{opacity:.72}.race-ability{min-width:min(100%,220px);color:var(--color-accent);flex:280px;margin:0;font-size:clamp(.95rem,1.6vw,1.22rem);font-weight:750;line-height:1.2}.combo-progression{min-width:0;margin-top:0}.combo-details .combo-progression{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;position:sticky;top:12px;overflow:hidden}.progression-header{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:8px 12px;margin-bottom:8px;display:grid}.combo-details .progression-header{grid-template-columns:minmax(0,1fr) auto auto}.level-range-filter,.combo-details .level-range-filter{grid-column:1/-1}.combo-details .progression-search{grid-column:auto}.combo-details .slot-filter{flex-wrap:nowrap;grid-column:auto;justify-self:end}.slot-filter{border:1px solid var(--color-border);background:var(--color-surface-recessed);border-radius:8px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.slot-filter-button{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);min-height:28px;color:var(--color-text-muted);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 9px 0 6px;font-size:.72rem;font-weight:850;display:inline-flex}.slot-filter-button:hover{color:var(--color-text);background:var(--color-surface-hover)}.slot-filter-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.slot-filter-button.primary{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb)}.slot-filter-button.secondary{--slot-color:var(--slot-secondary);--slot-rgb:var(--slot-secondary-rgb)}.slot-filter-button.tertiary{--slot-color:var(--slot-tertiary);--slot-rgb:var(--slot-tertiary-rgb)}.slot-filter-button.active{color:var(--slot-color);background:rgb(var(--slot-rgb) / 10%);box-shadow:inset 0 0 0 1px rgb(var(--slot-rgb) / 28%)}.slot-filter-button.active:hover{background:rgb(var(--slot-rgb) / 14%)}.progression-kind-filter{border:1px solid var(--color-border);background:var(--color-surface-recessed);border-radius:8px;flex-wrap:nowrap;gap:2px;padding:2px;display:flex}.progression-kind-filter-button{min-height:28px;color:var(--color-text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0 9px;font-size:.72rem;font-weight:850;display:inline-flex}.progression-kind-filter-button:hover{color:var(--color-text);background:var(--color-surface-hover)}.progression-kind-filter-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.progression-kind-filter-button.active{color:var(--color-accent);background:var(--color-accent-surface);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / 28%)}.progression-kind-filter-button.active:hover{background:rgb(var(--color-accent-rgb) / 14%)}.level-range-filter{min-width:0}.progression-search{min-width:0;position:relative}.progression-search input{border:1px solid var(--color-border);width:100%;min-height:32px;color:var(--color-text);background:var(--color-surface-recessed);border-radius:8px;padding:0 32px 0 10px;font-size:.78rem;font-weight:750;line-height:1}.progression-search input::placeholder{color:var(--color-text-subtle)}.progression-search input:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-accent)}.progression-search-clear{width:22px;height:22px;color:var(--color-text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.progression-search-clear:hover{color:var(--color-text);background:var(--color-surface-hover)}.progression-search-clear:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.level-range-track{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.level-range-endpoint{color:var(--color-text-subtle);font-size:.68rem;font-weight:850;line-height:1}.level-range-slider{min-width:0;height:14px;position:relative}.level-range-slider:before,.level-range-slider:after{content:"";pointer-events:none;border-radius:999px;height:2px;position:absolute;top:6px}.level-range-slider:before{background:var(--color-border);left:0;right:0}.level-range-slider:after{right:calc(100% - var(--range-max));left:var(--range-min);background:var(--color-accent)}.level-range-slider input[type=range]{z-index:1;appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.level-range-slider input[type=range]:last-child{z-index:2}.level-range-slider input[type=range]:focus-visible{outline:0}.level-range-slider input[type=range]::-webkit-slider-runnable-track{background:0 0;height:2px}.level-range-slider input[type=range]::-moz-range-track{background:0 0;height:2px}.level-range-slider input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-surface);background:var(--color-accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--color-border);cursor:pointer;pointer-events:auto;border-radius:999px;margin-top:-6px}.level-range-slider input[type=range]:last-child::-webkit-slider-thumb{background:var(--color-accent-hover)}.level-range-slider input[type=range]::-moz-range-thumb{border:2px solid var(--color-surface);background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 1px var(--color-border);cursor:pointer;pointer-events:auto;border-radius:999px}.level-range-slider input[type=range]:last-child::-moz-range-thumb{background:var(--color-accent-hover)}.level-range-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--color-border), 0 0 0 4px var(--color-focus-ring)}.level-range-slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--color-border), 0 0 0 4px var(--color-focus-ring)}.progression-list{border:1px solid var(--color-border);background:var(--color-surface-recessed);overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:8px;flex:auto;grid-auto-rows:max-content;align-content:start;gap:0;min-height:0;max-height:none;margin:0;padding:0 12px 12px;list-style:none;display:grid;overflow:hidden auto}.progression-item{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);border-top:1px solid var(--color-border);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:10px;padding:7px 0 7px 8px;display:grid}.progression-item:first-child{border-top:0}.progression-item.primary{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);border-left:3px solid var(--slot-color)}.progression-item.secondary{--slot-color:var(--slot-secondary);--slot-rgb:var(--slot-secondary-rgb);border-left:3px solid var(--slot-color)}.progression-item.tertiary{--slot-color:var(--slot-tertiary);--slot-rgb:var(--slot-tertiary-rgb);border-left:3px solid var(--slot-color)}.progression-item-rail{justify-items:center;gap:6px;display:grid}.progression-item-rail .level-pill{width:100%}.progression-item-rail .spell-icon,.progression-item-rail .skill-icon{width:48px;height:48px}.progression-item-body{gap:2px;min-width:0;display:grid}.progression-item strong{overflow-wrap:anywhere;color:var(--color-text);font-size:.86rem;line-height:1.2}.progression-item p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.25}.progression-item small{color:var(--color-text-subtle);overflow-wrap:anywhere;white-space:normal;font-size:.72rem;font-weight:750;line-height:1.25;display:block}.slot-badge{width:fit-content;max-width:100%;min-height:var(--pill-micro-badge-height);--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);border:1px solid rgb(var(--slot-rgb) / 76%);color:var(--slot-color);background:rgb(var(--slot-rgb) / 11%);font-size:var(--pill-micro-badge-font-size);border-radius:999px;justify-content:center;align-items:center;padding:1px 6px;font-weight:900;line-height:1;display:inline-flex}.slot-badge-row{flex-wrap:wrap;gap:4px;display:flex}.slot-badge.primary{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb)}.slot-badge.secondary{--slot-color:var(--slot-secondary);--slot-rgb:var(--slot-secondary-rgb)}.slot-badge.tertiary{--slot-color:var(--slot-tertiary);--slot-rgb:var(--slot-tertiary-rgb)}.level-pill{min-width:44px;min-height:var(--pill-chip-height);border:1px solid var(--color-border);padding:var(--pill-chip-padding);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--pill-chip-font-size);border-radius:999px;justify-content:center;align-items:center;font-weight:850;line-height:1.1;display:inline-flex}.empty-list{color:var(--color-text-subtle);margin:0;padding:12px 14px}@media (width<=1060px){.combo-details{grid-template-columns:1fr;height:auto}.capability-matrix-section,.capability-matrix{height:auto;max-height:none}.capability-matrix{overflow:visible}.combo-details .combo-progression{height:auto;max-height:none;position:static;overflow:visible}.combo-details .progression-list{flex:none;overflow:visible}}@media (width<=820px){.app-shell{width:min(100% - 24px,1120px);padding:18px 0}.class-row,.combo-details,.progression-columns{grid-template-columns:1fr}.result{padding:16px}.combo-heading{display:grid}.actions{justify-content:flex-start}.progression-header{grid-template-columns:1fr;gap:8px}.combo-details .progression-header{grid-template-columns:1fr}.combo-details .level-range-filter,.combo-details .progression-search,.combo-details .progression-kind-filter,.combo-details .slot-filter{grid-column:1/-1}.progression-kind-filter,.slot-filter,.combo-details .slot-filter{flex-wrap:wrap;justify-self:start}.progression-item{grid-template-columns:60px minmax(0,1fr)}h1{font-size:clamp(1.8rem,9vw,2.6rem)}}@media (width<=560px){.capability-matrix-grid{grid-template-columns:minmax(90px,1fr) repeat(3,minmax(80px,.62fr))}.capability-matrix-slot-heading{padding-left:3px;padding-right:3px}.capability-matrix-slot-heading strong{font-size:.62rem}.capability-matrix-cell{padding-left:2px;padding-right:2px}}