:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:106.25%;background:#14120f;color:#eee8dc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#2b251bf0,#100e0c),#14120f}button,input,select{font:inherit}button{border:1px solid rgba(213,176,92,.35);background:#262018;color:#f1e6cf;border-radius:6px;cursor:pointer}button:hover,select:hover,input:hover{border-color:#6ca688cc}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #77b896;outline-offset:2px}a{color:#e4c06a;text-decoration:none}a:hover{color:#92d0ad}select,input{min-height:36px;border:1px solid rgba(213,176,92,.25);background:#171411;color:#f2eadc;border-radius:5px;padding:0 10px}input[type=range]{padding:0;accent-color:#78b487}.app-shell{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:18px;background:#17130f;border-right:1px solid rgba(213,176,92,.22)}.brand{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:16px}.brand-mark{width:58px;height:58px;object-fit:contain}.brand h1{margin:0;font-size:1.25rem;line-height:1.1}.brand p,.eyebrow{margin:4px 0 0;color:#a9b2a4;font-size:.8rem}.panel{background:#1d1914f0;border:1px solid rgba(213,176,92,.22);border-radius:8px;padding:14px;box-shadow:0 12px 34px #0003}.build-panel,.score-panel{margin-bottom:12px}.panel-title,.section-head,.workspace-head,.patch-head,.item-card-head,.spell-head,.class-note-head{display:flex;align-items:center}.panel-title{gap:8px;margin-bottom:12px;color:#e4c06a;font-weight:700}.field{display:grid;gap:6px;margin-bottom:12px}.field span,.gear-slot label span{color:#c7bea9;font-size:.78rem;font-weight:700;text-transform:uppercase}.field strong{color:#92d0ad}.class-stack{display:grid;gap:8px;margin-bottom:14px}.class-row{display:grid;grid-template-columns:58px minmax(0,1fr) 68px;gap:8px;align-items:center}.class-row select{min-width:0}.class-row.inactive{opacity:.58}.class-crest{width:58px;min-height:40px;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,color-mix(in srgb,var(--class-color),#ffffff 5%),#211c16 78%),var(--class-color);color:#fff6e1;font-size:.74rem;font-weight:800;line-height:1}.class-crest svg{flex:0 0 auto}.class-crest b{min-width:0;overflow:hidden;text-overflow:ellipsis}.class-crest.empty{color:#bbb2a0;background:#23201b}.class-crest-sm{width:38px;min-height:34px}.class-crest-sm b{display:none}.class-crest-xs{width:24px;min-height:24px;border-radius:5px}.level-gate{display:flex;gap:7px;align-items:center;margin:-4px 0 12px;padding:8px;border:1px solid rgba(217,183,95,.24);border-radius:6px;background:#241f18;color:#d7ceb9;font-size:.78rem;line-height:1.35}.level-gate svg{flex:0 0 auto;color:#d9b75f}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-actions button:last-child{grid-column:1 / -1}.side-actions button,.tab-nav button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.advisor-panel{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(213,176,92,.18)}.advisor-head,.advisor-best,.advisor-fills button,.advisor-mini button{display:flex;align-items:center}.advisor-head{justify-content:space-between;gap:8px;color:#c7bea9;font-size:.78rem;font-weight:800;text-transform:uppercase}.advisor-head strong{color:#92d0ad}.advisor-best{justify-content:space-between;gap:8px;min-height:42px;padding:7px 8px;text-align:left}.advisor-best span,.advisor-fills span,.advisor-mini span{min-width:0;overflow:hidden;text-overflow:ellipsis}.advisor-best>span{flex:1}.advisor-best strong,.advisor-mini strong{color:#f2df9d}.advisor-fills,.advisor-mini{display:grid;gap:6px}.advisor-fills button,.advisor-mini button{justify-content:flex-start;gap:8px;min-height:38px;padding:6px 8px;text-align:left}.advisor-mini button{justify-content:space-between;color:#d9d0be;background:#1d1914}.score-panel{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center}.grade{height:88px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:#2c251c}.grade span{font-size:1.45rem;font-weight:900}.grade strong{color:#f2df9d;font-size:.9rem}.grade-s,.mini-grade.grade-s{background:linear-gradient(135deg,#7c243a,#c08a44)}.grade-a,.mini-grade.grade-a{background:linear-gradient(135deg,#496e4f,#a58d3f)}.grade-b,.mini-grade.grade-b{background:linear-gradient(135deg,#3c6573,#807a48)}.grade-c,.mini-grade.grade-c,.grade-d,.mini-grade.grade-d{background:linear-gradient(135deg,#574d42,#7b5a48)}.score-lines{display:grid;gap:8px}.metric-line{position:relative;display:grid;grid-template-columns:1fr 38px;gap:8px;align-items:center;min-height:22px;overflow:hidden}.metric-line span,.metric-line strong{position:relative;z-index:1;font-size:.78rem}.metric-line i{position:absolute;inset:3px auto 3px 0;background:#6ca68852;border-radius:4px}.tab-nav{display:grid;gap:8px}.tab-nav button{justify-content:flex-start;padding:0 12px;color:#d8cfbc}.tab-nav button.active{background:#314236;border-color:#92d0adbf;color:#fff7e6}.main{min-width:0;padding:20px}.workspace-head{justify-content:space-between;gap:18px;margin-bottom:16px}.workspace-head h2{margin:0;font-size:1.55rem}.head-stats{display:grid;grid-template-columns:repeat(4,minmax(116px,1fr));gap:10px;min-width:min(100%,560px)}.stat-badge{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;min-height:58px;padding:9px 10px;border:1px solid rgba(108,166,136,.32);background:#1a251fc7;border-radius:7px}.stat-badge svg{grid-row:span 2;color:#92d0ad}.stat-badge span{color:#b4c0b4;font-size:.76rem}.stat-badge strong{font-size:1.05rem}.work-grid,.research-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:14px;align-items:start}.gear-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.75fr);gap:14px;align-items:start}.wide{grid-column:span 1}.section-head{justify-content:space-between;gap:12px;margin-bottom:12px;min-height:28px}.section-head>div{display:inline-flex;align-items:center;gap:8px;min-width:0}.section-head h2{margin:0;font-size:1rem}.section-head svg{color:#d9b75f}.section-head>span{color:#99bda7;font-size:.78rem;white-space:nowrap}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-bottom:12px}.big-metric{min-height:72px;padding:11px;border:1px solid rgba(213,176,92,.18);border-radius:7px;background:#211c16}.big-metric span{display:block;color:#bdb49f;font-size:.77rem}.big-metric strong{display:block;margin-top:8px;font-size:1.28rem}.stats-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px}.stat-row{min-height:66px;padding:9px;border:1px solid rgba(108,166,136,.18);border-radius:6px;background:#181612}.stat-row span,.stat-row em{display:block}.stat-row span{color:#cdb86c;font-weight:800}.stat-row strong{display:block;margin:3px 0;font-size:1.15rem}.stat-row em{color:#9eaa9f;font-size:.72rem;font-style:normal}.flag-list,.class-note-stack,.patch-stack,.source-stack,.item-list{display:grid;gap:10px}.flag,.class-note,.patch-card,.source-note,.item-card,.spell-card{border:1px solid rgba(213,176,92,.18);background:#181511;border-radius:7px;padding:11px}.flag strong,.class-note strong,.source-note strong{display:block;margin-bottom:4px;color:#f0d382}.flag span,.class-note p,.source-note p,.patch-card p,.item-card p,.spell-card p{margin:0;color:#c5c0b3;line-height:1.45;font-size:.88rem}.combo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.combo-card{display:grid;grid-template-columns:40px minmax(0,1fr) 42px;grid-template-rows:auto auto;gap:5px 8px;align-items:center;min-height:84px;padding:10px;text-align:left;background:#191611}.combo-card strong{grid-column:2 / 3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2;overflow-wrap:anywhere}.combo-card em{grid-column:2 / 4;color:#aeb9a8;font-size:.82rem;font-style:normal}.combo-icons{display:inline-flex;gap:3px;min-width:0}.rank,.mini-grade{display:inline-flex;justify-content:center;align-items:center;border-radius:5px;font-weight:800}.rank{width:38px;height:30px;color:#d9c57d;background:#2c251c}.mini-grade{width:38px;height:34px;color:#fff6e1}.class-note-head{gap:8px;margin-bottom:8px}.class-note-head a,.item-card-head a,.spell-head a,.patch-head a,.source-note a{display:inline-flex;gap:5px;align-items:center}.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.gear-slot{min-height:158px;border:1px solid rgba(108,166,136,.18);background:#181511;border-radius:7px;padding:9px}.gear-slot label{display:grid;gap:6px}.upgrade-row{display:grid;grid-template-columns:1fr 40px;gap:8px;align-items:center;margin:8px 0}.upgrade-row strong{color:#92d0ad;text-align:right}.item-mini{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-height:42px;color:#c9c2b1;font-size:.8rem}.item-mini.inactive{opacity:.62}.item-mini img,.item-card img,.spell-card img{width:32px;height:32px;object-fit:contain;image-rendering:auto}.item-mini span,.item-card p,.spell-card p{overflow-wrap:anywhere}.search{width:100%;margin-bottom:10px}.item-card-head,.spell-head{gap:10px;margin-bottom:8px}.item-card-head>div,.spell-head>div{min-width:0}.item-card-head span,.spell-head span{display:block;margin-top:3px;color:#9faa9d;font-size:.78rem}.item-card em{display:block;margin-top:8px;color:#92d0ad;font-size:.8rem;font-style:normal}.item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.item-meta span{border:1px solid rgba(217,183,95,.24);background:#211c16;border-radius:5px;padding:3px 7px;color:#d9c57d;font-size:.74rem}.full-panel{min-height:calc(100vh - 40px)}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px;margin-bottom:12px}.toolbar .search{margin-bottom:0}.spell-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:10px}.spell-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.spell-meta span{border:1px solid rgba(108,166,136,.28);background:#20251d;border-radius:5px;padding:3px 7px;color:#cdd8cb;font-size:.74rem}.spell-card ul,.patch-card ul{margin:8px 0 0;padding-left:18px;color:#d7d0c0;font-size:.84rem;line-height:1.4}.patch-head{justify-content:space-between;gap:10px;margin-bottom:8px}.patch-head time{color:#92d0ad;font-size:.82rem;font-weight:800}.patch-card h3{margin:0 0 6px;font-size:1rem}.snapshot{display:grid;gap:7px;margin-top:12px;padding:10px;border-radius:6px;background:#201b16;color:#d6c9ae;font-size:.84rem}@media(max-width:1260px){.app-shell{grid-template-columns:300px minmax(0,1fr)}.work-grid,.gear-layout,.research-layout{grid-template-columns:1fr}.combo-grid,.gear-grid,.spell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vitals-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.stats-table{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}}@media(max-width:860px){.app-shell{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(213,176,92,.22)}.main{padding:14px}.workspace-head{align-items:stretch;flex-direction:column}.head-stats,.combo-grid,.gear-grid,.spell-grid,.toolbar,.vitals-grid,.stats-table{grid-template-columns:1fr}.score-panel{grid-template-columns:80px minmax(0,1fr)}.grade{height:80px}.tab-nav{grid-template-columns:repeat(2,1fr)}}