: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:9px 0 14px}.hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:8px;display:flex}.hero-heading{flex-direction:column;align-items:flex-start;gap:3px;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.39rem,2.4vw,2.33rem);line-height:1}.hero-title-brand{color:var(--color-accent)}.hero-subtitle{color:var(--color-text-muted);margin-bottom:0;font-size:.7rem;font-weight:500;line-height:1.2}.hero-actions{flex:none;justify-content:flex-end;padding-top:2px;display:flex}.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:7px;min-height:34px;padding:0 13px;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)}.share-copy-modal-shell{z-index:70;top:clamp(12px, var(--share-copy-y,0px), calc(100vh - 60px));left:clamp(92px, var(--share-copy-x,0px), calc(100vw - 92px));pointer-events:none;position:fixed;transform:translate(-50%)}.share-copy-modal{border:1px solid rgb(var(--slot-primary-rgb) / 68%);min-width:148px;color:var(--slot-primary);background:linear-gradient(180deg, rgb(var(--slot-primary-rgb) / 17%), rgb(var(--slot-primary-rgb) / 7%)), var(--color-surface-raised);text-align:center;border-radius:8px;padding:10px 16px;font-size:.92rem;font-weight:850;line-height:1.2;animation:1.6s forwards share-copy-modal-pop;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff1c}.share-copy-modal.error{color:var(--color-danger);background:linear-gradient(180deg, #ff9a9a24, #ff9a9a0d), var(--color-surface-raised);border-color:#ff9a9a9e}@keyframes share-copy-modal-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}12%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-3px)scale(.98)}}.error-message{color:var(--color-danger);margin:0 0 16px;font-weight:750}.result{padding:12px}.site-disclaimer{z-index:40;min-height:24px;color:var(--color-text-subtle);text-align:center;pointer-events:none;background:#080c10eb;border-top:1px solid #ffffff0f;padding:4px 14px 5px;font-size:.53rem;font-weight:600;line-height:1.25;position:fixed;bottom:0;left:0;right:0}.site-disclaimer p{text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;overflow:hidden}.combo-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.race-summary{flex-wrap:wrap;flex:auto;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.combo-heading h2{flex:none;margin-bottom:0;font-size:clamp(1.35rem,3.75vw,2.03rem);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.24rem,1.88vw,1.54rem);line-height:inherit;margin-left:-6px}.race-title-select .title-select-menu{min-width:220px}.class-title-select{width:auto;max-width:none;margin-left:-5px;font-size:.98rem;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:32px;height:32px}.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:8px;display:grid}.spellbar{border:1px solid var(--color-border);background:linear-gradient(180deg, #ffffff0a, #00000024), var(--color-surface-recessed);scrollbar-width:thin;border-radius:8px;width:100%;margin-top:8px;padding:5px;overflow-x:auto;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000057}.spellbar-slots{grid-template-columns:repeat(14,minmax(36px,1fr)) 36px;gap:6px;width:100%;min-width:624px;display:grid}.spellbar-slot{--slot-color:var(--color-border-strong);--slot-rgb:58 72 87;width:100%;min-width:36px;color:var(--color-text-muted);cursor:default;background:0 0;border:0;grid-template-rows:minmax(36px,1fr) auto;place-items:start center;gap:3px;padding:0;display:grid;position:relative}.spellbar-gem{background:radial-gradient(circle at 50% 42%, #2a343de6 0 42%, #0d1218f5 72%), var(--color-surface-recessed);border:1px solid #030609d6;border-radius:6px;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 2px 2px #ffffff0d,inset -2px -2px #0000006b}.spellbar-slot.primary{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb)}.spellbar-slot.secondary{--slot-color:var(--slot-secondary);--slot-rgb:var(--slot-secondary-rgb)}.spellbar-slot.tertiary{--slot-color:var(--slot-tertiary);--slot-rgb:var(--slot-tertiary-rgb)}.spellbar-slot.empty{opacity:.92}.spellbar-slot.occupied{cursor:grab}.spellbar-slot.occupied .spellbar-gem:after{background:var(--slot-color);color:#081014;content:attr(data-spell-level);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;width:clamp(14px,30%,19px);height:clamp(14px,30%,19px);font-size:clamp(.48rem,.82vw,.58rem);font-weight:950;line-height:1;display:inline-flex;position:absolute;bottom:4%;right:4%;box-shadow:0 0 0 1px #000000b8,inset 0 1px #ffffff3d}.spellbar-slot.occupied:active,.spellbar-slot.dragging{cursor:grabbing}.spellbar-slot.mnemonic-retention:nth-child(9):before{background:linear-gradient(180deg, transparent, rgb(var(--color-accent-rgb) / 58%) 18% 82%, transparent);content:"";pointer-events:none;border-radius:999px;width:1px;position:absolute;top:1px;bottom:2.25em;left:-4px}.spellbar-slot.mnemonic-retention .spellbar-gem{border-color:rgb(var(--color-accent-rgb) / 46%);background:radial-gradient(circle at 50% 42%, rgb(var(--color-accent-rgb) / 13%) 0 38%, #21211ba3 58%, #0d1218f5 76%), var(--color-surface-recessed);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / 18%), inset 2px 2px 0 #ffffff0d, inset -2px -2px 0 #0000006b, 0 0 0 1px rgb(var(--color-accent-rgb) / 10%)}.spellbar-slot.mnemonic-retention .spellbar-gem:before{border-top:2px solid rgb(var(--color-accent-rgb) / 78%);border-left:2px solid rgb(var(--color-accent-rgb) / 78%);content:"";pointer-events:none;z-index:1;border-radius:3px 0 0;width:8px;height:8px;position:absolute;top:4px;left:4px}.spellbar-slot:hover .spellbar-gem{border-color:rgb(var(--slot-rgb) / 58%);background:radial-gradient(circle at 50% 42%, #36424beb 0 42%, #11171ef5 72%), var(--color-surface-recessed)}.spellbar-slot.mnemonic-retention:hover .spellbar-gem{border-color:rgb(var(--color-accent-rgb) / 68%);background:radial-gradient(circle at 50% 42%, rgb(var(--color-accent-rgb) / 20%) 0 40%, #28271db8 60%, #11171ef5 78%), var(--color-surface-recessed)}.spellbar-slot:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.spellbar-slot:focus-visible .spellbar-gem{border-color:var(--color-accent)}.spellbar-slot.drag-over .spellbar-gem{border-color:var(--color-accent);background:radial-gradient(circle at 50% 42%, rgb(var(--color-accent-rgb) / 20%) 0 48%, #11171ef5 76%), var(--color-surface-recessed);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / 46%), 0 0 0 2px rgb(var(--color-accent-rgb) / 20%)}.spellbar-slot.dragging{opacity:.54}.spellbar-slot.stale .spellbar-gem{opacity:.5;border-style:dashed}.spellbar-spell-name{box-sizing:border-box;overflow-wrap:anywhere;width:min(100%,12ch);min-width:0;max-width:100%;min-height:2em;color:var(--slot-color);text-align:center;text-wrap:balance;white-space:normal;word-break:normal;justify-self:center;padding-inline:2px;font-size:clamp(.48rem,.54vw,.56rem);font-weight:900;line-height:1;display:block;overflow:visible}.spellbar-spell-name.empty{color:#0000}.spellbar-slot .game-icon-picture{place-items:center;width:30px;height:30px;display:grid}.spellbar-slot .spell-icon{border-color:#000000c7;border-radius:4px;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff1a}.spellbar-empty-gem{background:radial-gradient(circle at 50% 42%,#ffffff0a,#0000 54%),#0003;border:1px solid #ffffff12;border-radius:4px;width:27px;height:27px;box-shadow:inset 0 0 10px #00000057}.spellbar-clear{width:36px;height:36px;color:var(--color-text-muted);background:radial-gradient(circle at 50% 42%, #2a343db8 0 42%, #0d1218f5 72%), var(--color-surface-recessed);border:1px solid #030609d6;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14,inset 2px 2px #ffffff0d,inset -2px -2px #0000006b}.spellbar-clear:hover:not(:disabled){border-color:rgb(var(--color-accent-rgb) / 58%);color:var(--color-text);background:radial-gradient(circle at 50% 42%, #36424beb 0 42%, #11171ef5 72%), var(--color-surface-recessed)}.spellbar-clear:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-color:var(--color-accent)}.spellbar-clear:disabled{opacity:.42;cursor:default}.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:8px 10px}.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:8px;margin-bottom:5px;display:flex}.slot-card-title{flex:auto;min-width:0}.slot-card-title-row{align-items:center;gap:5px;min-width:0;display:flex}.slot-card-title-row .title-select{flex:0 auto;min-width:0;max-width:100%}.slot-card-title-row .title-select-button{max-width:100%}.slot-card-title-row .title-select-button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.slot-card-label-row{align-items:center;gap:6px;min-width:0;margin-bottom:2px;display:flex}.slot-card-label{letter-spacing:0;text-transform:uppercase;flex:none;margin-bottom:0;font-size:.64rem;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;font-size:.9rem;line-height:1.2}.slot-card-meta{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.class-armor-badge{border:1px solid var(--color-border);width:fit-content;min-height:17px;color:var(--color-text-muted);white-space:nowrap;background:#ffffff0a;border-radius:999px;flex:none;align-items:center;gap:3px;padding:1px 6px 1px 5px;font-size:.58rem;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:14px;padding:1px 5px;font-size:.5rem;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(0,calc(33.3333% - 6.66667px)) minmax(0,1fr);align-items:start;gap:10px;min-height:0;margin-top:10px;display:grid}.combo-details.capability-matrix-collapsed{grid-template-columns:minmax(0,1fr)}.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{color:var(--color-text-subtle);letter-spacing:0;text-transform:uppercase;font-size:.61rem;font-weight:850;line-height:1.1}.capability-matrix-heading-label{align-items:center;gap:4px;display:flex}.capability-matrix-heading-label span{text-overflow:ellipsis;min-width:0;overflow:hidden}.capability-matrix-slot-heading{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);border-left:1px solid var(--color-border);text-align:center;align-content:center;justify-items:center;gap:2px;padding-left:6px;padding-right:6px;display:grid;overflow:hidden;container-type:inline-size}.capability-matrix-slot-heading span{min-width:0;max-width:100%;color:var(--color-text-subtle);letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:.61rem;font-weight:850;line-height:1.1}.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;max-width:100%;color:var(--slot-color);-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;white-space:nowrap;word-break:normal;font-size:clamp(.44rem,12.2699cqw,.76rem);font-weight:900;line-height:1.1;display:block}.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}.capability-matrix-row.missing{--highlight-color:var(--color-text-subtle);--highlight-rgb:125 139 153;background:#ffffff02;border-top-style:dashed;border-top-color:#ffffff0d}.capability-matrix-row.missing:hover{background:#ffffff06}.capability-matrix-row.missing .capability-matrix-row-label{color:#7d8b99b8}.capability-matrix-row.missing .capability-matrix-empty-mark{opacity:.45;background:#7d8b9947;width:14px}.capability-matrix-footer{z-index:2;border-top:1px solid var(--color-border);background:var(--color-surface);flex:none;margin-top:auto;padding:4px 8px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 16px #0000002e}.capability-matrix-missing-toggle{min-width:0;color:var(--color-text-subtle);white-space:nowrap;align-items:center;gap:5px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.capability-matrix-missing-toggle input{width:11px;height:11px;accent-color:var(--color-accent);margin:0}.race-traits{scrollbar-width:thin;flex-wrap:nowrap;flex:280px;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.race-trait,.race-trait-empty{max-width:100%;min-height:28px;color:var(--color-text);background:#04090c73;border:1px solid #beced638;border-radius:8px;align-items:center;padding:4px 7px;font-size:.72rem;font-weight:800;line-height:1.15;display:inline-flex}.race-trait{white-space:nowrap;flex:none;gap:5px}.race-trait-detail{color:var(--color-accent);font-size:.72rem;font-weight:900}.race-trait-empty{color:var(--color-text-muted);font-weight:700}.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{--progression-filter-row-min-height:40px;--progression-slot-filter-width:calc((100% - 10px) / 2);grid-template-areas:"primary-controls search slot-filter""level-filter level-filter level-filter";grid-template-columns:max-content minmax(0, 1fr) minmax(0, var(--progression-slot-filter-width));grid-template-rows:auto minmax(var(--progression-filter-row-min-height), auto);align-items:center;gap:8px 10px;margin-bottom:8px;display:grid}.combo-details .progression-header{grid-template-columns:max-content minmax(0, 1fr) minmax(0, var(--progression-slot-filter-width))}.combo-details.capability-matrix-collapsed .progression-header{--progression-slot-filter-width:calc((100% - 20px) / 3)}.progression-primary-controls{flex-wrap:wrap;grid-area:primary-controls;align-items:center;gap:8px;min-width:0;display:flex}.combo-details .slot-filter{justify-self:stretch}.combo-details .aa-allocation-summary,.combo-details .level-range-filter,.combo-details .slot-filter{width:100%}.matrix-toggle-button{border:1px solid var(--color-border);min-height:32px;color:var(--color-text-muted);background:var(--color-surface-recessed);white-space:nowrap;border-radius:8px;justify-content:center;justify-self:start;align-items:center;gap:6px;padding:0 10px;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.matrix-toggle-button:hover{color:var(--color-text);background:var(--color-surface-hover)}.matrix-toggle-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.capability-matrix-toggle-button{border-radius:6px;flex:none;gap:0;width:22px;min-height:22px;padding:0}.slot-filter{grid-area:slot-filter;max-width:100%;display:grid}.slot-filter-controls,.slot-filter-width-sizer{border:1px solid var(--color-border);background:var(--color-surface-recessed);border-radius:8px;flex-wrap:nowrap;grid-area:1/1;gap:2px;min-width:0;padding:2px;display:flex}.slot-filter-controls{justify-self:stretch;width:100%}.slot-filter-width-sizer{visibility:hidden;pointer-events:none}.slot-filter-button{--slot-color:var(--slot-primary);--slot-rgb:var(--slot-primary-rgb);min-width:0;min-height:28px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 9px 0 6px;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex;overflow:hidden}.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-tabs{border:1px solid var(--color-border);background:var(--color-surface-recessed);border-radius:8px;flex-wrap:nowrap;gap:2px;padding:2px;display:flex}.progression-tab{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-tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.progression-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.progression-tab.active{color:var(--color-accent);background:var(--color-accent-surface);box-shadow:inset 0 0 0 1px rgb(var(--color-accent-rgb) / 28%)}.progression-tab.active:hover{background:rgb(var(--color-accent-rgb) / 14%)}.level-range-filter{min-height:var(--progression-filter-row-min-height);grid-area:level-filter;align-items:center;min-width:0;display:grid}.aa-allocation-summary{min-height:var(--progression-filter-row-min-height);border:1px solid rgb(var(--color-accent-rgb) / 34%);min-width:180px;color:var(--color-text);background:var(--color-accent-surface);border-radius:8px;grid-area:level-filter;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:4px 10px;display:grid}.aa-allocation-summary strong{color:var(--color-accent);font-size:1rem;font-weight:900;line-height:1}.aa-allocation-summary span{font-size:.72rem;font-weight:850;line-height:1}.aa-allocation-summary small{color:var(--color-text-muted);grid-column:1/-1;font-size:.66rem;font-weight:750;line-height:1.15}.progression-search{grid-area: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;width:100%;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-tab-panel{flex:auto;min-width:0;min-height:0;display:flex}.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-width:0;min-height:0;max-height:none;margin:0;padding:0 8px 8px;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;min-width:0;padding:7px 0 7px 8px;display:grid}.progression-item.spell-item,.progression-item.skill-item{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px;padding:5px 0 5px 6px}.progression-item:first-child{border-top:0}.aa-category-divider{z-index:1;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-accent);background:var(--color-surface-recessed);letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:7px 0 7px 8px;font-size:.72rem;font-weight:900;line-height:1;display:flex;position:sticky;top:0}.aa-category-divider:first-child{border-top:0}.aa-category-divider small{color:var(--color-text-subtle);text-transform:none;font-size:.66rem;font-weight:850}.aa-category-divider+.progression-item{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.spell-item .progression-item-rail,.progression-item.skill-item .progression-item-rail{grid-template-columns:30px 32px;align-items:start;gap:6px}.progression-item-rail .level-pill{width:100%}.progression-item.spell-item .progression-item-rail .level-pill,.progression-item.skill-item .progression-item-rail .level-pill{width:auto;min-width:30px;min-height:22px;padding:1px 6px;font-size:.66rem}.spell-line-filter-button{cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:48px;height:48px;padding:0;display:inline-grid}.progression-item.spell-item .spell-line-filter-button{border-radius:5px;width:32px;height:32px}.spell-line-filter-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.progression-item-rail .spell-icon,.progression-item-rail .skill-icon{width:48px;height:48px}.progression-item.spell-item .progression-item-rail .spell-icon,.progression-item.skill-item .progression-item-rail .skill-icon{width:32px;height:32px}.aa-rank-pill{border:1px solid rgb(var(--color-accent-rgb) / 42%);width:48px;min-height:28px;color:var(--color-accent);background:var(--color-accent-surface);border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.progression-item-body{gap:2px;min-width:0;display:grid}.progression-spell-line-button{cursor:pointer;border-radius:6px}.progression-spell-line-button:hover .progression-title-row strong{color:var(--color-accent)}.progression-spell-line-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.progression-item.spell-item .progression-item-body,.progression-item.skill-item .progression-item-body{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 6px}.progression-item.spell-item .progression-item-body>.slot-badge,.progression-item.skill-item .progression-item-body>.slot-badge-row{grid-area:1/1}.progression-item.spell-item .progression-title-row,.progression-item.skill-item .progression-item-body>strong{grid-area:1/2;min-width:0}.progression-item.spell-item .progression-item-body>strong,.progression-item.skill-item .progression-item-body>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progression-item.spell-item .progression-description,.progression-item.skill-item .progression-description,.progression-item.spell-item .progression-meta-row,.progression-item.skill-item .progression-meta-row{grid-column:1/-1}.progression-item strong{overflow-wrap:anywhere;color:var(--color-text);font-size:.86rem;line-height:1.2}.progression-item.spell-item strong,.progression-item.skill-item strong{font-size:.82rem;line-height:1.1}.progression-title-row{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;display:flex}.progression-title-row strong{min-width:0}.progression-title-row small{flex:0 auto}.progression-item p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.25}.progression-item.spell-item .progression-description,.progression-item.skill-item .progression-description{color:var(--color-text-muted);font-size:.72rem;line-height:1.2}.progression-meta-row{min-width:0;color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:.68rem;line-height:1.15;display:flex}.progression-description{min-width:0}.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}.progression-item.spell-item small,.progression-item.skill-item small{min-width:0;font-size:.66rem;line-height:1.15}.aa-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.aa-type-pill{border:1px solid var(--color-border);min-height:18px;color:var(--color-text-muted);background:var(--color-surface);border-radius:999px;align-items:center;padding:1px 6px;font-size:.62rem;font-weight:900;line-height:1;display:inline-flex}.aa-type-pill.activated{border-color:rgb(var(--slot-tertiary-rgb) / 46%);color:var(--slot-tertiary);background:rgb(var(--slot-tertiary-rgb) / 10%)}.aa-type-pill.passive{border-color:rgb(var(--slot-primary-rgb) / 46%);color:var(--slot-primary);background:rgb(var(--slot-primary-rgb) / 10%)}.aa-rank-controls{flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.aa-rank-button{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text);background:var(--color-surface-raised);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.aa-rank-button:hover:not(:disabled){background:var(--color-surface-hover)}.aa-rank-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.aa-rank-button:disabled{cursor:not-allowed;opacity:.45}.aa-rank-value{border:1px solid var(--color-border);min-height:28px;color:var(--color-text);background:var(--color-surface-recessed);border-radius:6px;align-items:center;padding:0 8px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.aa-cost-meta{color:var(--color-text-muted);font-size:.72rem;font-weight:800}.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){.class-row,.combo-details{grid-template-columns:1fr;height:auto}.progression-header{grid-template-columns:1fr;grid-template-areas:"primary-controls""search""slot-filter""level-filter";grid-template-rows:auto auto auto minmax(var(--progression-filter-row-min-height), auto);gap:8px}.combo-details .progression-header{grid-template-columns:1fr}.combo-details .progression-primary-controls,.combo-details .aa-allocation-summary,.combo-details .level-range-filter,.combo-details .progression-search,.combo-details .slot-filter{grid-column:1/-1}.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:auto;width:100%;min-width:0;overflow:hidden visible}}@media (width<=820px){.app-shell{width:min(100% - 24px,1120px);padding:12px 0 14px}.class-row,.combo-details,.progression-columns{grid-template-columns:1fr}.result{padding:12px}.combo-heading{display:grid}.hero{gap:12px}.actions{justify-content:flex-start}.progression-primary-controls,.progression-tabs{justify-self:start}.slot-filter,.combo-details .slot-filter{justify-self:stretch}.slot-filter-controls,.slot-filter-width-sizer{flex-wrap:wrap}.progression-item:not(.spell-item):not(.skill-item){grid-template-columns:60px minmax(0,1fr)}.progression-item.spell-item,.progression-item.skill-item{grid-template-columns:72px minmax(0,1fr)}h1{font-size:clamp(1.35rem,6.75vw,1.95rem)}}@media (width<=560px){.hero{flex-wrap:wrap}.hero-actions{justify-content:flex-start;width:100%;padding-top:0}.capability-matrix-grid{grid-template-columns:minmax(82px,1fr) repeat(3,minmax(70px,.62fr))}.capability-matrix-slot-heading{padding-left:5px;padding-right:5px}.capability-matrix-cell{padding-left:2px;padding-right:2px}}