[hidden]{display:none!important}.mode-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:24px}.mode-nav button,.build-tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:10px 16px;font-size:13px}.mode-nav .active,.build-tabs .active{color:var(--green);background:#293521;border-color:#596b43}.mode-nav button:last-child{margin-left:auto}.builder-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.builder-top h1{font-size:31px;margin:7px 0 0}.builder-top-actions{display:flex;gap:8px}.builder-layout{display:grid;grid-template-columns:210px minmax(420px,1fr) 300px;gap:20px;align-items:start}.build-character,.build-summary{position:sticky;top:14px;padding:18px}.build-character label{margin-bottom:13px}.build-subheading{display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.build-subheading span{font-size:11px;color:var(--green)}.allocation-row{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:12px 0;border-bottom:1px solid var(--line)}.allocation-row label{margin:0;color:var(--text)}.allocation-row strong{font-size:24px;font-weight:600}.allocation-row small{font-size:10px;display:block;color:var(--muted)}.allocation-step{display:flex;align-items:center;gap:6px}.allocation-step button{width:28px;height:28px;border:1px solid #41533a;background:#273320;color:var(--green);font-size:18px;padding:0}.allocation-center{text-align:center;min-width:40px}.build-character .primary{font-size:12px;margin-top:18px;padding:12px 10px}.slot-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.slot-cell{background:#131b16;border:1px solid #394738;color:var(--muted);min-width:0;padding:8px 3px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px;height:94px;overflow:hidden;font-size:9px}.slot-cell img{width:48px;height:48px;object-fit:contain}.slot-cell .empty-slot{font-size:22px;line-height:48px;opacity:.5}.slot-cell strong{position:absolute;align-self:end;font:10px Consolas,monospace;color:var(--amber)}.slot-cell.active{border-color:var(--green);background:#2c3925}.slot-cell.selected{background:radial-gradient(ellipse at top,#443150,#181e18)}.build-slots{padding:18px}.build-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:14px}.build-tabs button{padding:8px 12px;white-space:nowrap;font-size:12px}.system-panel{min-height:460px;padding:22px}.editor-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.editor-heading img{width:70px;height:70px;object-fit:contain;background:#32263c;border-radius:8px}.editor-heading h2{line-height:1.5}.editor-actions{display:flex;gap:10px;margin:12px 0}.editor-slider{width:100%;accent-color:var(--green);margin:15px 0 20px}.trait-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.trait-choice label{display:flex;align-items:center;gap:6px;color:var(--text);font-size:12px}.trait-choice input{accent-color:var(--green)}.trait-levels{display:flex;gap:4px}.trait-levels button{border:1px solid #3c4934;background:#182117;color:var(--muted);font-size:10px;padding:5px 7px;min-width:34px}.trait-levels .selected{color:var(--green);border-color:#697e45;background:#2b381f}.editor-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:15px;border:1px solid var(--line);border-radius:7px;margin:14px 0}.editor-stats div{font-size:12px}.editor-stats span{color:var(--muted);display:block;font-size:10px}.system-panel h3{font-size:14px;margin-top:22px}.build-summary input{margin:16px 0}.live-stat{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;background:none;border:0;color:var(--text);padding:10px 0;border-bottom:1px solid #303b302e;text-align:left;font-size:11px}.live-stat strong{font-size:15px;white-space:nowrap;font-weight:600}.live-stat:hover{color:var(--green)}.build-summary details{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.build-summary summary{font-size:12px}.build-summary details p{font-size:10px;line-height:1.7}.source-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.accuracy-source{padding:12px 0;border-bottom:1px solid var(--line)}.accuracy-source summary{font-size:12px}.catalog-dialog{width:min(900px,calc(100vw - 28px));max-height:85vh;padding:22px;border:1px solid #61704d;border-radius:12px;background:var(--panel);color:var(--text)}.catalog-dialog::backdrop,#statDialog::backdrop{background:#080c0bd9}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.catalog-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:60vh;overflow:auto;padding:4px}.catalog-choice{display:flex;align-items:center;gap:12px;background:#151d17;border:1px solid var(--line);color:var(--text);padding:12px;text-align:left}.catalog-choice:hover{border-color:var(--green);background:#273022}.catalog-choice img{width:48px;height:48px;object-fit:contain;flex:0 0 48px}.catalog-choice strong{display:block;font-size:12px}.catalog-choice small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.rune-line{border:1px solid var(--line);border-radius:8px;padding:15px;margin:12px 0;border-left:3px solid #a76e65}.rune-line.defense{border-left-color:#73a5cc}.rune-line.assist{border-left-color:#dfc178}.rune-controls{display:grid;grid-template-columns:105px minmax(0,1fr) 70px;gap:8px;align-items:end}.rune-controls label{min-width:0}.skill-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0}.skill-slot{background:#18221b;border:1px solid #415439;color:#c9d8ba;padding:7px 5px;border-radius:6px;min-height:52px;font-size:10px;line-height:1.4}.skill-card{padding:14px 0;border-bottom:1px solid var(--line)}.skill-card>label{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px;font-weight:600}.skill-card input{accent-color:var(--green)}.skill-card p{font-size:11px;margin:8px 0}.skill-specializations{margin-top:8px}.skill-specializations label{display:block;font-size:11px;margin:6px 0;color:var(--muted)}.skill-specializations span{color:var(--green);font-size:10px}.mastery-controls{display:grid;grid-template-columns:1fr 100px;gap:12px;margin-bottom:15px}.mastery-tree{position:relative;aspect-ratio:1;background:radial-gradient(circle,#273924,#131a15 65%);border:1px solid var(--line);border-radius:12px;margin:15px 0;overflow:hidden}.mastery-ring{position:absolute;border:1px solid #50604766;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.mastery-root{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d4ef99;color:#243019;padding:10px;border-radius:50%;font-weight:700;font-size:12px}.mastery-node{position:absolute;transform:translate(-50%,-50%);width:31px;height:31px;line-height:1;border:1px solid #637255;background:#222d20;color:var(--muted);border-radius:50%;padding:2px;font:11px Consolas,monospace}.mastery-node.selected{color:var(--green);border-color:#a6bf75;background:#485b30}.mastery-node.synergy{border-radius:6px;border-color:#b39ccc}.mastery-node strong{font-size:9px;position:absolute;bottom:-8px;right:-4px;border:1px solid #5c6c40;border-radius:4px;background:#182314;padding:2px;color:var(--green)}.mastery-card{border:1px solid var(--line);padding:15px;border-radius:8px}.mastery-card h3{margin:0 0 10px}.mastery-list{max-height:300px;overflow:auto;margin-top:15px}.mastery-list label{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.mastery-list input{width:65px}.artifact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.artifact-cell{padding:13px 5px;color:var(--muted);background:#172017;border:1px solid var(--line);font-size:11px}.artifact-cell.active{border-color:var(--green);color:var(--green)}.artifact-cell strong{display:block;font-size:10px;margin-top:6px}.artifact-roll{display:block;margin:12px 0}.saved-build{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;gap:10px}.saved-build strong{font-size:13px}.saved-build p{font-size:11px;margin:4px 0}.saved-build button{font-size:11px;padding:8px}#statDialog{background:var(--panel);color:var(--text);border:1px solid #61704d;border-radius:12px;padding:24px;width:min(500px,calc(100vw - 28px))}.comparison-row{display:grid;grid-template-columns:1fr 100px 100px;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.comparison-row .positive{color:var(--green)}.comparison-row .negative{color:var(--amber)}
@media(max-width:1250px){.builder-layout{grid-template-columns:190px minmax(390px,1fr)}.build-summary{grid-column:1/-1;position:static}.build-summary #liveStats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.build-character{padding:14px}.slot-board{grid-template-columns:repeat(7,1fr)}.build-summary>details{display:inline-block;width:48%;vertical-align:top}}@media(max-width:850px){.builder-layout{grid-template-columns:1fr}.build-character{position:static;display:block}.build-summary{grid-column:auto}.build-summary #liveStats{grid-template-columns:repeat(2,1fr)}.allocation-row{display:inline-flex;width:calc(20% - 4px);padding:10px 3px;flex-direction:column}.allocation-step{gap:3px}.build-character .hint{max-width:600px}.build-character .primary{max-width:350px}.builder-top{flex-wrap:wrap;gap:18px}.mode-nav{flex-wrap:wrap}.mode-nav button{padding:9px 12px;font-size:12px}.mode-nav button:last-child{margin-left:0}.slot-board{grid-template-columns:repeat(7,1fr)}.build-character label{margin-top:10px}.mastery-node{width:34px;height:34px}}@media(max-width:500px){.slot-board{grid-template-columns:repeat(4,1fr)}.slot-cell{height:84px}.catalog-items{grid-template-columns:1fr}.catalog-dialog{padding:16px}.rune-controls{grid-template-columns:90px 1fr}.rune-controls label:last-child{grid-column:1/-1}.system-panel{padding:18px 14px}.trait-choice{flex-wrap:wrap}.trait-levels{margin-left:auto}.trait-levels button{min-width:33px}.artifact-grid{grid-template-columns:repeat(2,1fr)}.skill-bar{grid-template-columns:repeat(4,1fr)}.builder-top-actions{flex-wrap:wrap}.build-summary #liveStats{grid-template-columns:1fr}.allocation-step{gap:1px}.allocation-step button{width:23px;height:25px}.allocation-center{min-width:30px}.allocation-row strong{font-size:21px}.allocation-row label{font-size:10px}.mastery-node{width:26px;height:26px;font-size:9px}.editor-stats{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr 75px 75px}}

.skill-icon{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:8px}.skill-slot img{width:32px;height:32px;object-fit:contain;display:block;margin:0 auto 5px}.mastery-node img{width:24px;height:24px;object-fit:contain}.artifact-cell img{width:48px;height:48px;object-fit:contain;display:block;margin:5px auto}.mastery-levels{margin:12px 0}.additional-stats{margin-top:14px}.additional-stats summary{cursor:pointer;color:var(--muted);padding:10px 0}
.active-buffs{margin:12px 0;padding:10px;border:1px solid #494250;border-radius:8px}
.active-buffs summary{cursor:pointer;font-weight:600}
.active-buff{display:flex!important;align-items:flex-start;gap:8px;margin:12px 0!important;font-size:13px}
.active-buff input{width:16px!important;flex:0 0 16px;margin:3px 0 0!important}
.active-buff small{display:block;color:#aaa5b1;font-size:11px;margin-top:4px}
.food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.food-slot{border:1px solid var(--line);border-radius:9px;padding:16px;background:#172019}.food-slot-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.food-slot-head img{object-fit:contain;background:#241e2b;border:1px solid #716045;border-radius:5px}.food-slot-head h3{margin:0;font-size:15px}.food-slot label{font-size:11px;color:var(--muted)}.food-slot select{margin-top:6px;font-size:12px;width:100%;min-width:0}.food-empty{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px dashed #657359;border-radius:5px;font-size:27px;color:#89967d;flex-shrink:0}.food-effects{list-style:none;padding:0;margin:14px 0;font-size:12px;line-height:1.6}.food-effects li{display:flex;justify-content:space-between;gap:12px;margin:5px 0}.food-effects strong{white-space:nowrap;color:var(--green)}.food-slot>small{font-size:11px;color:var(--muted)}.stellarite-choice{border:1px solid #756348;background:#2a261b66;border-radius:9px;padding:16px;margin:20px 0}.stellarite-choice h3{margin:0 0 12px}.stellarite-choice label{max-width:360px}@media(max-width:650px){.food-grid{grid-template-columns:1fr}.food-slot{padding:13px}}