:root{--bg:#0d171e;--sidebar:#101c23;--panel:#18252d;--panel2:#1e2e37;--stroke:#31434b;--ink:#edf2ea;--muted:#9dafb0;--muted2:#718c8e;--gold:#e7b96e;--gold2:#f5d9a2;--green:#94c4a1;--ember:#de906d;--red:#ec9d8f;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:14px/1.55 Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";pointer-events:none;position:fixed;inset:0;opacity:.34;background:radial-gradient(ellipse at 83% -10%,#224237 0,transparent 32%),radial-gradient(ellipse at 43% 58%,#15272c,transparent 46%);z-index:-1}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold2)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hidden{display:none!important}
.site-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:250px;background:linear-gradient(160deg,#14242b 0%,#0d181e 100%);border-right:1px solid #2b3b41;display:flex;flex-direction:column;padding:31px 18px 22px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 6px 34px;border-bottom:1px solid #304047}.brand-mark{color:var(--gold);display:grid;place-items:center;border:1px solid #866f4a;width:43px;height:43px;transform:rotate(45deg);font:26px Georgia,serif}.brand-mark::first-letter{transform:rotate(-45deg)}.brand-text{display:flex;flex-direction:column}.brand-text b{letter-spacing:.22em;font-size:16px;color:#f3e5ca}.brand-text em{font-size:8px;letter-spacing:.31em;color:#95aba7;font-style:normal;margin-top:3px}.side-group-label{font-size:10px;letter-spacing:.24em;color:#607b7f;margin:31px 12px 13px;font-weight:700}.side-nav{display:grid;gap:5px}.nav-link{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a9bec0;text-align:left;padding:11px 12px;font-size:13px;transition:.15s}.nav-link:hover{background:#203039;color:#fff}.nav-link.active{color:var(--gold2);background:linear-gradient(90deg,#34433c,#1c2d33);border-color:#43554c}.nav-icon{font-size:18px;color:#819c91;width:22px;text-align:center;line-height:1}.nav-link.active .nav-icon{color:var(--gold)}.nav-num{margin-left:auto;font-size:10px;color:#617a7b;letter-spacing:.1em}.sidebar-bottom{margin-top:auto;padding:27px 12px 0;border-top:1px solid #304047;color:#93a9a7;position:relative}.sidebar-bottom p{font:italic 13px/1.6 Georgia,serif}.sidebar-bottom strong{font-style:normal;font-weight:normal;color:var(--gold2)}.side-orbit{float:right;color:#5e746f;font-size:48px}.side-version{font-size:9px;letter-spacing:.2em;color:#647f80}
.main-area{margin-left:250px;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:65px;padding:0 40px;background:rgba(13,23,30,.93);border-bottom:1px solid #2a3940;backdrop-filter:blur(14px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:22px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--gold)}.eyebrow{color:#9fb3b2}.eyebrow span{color:var(--gold)}.top-status{font-size:10px;letter-spacing:.16em;color:#9eb3b0}.top-status i{display:inline-block;width:7px;height:7px;border-radius:100%;background:#85bd96;box-shadow:0 0 9px #76b08c;margin-right:7px}.top-source{font-size:12px;color:#ccd9d2;border-left:1px solid #38494d;padding-left:20px}.mobile-menu{display:none;border:0;background:transparent;color:var(--gold);font-size:22px}.main-inner{max-width:1510px;margin:auto;padding:29px 40px 20px}
.hero{position:relative;min-height:328px;overflow:hidden;border-radius:18px;border:1px solid #435044;background:radial-gradient(circle at 84% 45%,#2b5142 0%,transparent 34%),linear-gradient(110deg,#1a3234 1%,#26372f 58%,#1d312c 100%);box-shadow:0 15px 42px #060d1270}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 17px,#ffffff06 18px,transparent 19px);pointer-events:none}.hero-copy{z-index:2;position:relative;max-width:670px;padding:42px 46px 55px}.hero-copy h1{font:normal clamp(40px,4.6vw,68px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:16px 0 17px;color:#f9f5e9}.hero-copy h1 em{font-style:italic;color:var(--gold2)}.hero-copy p{max-width:570px;color:#c5d8cf;font-size:14px;line-height:1.7;margin:0}.hero-copy p strong{color:#f7dab0}.kicker-line{display:inline-block;width:27px;height:1px;background:var(--gold);vertical-align:middle;margin-right:8px}.hero-actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.btn{border:1px solid #596d65;border-radius:8px;padding:10px 16px;color:var(--ink);background:#283c3e;font-weight:700;font-size:12px;transition:.15s}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-gold{background:var(--gold);border-color:var(--gold);color:#1d2421}.btn-gold span{margin-left:16px}.btn-outline{background:#1e352dd8;border-color:#71857a;color:#e8f1e7}.hero-art{position:absolute;right:-30px;top:-34px;width:43%;height:410px;display:grid;place-items:center;opacity:.86}.ring{position:absolute;width:310px;height:310px;border:1px solid #d0a96b48;border-radius:50%;transform:rotate(-20deg)}.ring:after{content:"";position:absolute;inset:24px;border:1px dashed #d0a96b44;border-radius:50%}.ring-two{width:228px;height:228px;border:2px solid #e3bd7a59;box-shadow:0 0 0 13px #e1b46d0a,0 0 90px #a7bd7130}.flame-glyph{font:180px/1 Georgia,serif;color:#d9b575;text-shadow:0 0 48px #d89f5a70}.glyph-caption{position:absolute;bottom:22px;letter-spacing:.3em;font-size:9px;color:#e8d5ab}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:11px 46px;border-top:1px solid #b8af8663;background:#0d211d61;font-size:9px;letter-spacing:.19em;color:#d8d7b6}
.build-bar{display:grid;grid-template-columns:minmax(215px,1.5fr) repeat(3,minmax(100px,1fr)) auto;align-items:end;gap:16px;background:#1a2b30;border:1px solid #35494b;border-radius:13px;margin:18px 0 33px;padding:17px 20px}.build-bar-intro{display:flex;align-items:center;gap:11px;align-self:center}.avatar-sigil{width:46px;height:46px;border:1px solid #9c8055;border-radius:10px;display:grid;place-items:center;color:var(--gold);font-size:29px;background:#354339}.build-bar-intro small{font-size:9px;letter-spacing:.2em;color:#91a9a3;display:block}.build-bar-intro strong{font:16px Georgia,serif;color:#f5e2b8}.pref-field,.filter-bar label{display:grid;gap:5px;font-size:10px;letter-spacing:.07em;color:#a6bebb;font-weight:700}.pref-field input,.pref-field select,.filter-bar input,.filter-bar select{width:100%;min-width:0;background:#101d24;border:1px solid #476065;border-radius:7px;color:#f0f2e9;padding:9px 11px;font-size:13px;letter-spacing:0}.btn-apply{border-color:#647b68;background:#315146;color:#e4f1dc;white-space:nowrap;height:38px}
.view-panel{display:none;animation:arrive .25s ease}.view-panel.active{display:block}@keyframes arrive{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:30px 0 20px}.section-head h2{font:normal clamp(28px,3vw,39px)/1.16 Georgia,serif;letter-spacing:-.028em;margin:7px 0 5px;color:#f5f0e2}.section-head p{margin:0;color:#93a9a7;font-size:13px}.section-head.compact{margin-top:34px}.section-head.compact h2{font-size:27px}.micro-tag{color:#95b6a5;border:1px solid #45635b;background:#253e35;border-radius:100px;padding:7px 12px;font-size:9px;letter-spacing:.13em;font-weight:800;white-space:nowrap}.text-link{border:0;background:transparent;color:var(--gold);font-weight:700;font-size:12px}.text-link:hover{text-decoration:underline}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.metric-card{border:1px solid #34474d;background:linear-gradient(155deg,#21323a,#192930);border-radius:12px;padding:17px 15px;min-height:108px}.metric-card small{font-size:10px;letter-spacing:.1em;color:#8fafaa;display:block}.metric-card b{font:normal 29px/1.15 Georgia,serif;color:#f7e0b2;display:block;margin-top:8px}.metric-card span{font-size:10px;color:#688b85;display:block;margin-top:6px}.metric-card.loading{grid-column:1/-1}.overview-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-top:15px}.surface-card{background:linear-gradient(140deg,#1b2e35,#17252d);border:1px solid #35474d;border-radius:13px;padding:23px;position:relative;overflow:hidden}.surface-card h3{font:normal 25px Georgia,serif;margin:6px 0 10px}.surface-card p{color:#aebfbb;font-size:13px}.spotlight{background:radial-gradient(circle at 93% 0%,#445640 0,transparent 38%),linear-gradient(130deg,#263c36,#192b31)}.tiny-label{font-size:10px;letter-spacing:.17em;color:var(--gold);font-weight:800}.hero-stat{font:42px/1.2 Georgia,serif;color:#f8e0b5;margin:8px 0}.list-check{display:grid;gap:9px;margin:15px 0}.list-check div{display:flex;gap:8px;color:#c1d4c9;font-size:12px}.list-check b{color:var(--gold);font-weight:normal}.callout-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pill{border:1px solid #49665f;border-radius:30px;color:#bdd8ca;background:#203b36;padding:5px 9px;font-size:10px}.pill.gold{color:#f1d9a5;border-color:#7e6a47;background:#3c3c2d}.pill.red{color:#eec1ad;border-color:#835847;background:#48342f}.muted-copy{color:#96aaa8;font-size:12px;line-height:1.65}.objective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.objective-card{border:1px solid #3d4e4e;border-radius:12px;padding:21px;background:#1b2a31;transition:.2s}.objective-card:hover{border-color:#bc9664;transform:translateY(-2px)}.objective-card .symbol{font:34px Georgia,serif;color:var(--gold)}.objective-card h3{font:21px Georgia,serif;margin:9px 0}.objective-card p{color:#9caeaa;font-size:12px}.objective-card button{border:0;background:none;color:var(--gold);font-weight:800;padding:0;font-size:11px}.milestone-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.milestone{border:1px solid #3a4c4f;background:#1b2b32;border-radius:11px;padding:16px}.milestone small{font-size:10px;letter-spacing:.1em;color:#a3c5b7}.milestone h4{font:17px Georgia,serif;margin:8px 0 3px}.milestone p{color:#93aaa9;font-size:11px;margin:0}
.alert{border:1px solid #58634d;border-left:3px solid var(--gold);background:#272f2c;padding:13px 16px;border-radius:8px;color:#bac4ba;font-size:12px;line-height:1.6;margin:15px 0}.alert strong{color:#f3dca5}.alert.error{border-color:#9a5857;background:#482e32;color:#ffd9d6}.current-route{margin:20px 0}.current-route .surface-card{padding:22px}.route-now{display:grid;grid-template-columns:1.25fr repeat(3,.55fr);align-items:center;gap:20px}.route-now strong{display:block;font:26px Georgia,serif}.route-now small{display:block;color:#8fa69f;font-size:10px;letter-spacing:.1em}.route-now b{font:19px Georgia,serif;color:var(--gold2)}.filter-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.filter-bar label{min-width:145px;flex:1}.filter-bar label.wide{flex:2}.btn-small{padding:9px 14px}.btn.muted{background:#26363c;border-color:#415359}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #34484d;background:#17262e}.data-table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}.data-table th{background:#26373e;color:#9bb4ae;font-size:10px;letter-spacing:.11em;font-weight:800;white-space:nowrap;padding:14px 14px;border-bottom:1px solid #46575b}.data-table td{padding:12px 14px;border-bottom:1px solid #304148;color:#c6d3cd;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#23353a}.data-table .subline{display:block;color:#7e9a98;font-size:10px;margin-top:3px}.data-table strong{color:#f1eee4;font-weight:700}.data-table .highlight{color:var(--gold)}.row-active{background:#2d423c!important}.row-endgame{background:#423d2d77}.source-arrow{color:#d8b77e;font-size:11px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 3px;gap:12px;color:#8eaaa7;font-size:12px}.pagination{display:flex;align-items:center;gap:11px}.pagination button{color:var(--gold);background:#21343b;border:1px solid #466062;padding:6px 10px;border-radius:6px}.pagination button:disabled{opacity:.35;cursor:default}.footnote{font-size:11px;color:#7e9697}
.farm-tabs{display:flex;gap:9px;margin:18px 0}.seg{border:1px solid #455b58;background:#20323a;color:#9ab2ac;border-radius:8px;padding:10px 15px;font-weight:700;font-size:12px}.seg.active{border-color:#a7885c;background:#3a3d2d;color:#f6d99e}.farm-summary{background:linear-gradient(120deg,#263c37,#203039);border:1px solid #486057;border-radius:13px;padding:20px;margin-bottom:16px}.farm-summary h3{font:23px Georgia,serif;margin:4px 0}.farm-summary p{color:#a9c0b5;font-size:12px}.farm-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.farm-card{border:1px solid #3d5150;background:#1a2b32;padding:19px;border-radius:12px;display:flex;flex-direction:column;gap:9px}.farm-card .farm-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.farm-card h3{font:21px Georgia,serif;margin:5px 0 0}.farm-card p{color:#9aafaa;font-size:12px;margin:0}.farm-card .farm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border-top:1px solid #3a4d4e;padding-top:12px;margin-top:auto}.farm-metrics small{display:block;font-size:9px;color:#799691}.farm-metrics strong{color:#e8ddc0;font-size:13px}.rank{color:#e2c07c;background:#433f2e;border:1px solid #746344;border-radius:100px;min-width:33px;padding:5px 8px;text-align:center;font-weight:bold;font-size:11px}
.gem-focus{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gem-priority{border-radius:13px;background:linear-gradient(150deg,#2f3e39,#192b31);border:1px solid #456054;padding:18px}.gem-priority .crystal{display:grid;place-items:center;background:#273d3b;color:#e4bb74;border:1px solid #7d7056;border-radius:9px;width:44px;height:44px;font-size:24px}.gem-priority h3{font:19px Georgia,serif;margin:12px 0 6px}.gem-priority p{font-size:11px;color:#a7bcb3;line-height:1.6}.gem-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gem-card{border:1px solid #3b5050;border-radius:10px;background:#1b2c34;padding:16px}.gem-card h4{font:17px Georgia,serif;margin:0 0 7px}.gem-card p{font-size:11px;color:#a7bab6;margin:8px 0 0;line-height:1.5}.gem-card .gem-role{display:flex;flex-wrap:wrap;gap:5px}.role-tag{display:inline-block;font-size:9px;color:#b6d5c7;border:1px solid #536b64;border-radius:6px;padding:3px 6px;background:#2a403b}.role-tag.fodder{color:#83999a;border-color:#45585c;background:#26353b}.grade-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.grade-card{text-align:center;padding:15px 7px;border:1px solid #425554;background:#1d3037;border-radius:10px}.grade-card b{font:24px Georgia,serif;color:#f0c981}.grade-card small{display:block;color:#9bb2ab;font-size:10px;margin-top:5px}.shadow-intro{padding:20px;background:#283137;border:1px solid #47565b;border-radius:12px;color:#b6c4bf;font-size:12px}.shadow-tiers{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.shadow-tier{padding:8px 13px;border:1px solid #69586b;color:#e8c5e1;background:#392b3b;border-radius:7px;font:17px Georgia,serif}
.build-guide{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.build-feature{background:radial-gradient(circle at 88% 0%,#41583d99,transparent 38%),#1e3334;border:1px solid #526451;border-radius:14px;padding:22px}.build-feature h3{font:27px Georgia,serif;margin:4px 0}.build-feature p{font-size:13px;color:#b9c8bf}.build-feature ul{color:#c6d7cd;padding-left:18px}.class-grid,.race-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.profile-card{background:#1c2c34;border:1px solid #3c5050;border-radius:11px;padding:17px}.profile-card.current{border-color:#b69561;background:#2c3832}.profile-card h3{font:19px Georgia,serif;margin:4px 0 7px}.profile-card p{color:#a6b9b3;font-size:11px;line-height:1.55}.profile-card .profile-stats{font-size:10px;color:#edd2a0}.profile-card .family-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#84b99d}.race-card .stat-pips{display:flex;gap:6px;flex-wrap:wrap}.stat-pips span{font-size:9px;background:#293d42;padding:4px 6px;border-radius:4px;color:#d3ded6}
.gear-advice{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.gear-panel{border:1px solid #405653;border-radius:13px;background:#20323a;padding:22px}.gear-panel h3{font:23px Georgia,serif;margin:6px 0 10px}.gear-panel p{color:#b0c3b9;font-size:12px}.gear-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gear-stats div{border:1px solid #4e645b;background:#283b3b;border-radius:8px;padding:12px}.gear-stats small{font-size:9px;color:#9eb4a7;display:block}.gear-stats b{font:24px Georgia,serif;color:#f3d29b}.socket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.socket-card{background:#1b2d35;border:1px solid #3e5552;border-radius:11px;padding:17px}.socket-card h4{font:18px Georgia,serif;margin:5px 0}.socket-card p{font-size:11px;color:#a8beb4}.bonus-table{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bonus-slot{background:#1d2e36;border:1px solid #3d5054;border-radius:11px;padding:15px}.bonus-slot h4{font:17px Georgia,serif;margin:0 0 12px}.bonus-slot dl{margin:0}.bonus-slot dt{font-size:10px;letter-spacing:.12em;color:var(--gold);margin:9px 0 3px}.bonus-slot dd{font-size:10px;color:#a9c0ba;margin:0;line-height:1.4}.accessory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.accessory-card{border:1px solid #405152;background:#1b2b33;border-radius:10px;padding:15px}.accessory-card h4{font:17px Georgia,serif;margin:2px 0 5px}.accessory-card p{font-size:11px;color:#b3c4bc}.accessory-card .source{font-size:10px;color:#d2bd91}.accessory-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px}.accessory-feature{border:1px solid #7d7050;background:#34392f;padding:17px;border-radius:11px}.accessory-feature h4{font:18px Georgia,serif;color:#f7ddb0;margin:7px 0}.accessory-feature p{font-size:11px;color:#bfccb8}
.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.source-card{border:1px solid #3b5351;background:#1b2c33;border-radius:12px;padding:20px}.source-card h3{font:21px Georgia,serif;margin:6px 0}.source-card p{color:#9eb2ad;font-size:12px}.source-card a{font-size:12px;color:var(--gold)}.method-card{margin:17px 0;padding:25px;background:#26372f;border:1px solid #506450;border-radius:12px}.method-card h3{font:24px Georgia,serif;margin:0 0 12px}.method-card p{color:#b5c8bd;font-size:13px;max-width:950px}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:37px 3px 15px;border-top:1px solid #2e4346;margin-top:46px;font-size:10px;color:#78918e;letter-spacing:.05em}.footer span:first-child{letter-spacing:.22em;color:#d3b57d}
.detail-dialog{width:min(600px,calc(100vw - 28px));max-height:84vh;overflow-y:auto;background:#1a2b32;color:#e8f0e8;border:1px solid #71816a;border-radius:17px;box-shadow:0 20px 80px #030708; padding:27px}.detail-dialog::backdrop{background:#071016ca;backdrop-filter:blur(4px)}.dialog-close{float:right;border:1px solid #50666a;border-radius:7px;background:#293b42;color:#fff;padding:6px 10px}.detail-dialog h2{font:30px Georgia,serif;margin:14px 0}.detail-dialog .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.detail-dialog .detail-grid div{background:#273941;border:1px solid #43595c;padding:12px;border-radius:8px}.detail-dialog .detail-grid small{display:block;color:#91aca6;font-size:10px}.detail-dialog .detail-grid strong{font:19px Georgia,serif;color:#f1d59f}.detail-dialog p{color:#a9c0b6;font-size:12px}
@media(max-width:1280px){.main-inner{padding:25px 25px}.topbar{padding:0 25px}.sidebar{width:228px}.main-area{margin-left:228px}.metric-grid{grid-template-columns:repeat(3,1fr)}.build-bar{grid-template-columns:1.3fr repeat(3,1fr)}.build-bar .btn-apply{grid-column:4}.hero-art{opacity:.5}.gem-focus{grid-template-columns:repeat(2,1fr)}.bonus-table{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .23s ease;box-shadow:10px 0 40px #0008}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.mobile-menu{display:inline-block}.main-inner{padding:20px}.topbar{padding:0 20px}.hero-copy{padding:39px 29px 58px}.hero-art{right:-100px;opacity:.32}.hero-bottom{padding:11px 29px}.build-bar{grid-template-columns:repeat(3,1fr)}.build-bar-intro{grid-column:1/-1}.build-bar .btn-apply{grid-column:1/-1}.overview-grid,.build-guide,.gear-advice{grid-template-columns:1fr}.milestone-row{grid-template-columns:repeat(2,1fr)}.class-grid,.race-grid,.socket-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:610px){.main-inner{padding:13px}.topbar{padding:0 13px}.top-source,.top-status{display:none}.hero{min-height:320px}.hero-copy{padding:33px 23px 55px}.hero-copy h1{font-size:43px}.hero-copy p{font-size:12px}.hero-bottom{padding:11px 22px;font-size:8px}.hero-art{right:-160px}.build-bar{padding:14px;grid-template-columns:repeat(2,1fr);gap:10px}.build-bar-intro{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:95px}.metric-card b{font-size:24px}.objective-grid,.farm-results,.gem-list,.accessory-list,.source-grid{grid-template-columns:1fr}.class-grid,.race-grid,.socket-grid,.gem-focus,.accessory-focus{grid-template-columns:1fr}.bonus-table{grid-template-columns:repeat(2,1fr)}.grade-grid{grid-template-columns:repeat(3,1fr)}.section-head{align-items:flex-start;flex-direction:column}.micro-tag{align-self:flex-start}.milestone-row{grid-template-columns:1fr 1fr}.route-now{grid-template-columns:1fr 1fr}.farm-tabs{overflow-x:auto}.seg{white-space:nowrap}.footer{flex-wrap:wrap}.hero-stat{font-size:35px}}
.route-trail{margin:14px 0 18px;border:1px solid #5b7058;background:linear-gradient(130deg,#24362f,#172b34);border-radius:13px;padding:21px}.trail-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.trail-heading h3{font:24px Georgia,serif;margin:6px 0}.trail-heading p{color:#a9c0b6;font-size:12px;line-height:1.5}.route-trail details>summary,.route-mini>summary{cursor:pointer;color:#f4ce8d;font-weight:600;list-style-position:inside}.route-trail details>summary{padding:12px;background:#1c3032;border:1px solid #4c6255;border-radius:8px;font-size:12px}.portal-steps{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.portal-steps li{display:grid;grid-template-columns:28px minmax(130px,1fr) minmax(100px,auto) auto;gap:10px;align-items:center;border:1px solid #3d574f;border-radius:9px;background:#192e33;padding:10px 12px}.portal-number{background:#3b5046;border-radius:50%;width:25px;height:25px;text-align:center;padding-top:4px;color:#edcc97;font-size:11px}.portal-steps strong,.portal-steps li span{display:block}.portal-steps li>div>span{color:#97b2a8;font-size:11px;margin-top:3px}.portal-coord{font-size:11px;font-weight:700;color:#f3d29a;white-space:nowrap}.portal-coord.unverified{color:#d2a4a4}.portal-steps .text-link{white-space:nowrap;font-size:10px}.route-table th:last-child{min-width:205px}.route-mini{max-width:400px}.route-mini summary{font-size:11px}.route-mini .portal-steps{min-width:380px}.route-mini .portal-steps li{grid-template-columns:20px minmax(140px,1fr) minmax(95px,auto);padding:8px}.route-mini .portal-steps .text-link{grid-column:2 / -1}
.power-lab{display:grid;grid-template-columns:.75fr 1.25fr;gap:13px;margin-bottom:25px}.power-picks,.power-results{border:1px solid #50675b;border-radius:13px;background:linear-gradient(148deg,#273c37,#182b33);padding:22px}.power-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}.power-pick{font-family:inherit;display:flex;align-items:center;gap:8px;border:1px solid #49615b;border-radius:8px;background:#1d3335;color:#c4d8cb;padding:11px 9px;text-align:left;font-size:12px;cursor:pointer}.power-pick small{color:#8bbaa5;min-width:22px}.power-pick:hover,.power-pick.selected{border-color:#e0bc79;background:#364b3f;color:#ffe1a6}.power-picks .muted-copy{font-size:11px;margin-top:19px}.power-gem-head{display:flex;align-items:center;gap:13px;margin:15px 0}.power-crystal{display:grid;place-items:center;width:62px;height:62px;border:1px solid #c5a672;border-radius:13px;background:#3a4d40;color:#f3cb86;font-size:34px}.power-gem-head h3{font:26px Georgia,serif;margin:0}.power-gem-head p{font-size:12px;color:#b6cbbb;margin:6px 0}.power-chain{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:18px 0}.power-node{border:1px solid #567064;border-radius:7px;padding:10px;background:#203c3d;font-size:11px;color:#f1d6a9;font-weight:700}.power-node.stat{background:#254553;color:#c0e4e2}.power-node.payoff{background:#354b37;color:#d8f2bb}.power-arrow{color:#b9caac;font-size:17px}.power-explain{font-size:12px;line-height:1.6;color:#b5cbbf}.power-bars{display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;row-gap:12px;margin-top:20px}.meter-line{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#bbd0c4}.meter-line b{color:#f6d7a2}.meter-track{margin-top:7px;height:9px;background:#101f27;border:1px solid #395052;border-radius:8px;overflow:hidden}.meter-track span{display:block;height:100%;background:linear-gradient(90deg,#5a9a82,#e6bf72);border-radius:8px}.power-disclaimer{font-size:10px;color:#8caba4;margin:18px 0 0;line-height:1.5}.gem-compare{font-size:10px;color:#f1d39a;background:none;border:0;padding:10px 0 0;cursor:pointer}.gem-compare:hover{text-decoration:underline}
@media(max-width:900px){.power-lab{grid-template-columns:1fr}.power-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-steps li{grid-template-columns:25px minmax(120px,1fr) minmax(95px,auto)}.portal-steps .text-link{grid-column:2 / -1}}
@media(max-width:610px){.power-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.power-picks,.power-results{padding:16px}.power-bars{grid-template-columns:1fr}.power-node{font-size:10px}.portal-steps li{grid-template-columns:25px 1fr}.portal-coord,.portal-steps .text-link{grid-column:2}.route-trail{padding:14px}.trail-heading{flex-direction:column}.route-mini .portal-steps{min-width:320px}}
.loc-kind{font:9px Arial,sans-serif;color:#b5c9a6;margin-left:5px;white-space:nowrap}.lookup-summary{margin:0 0 14px;padding:14px 18px;background:#293c36;border:1px solid #536c5d;border-radius:10px}.lookup-summary h3{font:21px Georgia,serif;margin:7px 0}.lookup-summary p{color:#b4cabe;font-size:12px;margin:4px 0;line-height:1.5}.gem-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.gem-card-top h4{margin:0}.verdict-tag{font:700 9px Arial,sans-serif;letter-spacing:.065em;border:1px solid #587669;padding:6px 8px;display:inline-block;border-radius:6px;white-space:nowrap;background:#344f44;color:#c7eed0}.verdict-primary{background:#534a2e;color:#ffe09b;border-color:#af9556}.verdict-keep{background:#294e41;color:#b8e9c7;border-color:#518e6e}.verdict-conditional{background:#36404d;color:#b9cde3;border-color:#607689}.verdict-low{background:#303b40;color:#8da6a9;border-color:#465a60}.item-desk{padding:22px 24px;border-radius:14px;border:1px solid #5d765b;background:linear-gradient(120deg,#273e38,#1a2c36);margin:0 0 20px}.item-desk .section-head{margin-top:0}.item-results{margin-top:13px}.item-results .tiny-label{display:inline-block;margin-bottom:12px}.item-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.found-item{padding:17px;background:#172e34;border:1px solid #4b645c;border-radius:10px}.found-item h4{font:19px Georgia,serif;margin:5px 0 10px}.found-item p{font-size:11px;color:#abc3b9;line-height:1.6}.found-item .verdict-tag{margin-bottom:6px}.shop-summary{display:flex;align-items:center;gap:24px;border:1px solid #786949;background:#323a2f;padding:18px 22px;border-radius:11px;margin:15px 0}.shop-summary h3{font:22px Georgia,serif;margin:0 0 5px}.shop-summary p{margin:0;color:#c5cbb6;font-size:12px;line-height:1.5}.shop-check{display:flex!important;align-items:center;gap:7px;white-space:nowrap;font-size:11px!important;padding-top:13px!important}.shop-check input{accent-color:#cba56f}.shop-table th{white-space:nowrap}.shop-table td{vertical-align:top;min-width:100px}.shop-table th:nth-child(n+4){min-width:200px}.shop-table td.unfocused{opacity:.45}.shop-seller{display:flex;flex-direction:column;gap:4px;min-width:175px}.shop-seller .seller-name{font-size:11px;color:#e4c38c;font-weight:700}.shop-seller>span{font-size:10px;color:#b6c9bb}.shop-seller small{font-size:10px;color:#8bafaa}.shop-route{font-size:10px}.shop-route>summary{cursor:pointer;color:#e8c58b}.shop-route .portal-steps{min-width:350px}.shop-route .portal-steps li{grid-template-columns:20px minmax(120px,1fr) 105px}.shop-route .portal-steps .text-link{grid-column:2 / -1}.shop-route .portal-steps strong{font-size:10px}.shop-table .row-ready td:first-child strong{color:#f5d3a1}
.zone-location-mini{padding:9px 11px;margin-top:6px;background:#233b39;border:1px solid #47645a;border-radius:8px;font-size:10px;color:#b4d2bf}.zone-location-mini strong{color:#efd7a2;display:block;font-size:10px;letter-spacing:.04em}.zone-location-mini>span{color:#9fbbac;display:block;margin-top:3px}.zone-location-mini details{margin-top:7px}.zone-location-mini summary{cursor:pointer;color:#dab98a;font-weight:700}.zone-location-mini .portal-steps li{grid-template-columns:22px minmax(120px,1fr) minmax(92px,auto);padding:8px}.zone-location-mini .portal-steps .text-link{grid-column:2/-1}.zone-location-mini .portal-steps strong{font-size:10px}
@media(max-width:1100px){.item-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-summary{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:610px){.item-desk{padding:15px}.item-results-grid{grid-template-columns:1fr}.shop-check{padding-top:0!important}.shop-summary{padding:15px}.gem-card-top{align-items:flex-start;flex-wrap:wrap}}
.gem-grade-detail{border:1px solid #547264;border-radius:13px;padding:20px;background:linear-gradient(125deg,#253e3a,#172a33);margin:0 0 12px}.gem-grade-head{display:grid;grid-template-columns:1.5fr .75fr;gap:20px;align-items:center;margin-bottom:17px}.gem-grade-head h3{font:30px Georgia,serif;color:#f5dfac;margin:5px 0}.gem-grade-head p{color:#b5c9be;font-size:12px}.fusion-recipe{color:#cde2d5!important}.grade-profile-tip{border-left:2px solid #b59664;background:#2e423c;padding:14px 17px;border-radius:5px}.grade-profile-tip strong{color:#eed39e}.grade-profile-tip p{margin-bottom:0;font-size:11px}.grade-profile-table td:nth-child(2){min-width:180px}.gem-grade-value{display:inline-flex;flex-direction:column;gap:2px;padding:3px 13px 3px 0;margin-right:13px;color:#f6dbad}.gem-grade-value small{font-size:9px;color:#a1baae}.grade-current{background:#294437}.shadow-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.shadow-entry{background:#1c3037;border:1px solid #3f5855;padding:19px;border-radius:12px}.shadow-entry.fire-highlight{background:linear-gradient(110deg,#3a3c2f,#203638);border-color:#a48b58}.shadow-entry-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px}.shadow-entry h3{font:24px Georgia,serif;margin:4px 0 0}.shadow-tier-stack{display:grid;gap:8px}.shadow-tier-stack>div{background:#152b32;border:1px solid #38534f;border-radius:8px;padding:12px;display:grid;grid-template-columns:85px 1fr;gap:4px 10px}.shadow-tier-stack>div>span{font-size:10px;letter-spacing:.11em;color:#e6c78f;font-weight:800}.shadow-tier-stack>div>strong{font:17px Georgia,serif;color:#f2e4cb}.shadow-tier-stack>div>small{grid-column:2;display:flex;flex-wrap:wrap;gap:5px 9px;font-size:10px;color:#9dbbb2;line-height:1.6}.shadow-tier-stack>div>small>span{border-left:1px solid #47645b;padding-left:7px}.shadow-tier-stack>div>small b{color:#d9dbbf}.quest-spotlight{display:flex;justify-content:space-between;align-items:center;gap:25px;background:radial-gradient(circle at 93% 20%,#425442 0,transparent 36%),linear-gradient(120deg,#2f433a,#1d3138);border:1px solid #58715a;border-radius:13px;padding:24px;margin:9px 0 18px}.quest-spotlight h3{font:25px Georgia,serif;margin:6px 0}.quest-spotlight p{font-size:12px;color:#adc4ba;line-height:1.6}.quest-spotlight p strong{color:#f4d9a8}.quest-count{min-width:105px;text-align:center}.quest-count strong{display:block;font:54px Georgia,serif;color:#f6d49e}.quest-count small{font-size:9px;letter-spacing:.14em;color:#b2c7ae}.quest-summary{font-size:11px;letter-spacing:.1em;color:#9fbbac;margin:12px 0}.quest-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quest-card{border:1px solid #405a55;background:#1a2c34;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}.quest-card-head{display:flex;justify-content:space-between;gap:13px;align-items:flex-start}.quest-card h3{font:22px Georgia,serif;margin:5px 0}.quest-status{font-size:10px;white-space:nowrap;padding:6px 8px;background:#37383c;border:1px solid #5a5350;color:#c4aeb0;border-radius:6px}.quest-status.ready{background:#2a473e;border-color:#537c69;color:#bee2c3}.quest-reward{border-left:2px solid #d5b375;margin:0;padding:10px 14px;background:#2f3d36;display:grid;gap:4px}.quest-reward span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#d7c18f}.quest-reward strong{font-size:13px;color:#f0dfba;line-height:1.5}.quest-objective p{font-size:12px;color:#b6c9c0;line-height:1.6;margin:5px 0}.quest-coordinates{font-size:11px;color:#90bbb1}.quest-coordinates strong{color:#e1d0ab}.quest-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:7px;flex-wrap:wrap}.enchant-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.enchant-how article{padding:20px;border:1px solid #4d6559;border-radius:11px;background:#263d39}.enchant-how h3{font:20px Georgia,serif;margin:9px 0}.enchant-how p{font-size:12px;color:#a7c1b5;margin:0}.enchant-summary{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;border:1px solid #806b47;background:#363a2e;border-radius:12px;padding:22px 24px}.enchant-summary h3{font:28px Georgia,serif;color:#f5dcb0;margin:6px 0}.enchant-summary p{font-size:12px;color:#c0c9b7;margin:5px 0}.enchant-cost-note{border-left:1px solid #786a4d;padding-left:20px}.enchant-cost-note>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#ebc68f}.emblem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.emblem-card{background:#1d3036;border:1px solid #435b52;border-radius:11px;padding:18px}.emblem-card h3{font:20px Georgia,serif;margin:4px 0 13px}.emblem-option{border-top:1px solid #3d5752;padding:12px 0 0;margin-top:10px}.emblem-option>strong{font-size:12px;color:#ead1a0}.enchant-rank{float:right;padding:3px 6px;font:9px Arial,sans-serif;border:1px solid #58645e;background:#283a39;color:#a6b6ab;border-radius:5px}.enchant-rank.active{border-color:#719976;color:#d4e9be}.emblem-option p{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.5;margin:8px 0}.emblem-option small{font-size:10px;color:#dfa59a;display:block;margin-top:5px}.effect-plus{color:#9dd6b0!important}.effect-minus{color:#f2ab9e!important}.effect-neutral{color:#a0b9b5!important}.enchant-table-wrap th:nth-child(1){min-width:175px}.enchant-table-wrap td:nth-child(2),.enchant-table-wrap td:nth-child(3){min-width:160px}
@media(max-width:1050px){.emblem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shadow-catalog{grid-template-columns:1fr}.quest-results{grid-template-columns:1fr}}
@media(max-width:610px){.gem-grade-head,.enchant-summary{grid-template-columns:1fr}.gem-grade-detail{padding:13px}.enchant-how,.emblem-grid{grid-template-columns:1fr}.quest-spotlight{align-items:flex-start;flex-direction:column}.quest-count{text-align:left}.shadow-tier-stack>div{grid-template-columns:65px 1fr}.shadow-entry{padding:14px}}
.shop-stat-planner{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(98px,1fr));gap:11px;margin:14px 0 18px;padding:18px;border:1px solid #4b766e;background:linear-gradient(110deg,#1f3b3a,#203038);border-radius:12px;align-items:stretch}.shop-stat-intro h3{font:22px Georgia,serif;margin:5px 0;color:#f1d6a8}.shop-stat-intro p{font-size:11px;color:#a7c6bc;line-height:1.5;max-width:290px;margin:6px 0 0}.shop-stat-planner label{display:flex;flex-direction:column;gap:5px;background:#172c32;border:1px solid #3d615a;border-radius:9px;padding:11px 12px;color:#e5ca9c;font-size:12px;font-weight:700}.shop-stat-planner label span{font-size:10px;color:#92b7ab;font-weight:400}.shop-stat-planner input{width:100%;min-width:0;border:1px solid #607b71;background:#10262d;border-radius:6px;color:#f2e6ca;padding:8px 9px;font:13px Arial,sans-serif;outline-offset:3px}.shop-stat-planner input:focus{border-color:#e1bf86;outline:2px solid #7c7154}.shop-requirement-note{background:#3a392d;border-left:3px solid #dfb779;color:#d8d0b5;padding:12px 16px;margin:12px 0;font-size:11px;line-height:1.6;border-radius:4px}.shop-requirement-note strong{color:#f5e0b1}.equip-target{display:flex;flex-direction:column;gap:4px;border-left:2px solid #c5a76e;background:#293b37;border-radius:3px;padding:8px 10px;margin-bottom:11px}.equip-target>span:first-child{font-size:9px;letter-spacing:.08em;font-weight:700;color:#b0b9a6}.equip-target strong{font:17px Georgia,serif;color:#f2d6a3}.equip-gap{font-size:10px;line-height:1.3}.equip-gap.unknown{color:#a4b9ae}.equip-gap.ready{color:#9dddac}.equip-gap.short{color:#eeb2a0}.equip-alternative{color:#a8b9ac;font-size:10px;line-height:1.5;margin:-4px 0 9px}.shop-table td:nth-child(n+4){min-width:220px}
@media(max-width:1050px){.shop-stat-planner{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-stat-intro{grid-column:1/-1}}
@media(max-width:650px){.shop-stat-planner{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.shop-stat-intro{grid-column:1/-1}.shop-stat-planner label{padding:9px}.shop-requirement-note{padding:10px 12px}}
.route-drops{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:10px 0}.drop-pill{display:inline-flex;align-items:center;gap:6px;border-radius:8px;border:1px solid #536355;background:#23372f;padding:7px 9px;font-size:11px;line-height:1.25;white-space:nowrap}.drop-pill b{font-weight:700}.drop-pill small{font-size:10px;color:#adc7af;border-left:1px solid #647a66;padding-left:7px}.drop-pill.gem{color:#f3cf8e;border-color:#85734a;background:#413b2d}.drop-pill.gem small{color:#d8c49e;border-left-color:#877553}.drop-pill.shadow{color:#dbcbff;border-color:#685e86;background:#302d43}.drop-pill.shadow small{color:#c8b9ef;border-left-color:#685e86}.drop-pill.unavailable{color:#889e98;border-color:#40544f;background:#213039}.route-drops-featured{margin:15px 0 9px;padding:13px 14px;background:linear-gradient(100deg,#2c3f36,#21333b);border:1px solid #547259;border-radius:10px;gap:10px}.route-drops-featured .drop-pill{font-size:12px;padding:9px 12px}.route-drop-legend{font-size:11px;line-height:1.55;color:#a9c4b4;margin:-7px 0 19px;padding:0 3px}.route-drop-legend strong{color:#e7c48a;letter-spacing:.08em;font-size:9px;margin-right:6px}.route-table th:nth-child(3){min-width:196px}.route-table td:nth-child(3){min-width:196px}.route-table td:nth-child(3) .route-drops{margin:0;gap:5px}.route-table td:nth-child(3) .drop-pill{font-size:10px;padding:5px 7px}.route-table td:nth-child(3) .drop-pill small{font-size:9px}.route-now+.route-drops-featured{margin-top:19px}
@media(max-width:610px){.route-drops-featured{padding:10px}.drop-pill{white-space:normal}.route-table td:nth-child(3){min-width:180px}}
.exp-planner{border:1px solid #526f5e;border-radius:15px;background:radial-gradient(ellipse at 93% 0%,#334938aa,transparent 38%),linear-gradient(145deg,#213531,#172932);padding:21px 23px;margin:22px 0 24px}.exp-planner .section-head{margin:0 0 20px}.exp-planner .section-head h2{font-size:28px}.exp-planner-grid{display:grid;grid-template-columns:1.15fr 1fr 1.2fr;gap:13px;align-items:stretch}.exp-planner-card{border:1px solid #3e5851;border-radius:11px;background:#14272da8;padding:18px;min-width:0}.exp-planner-card h3{font:22px Georgia,serif;margin:8px 0}.exp-planner-card>p{font-size:11px;line-height:1.6;color:#99b4ab;margin:0 0 15px}.exp-planner-card label{display:grid;gap:5px;font-size:10px;letter-spacing:.04em;font-weight:700;color:#a8c2b8;margin:11px 0}.exp-planner-card select,.exp-planner-card input{background:#102027;border:1px solid #4b685e;color:#f3e6ca;border-radius:7px;padding:9px 10px;min-width:0;width:100%;font-size:12px;letter-spacing:0}.exp-planner-card select:focus,.exp-planner-card input:focus{border-color:#dfbc7b}.exp-field-help{margin:8px 0!important;font-size:10px!important;color:#89a9a0!important}.exp-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.exp-gem-rows{display:grid;gap:8px;margin:13px 0}.exp-gem-row{display:grid;grid-template-columns:minmax(115px,1.35fr) minmax(85px,1fr) minmax(62px,.65fr) auto 23px;gap:6px;align-items:end;padding:10px;background:#1c3438;border:1px solid #375851;border-radius:9px}.exp-gem-row label{margin:0;font-size:9px}.exp-gem-row select,.exp-gem-row input{padding:7px 5px;font-size:11px}.exp-gem-effect{white-space:nowrap;font-size:11px;color:#f3d48e;font-weight:800;align-self:end;padding-bottom:5px}.exp-gem-effect small{font-size:9px;display:block;font-weight:400;color:#9eb8ac}.exp-gem-row button{border:0;background:#443937;color:#e8b3a1;border-radius:5px;font-size:20px;line-height:24px;align-self:end}.exp-gem-row button:hover{background:#68493f}.exp-planner-card>.btn{margin-top:4px}.exp-summary{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.6fr);gap:16px;align-items:center;border:1px solid #756947;border-radius:11px;background:linear-gradient(120deg,#3d3f2d,#243f35);margin-top:15px;padding:16px 19px}.exp-summary-callout{display:flex;flex-direction:column}.exp-summary-callout>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#f0c787}.exp-summary-callout>strong{font:32px Georgia,serif;color:#ffedc7;line-height:1.3;margin-top:3px}.exp-summary-callout>b{font-size:19px;color:#bce8c4}.exp-summary-callout>small{font-size:10px;color:#b7c6b6}.exp-summary-callout.needs-input strong{font-size:21px;margin:8px 0}.exp-summary-callout.needs-input p{margin:0;color:#b3c5b9;font-size:11px;line-height:1.5}.exp-summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px}.exp-summary-metrics>div{padding:7px 9px;border-left:1px solid #6f7852}.exp-summary-metrics small{display:block;font-size:9px;color:#b2c7ac;letter-spacing:.06em}.exp-summary-metrics strong{font:20px Georgia,serif;color:#f5deb0;display:block;margin-top:3px}.exp-disclaimer{grid-column:1/-1;font-size:10px;color:#bfd0bd;line-height:1.5;margin:0}.route-table th:nth-child(5){min-width:146px}.route-table th:nth-child(6){min-width:250px}.route-table .exp-per-kill strong{color:#b7e3c5}.route-table .exp-kill-column strong{color:#f3d59f}.route-table .exp-bracket-total{color:#accfb3!important;margin-top:7px!important;padding-top:7px;border-top:1px solid #39564f}.route-table .exp-kill-column{min-width:250px}
@media(max-width:1450px){.exp-planner-grid{grid-template-columns:1fr 1fr}.exp-pace-card{grid-column:1/-1}.exp-gem-row{grid-template-columns:minmax(110px,1.4fr) minmax(80px,1fr) 75px auto 23px}}
@media(max-width:880px){.exp-planner{padding:16px}.exp-planner-grid,.exp-summary{grid-template-columns:1fr}.exp-pace-card{grid-column:auto}.exp-summary-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.exp-planner .section-head{display:block}.exp-planner .micro-tag{display:inline-block;margin-top:9px}.exp-gem-row{grid-template-columns:minmax(95px,1.4fr) minmax(76px,1fr) 64px 24px}.exp-gem-effect{grid-column:1/-1;grid-row:2}.exp-gem-row button{grid-column:4;grid-row:1}.exp-input-grid{grid-template-columns:1fr}.exp-summary-metrics{grid-template-columns:1fr 1fr}.exp-summary-callout>strong{font-size:27px}}
.special-tier-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:16px 0 18px}.special-tier-card{border:1px solid #4a625a;background:linear-gradient(145deg,#253b38,#1a2e34);border-radius:11px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}.special-tier-card strong{font:21px Georgia,serif;color:#f2d39b}.special-tier-card small{font-size:10px;color:#9fbcb1}.special-tier-card:nth-child(3){border-color:#646c56}.special-tier-card:nth-child(4){border-color:#786447;background:#342f31}.special-tier-card:nth-child(5){border-color:#865750;background:#3c2c30}.special-advisor{display:grid;grid-template-columns:1.7fr .8fr;gap:16px;background:linear-gradient(110deg,#283b31,#1b2d35);border:1px solid #617557;border-radius:13px;padding:21px;margin:16px 0 21px}.special-advisor h3{font:27px Georgia,serif;margin:8px 0}.special-advisor p{font-size:12px;line-height:1.8;color:#b2caba;margin:0}.special-advisor p strong{color:#f6d69d}.special-warning{border-left:2px solid #b87667;padding:5px 0 5px 18px;display:flex;flex-direction:column;justify-content:center}.special-warning span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#e7a896}.special-warning strong{font:21px Georgia,serif;color:#ffe0c7;margin:6px 0}.special-warning p{font-size:11px;color:#c4b9ad}.special-count{font-size:11px;color:#afc7bd;margin:0 0 10px}.specials-table th:nth-child(1){min-width:145px}.specials-table th:nth-child(5){min-width:220px}.specials-table th:nth-child(6){min-width:235px}.specials-table th:nth-child(7){min-width:195px}.specials-table td{vertical-align:top;line-height:1.65}.specials-table td:first-child>.pill{display:inline-block;margin-top:7px}.specials-table .special-gold{color:#e6c58c;font-weight:700}.specials-table .special-exp{color:#b2dfba;font-weight:700}.specials-table tr.special-tier-4{background:#3a34335c}.specials-table tr.special-tier-5{background:#45303355}.special-guarantee{display:block;color:#d4b2ee;font-size:11px;font-weight:800;margin-top:6px}.special-danger{color:#e8b3aa!important}.special-verdict{display:inline-block;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800;border:1px solid #52695c;background:#2a463b;color:#d5e6d5}.special-verdict.great{color:#fbe1a2;border-color:#8c784c;background:#4b442d}.special-verdict.loot{color:#deceff;border-color:#726093;background:#413951}.special-verdict.caution{color:#f5d0a6;border-color:#95714a;background:#493b31}.special-verdict.danger{color:#f6c4b7;border-color:#92584f;background:#522f30}.special-verdict.neutral{color:#c4ced0;background:#2d3d43}
@media(max-width:1100px){.special-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.special-advisor{grid-template-columns:1fr}.special-warning{border-left:0;border-top:2px solid #b87667;padding:15px 0 0}}
@media(max-width:610px){.special-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.special-tier-card{padding:12px}.special-tier-card strong{font-size:18px}.special-advisor{padding:15px}.special-advisor h3{font-size:23px}}

/* Conquest item totals and sourcing annotations. */
.quest-materials{margin:14px 0;border:1px solid #506352;border-radius:10px;background:#162c29;padding:13px}.quest-materials-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.quest-material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}.quest-material{background:#253b34;border:1px solid #50674f;border-radius:7px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:9px}.quest-material strong{color:#d9ead4;font-size:11px;font-weight:650}.quest-material b{font-size:14px;color:#f2cc8c;white-space:nowrap}.quest-quantity-help,.quest-source-note,.quest-other-cost,.quest-stage-dynamic{font-size:11px;line-height:1.65;margin:10px 0 0;color:#b8c9bb}.quest-stage-dynamic{font-size:12px;color:#ead7a7}.quest-source-note{padding:9px 10px;border-left:2px solid #daa464;background:#4d3e3045}.quest-source-note a{color:#f1cc90;text-decoration:underline}.quest-other-cost{font-weight:750;color:#f1c98b}

/* The Loadout Forge: a dark emerald/gold equipment workbench. */
.loadout-lab{margin:26px 0 39px;padding:22px;background:linear-gradient(145deg,#21372e,#162931 70%);border:1px solid #667451;border-radius:16px;box-shadow:0 12px 30px #080e122f}.loadout-lab .section-head{margin-top:8px}.loadout-lab h3{font:23px Georgia,serif;color:#f3e4c5;margin:6px 0}.sim-import-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin:17px 0}.sim-surface{border:1px solid #425e58;border-radius:12px;background:#14272c;padding:18px;min-width:0}.sim-surface label,.sim-market label{display:block;color:#c4d5cc;font-size:11px;font-weight:750;margin:11px 0 6px}.loadout-lab textarea,.loadout-lab input,.loadout-lab select{background:#0d1e25;border:1px solid #46635d;border-radius:7px;color:#ecf5e7;font:13px/1.5 "Segoe UI",Arial,sans-serif;padding:9px 11px;width:100%;min-width:0}.loadout-lab textarea{resize:vertical;min-height:93px}.loadout-lab textarea:focus,.loadout-lab select:focus,.loadout-lab input:focus{outline:2px solid #d9ab63;outline-offset:1px}.sim-button-row{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.sim-button-row .btn{flex:0 1 auto}.sim-note{font-size:11px;line-height:1.6;color:#96b5a8;margin:10px 0 0}.sim-feedback{font-size:11px;color:#f1ca84;margin-top:9px;min-height:17px}.sim-config p{color:#a9c2b4;font-size:11px;line-height:1.7}.sim-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border-top:1px solid #3b574e;padding-top:12px;margin-top:13px}.sim-summary>div{min-width:0}.sim-summary small{display:block;font-size:9px;letter-spacing:.04em;color:#9ebba6}.sim-summary strong{display:block;color:#efd19b;font:23px Georgia,serif;margin:5px 0}.sim-summary>p{grid-column:1/-1;font-size:10px;color:#8dab9e;margin:0}.sim-gear-rows{display:grid;gap:9px;margin:15px 0 20px}.sim-gear-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(85px,.95fr) 68px minmax(95px,.9fr) minmax(165px,1.65fr) 82px 32px;gap:8px;align-items:end;border:1px solid #425a4d;border-radius:10px;background:#1d3332;padding:12px}.sim-slot-name{display:flex;flex-direction:column;gap:2px}.sim-slot-name small{font-size:9px;letter-spacing:.1em;color:#9db3a5}.sim-slot-name strong{font:17px Georgia,serif;color:#f0d69f}.sim-slot-name span{font-size:10px;color:#acc5bc}.sim-gear-row label{font-size:9px;letter-spacing:.03em;color:#a5c3b9;font-weight:750}.sim-gear-row input,.sim-gear-row select{margin-top:6px;padding:8px 7px;font-size:12px}.sim-row-score{text-align:right}.sim-row-score strong{display:block;color:#c9e6c6;font-size:17px}.sim-row-score small{display:block;color:#91ada3;font-size:9px}.sim-remove{background:#493536;border:1px solid #815951;border-radius:6px;color:#fad6bb;font-size:18px;min-height:33px}.sim-remove:hover{background:#693e3a}.sim-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 28px}.sim-recommendation{border:1px solid #425b54;border-radius:11px;background:#182c30;padding:15px;min-width:0}.sim-rec-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.sim-rank{border:1px solid #626652;background:#3a4336;color:#d9d9b9;padding:3px 7px;border-radius:20px;font-size:10px;white-space:nowrap}.sim-rank.up{border-color:#52745b;color:#c6eab9;background:#2a4937}.sim-rec-path{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.sim-rec-path>div{border:1px solid #38504c;border-radius:8px;background:#0f2428;padding:11px;min-width:0}.sim-rec-path small{font-size:9px;letter-spacing:.07em;color:#88b2aa;font-weight:750}.sim-rec-path h4{color:#f1d395;font:17px Georgia,serif;margin:6px 0 8px;overflow-wrap:anywhere}.sim-rec-path p{color:#abc0b4;font-size:10px;line-height:1.65;min-height:36px}.sim-availability{font-size:10px;color:#9eb0ad}.sim-availability.positive{color:#acd9ae}.sim-gem-chase{margin:7px 0 0;padding-top:9px;border-top:1px solid #395044;color:#e9d49e;font-size:11px}.sim-gem-chase span{color:#a6c2b5}.sim-market{margin:28px 0 20px;padding:18px;border:1px solid #706246;border-radius:12px;background:linear-gradient(130deg,#2d322b,#182e30)}.sim-market-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.sim-trade-results{border-radius:8px;background:#11252a;border:1px solid #4d5c4c;padding:12px;max-height:345px;overflow:auto}.sim-trade-offer{padding:10px 0;border-bottom:1px solid #314b44;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sim-trade-offer h4{margin:0;color:#f0d1a0;font-size:12px;overflow-wrap:anywhere}.sim-trade-offer p{margin:4px 0;color:#9fbab2;font-size:10px}.sim-trade-verdict{font-size:10px;line-height:1.4;color:#a0b5b5;text-align:right;min-width:110px}.sim-trade-verdict.good{color:#b5ddab}.sim-ai-handoff{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #5c6653;padding-top:19px}.sim-ai-handoff h3{margin:4px 0}.sim-ai-handoff p{margin:0;color:#adc4b9;font-size:11px;max-width:650px}.sim-ai-handoff .btn{white-space:nowrap}
@media(max-width:1400px){.sim-gear-row{grid-template-columns:repeat(3,minmax(0,1fr)) 32px}.sim-slot-name{grid-column:1}.sim-gem-label{grid-column:1/3}.sim-row-score{grid-column:3}.sim-remove{grid-column:4;grid-row:1}}
@media(max-width:990px){.sim-import-grid,.sim-market-grid,.sim-recommendations{grid-template-columns:1fr}.sim-ai-handoff{align-items:flex-start;flex-direction:column}}
@media(max-width:630px){.loadout-lab{padding:12px}.sim-surface{padding:12px}.sim-gear-row{grid-template-columns:1fr 1fr 32px}.sim-slot-name{grid-column:1}.sim-gem-label{grid-column:1/3}.sim-row-score{grid-column:2;grid-row:3}.sim-remove{grid-column:3;grid-row:1}.sim-rec-path{grid-template-columns:1fr}.sim-rec-path p{min-height:0}.sim-button-row .btn{flex:1 1 auto}.sim-summary{grid-template-columns:repeat(3,1fr)}.sim-summary strong{font-size:17px}.quest-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sim-gear-row{grid-template-columns:minmax(136px,1.25fr) minmax(98px,.95fr) minmax(95px,.9fr) 68px minmax(85px,.85fr) minmax(140px,1.25fr) 75px 32px}
.sim-item-name{grid-column:2/7;grid-row:2}
.sim-gear-row .sim-item-name input{margin-top:5px}
@media(max-width:1400px){.sim-gear-row{grid-template-columns:repeat(3,minmax(0,1fr)) 32px}.sim-item-name{grid-column:1/4;grid-row:auto}}
@media(max-width:630px){.sim-gear-row{grid-template-columns:1fr 1fr 32px}.sim-gem-label,.sim-item-name{grid-column:1/3}.sim-row-score{grid-column:2;grid-row:auto}.sim-remove{grid-column:3;grid-row:1}}

/* Power-aware EXP comparison, kept alongside the original roadmap. */
.exp-power-card { margin-top:18px; }
.exp-recommendations { white-space:normal; min-width:0; padding:12px 4px; }
.exp-recommendations summary { cursor:pointer; font-weight:700; color:var(--gold,#e4c58b); }
.exp-rank-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:12px; }
.exp-rank-card { border:1px solid #ffffff24; border-radius:10px; padding:14px; background:#ffffff05; }
.exp-rank-card h4 { font-size:17px; margin:10px 0; }
.exp-rank-card p,.exp-rank-card small { font-size:12px; line-height:1.7; }
.exp-rank-card .text-link { display:block; margin-top:10px; }
@media(max-width:900px) { .exp-rank-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .exp-rank-grid { grid-template-columns:1fr; } }
