@import "https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--bg:#0f161b;--bg-2:#0b0e13;--bg-card:#111922;--bg-elev:#10181f;--bg-input:#182029;--border:#22292f;--border-soft:#19222b;--text:#adb0bc;--text-muted:#7f8794;--heading:#fff;--accent:#ffbe18;--accent-dim:#e0a400;--accent-rgb:255, 190, 24;--brand:#ffbe18;--pos:#45f882;--neg:#ef4444;--warn:#ffc107;--radius:18px;--shadow-deep:0 20px 40px #00000080;--ease:cubic-bezier(.25, .46, .45, .94);--font-body:"Poppins", system-ui, "Segoe UI", sans-serif;--font-head:"Barlow", "Poppins", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.6}h1,h2,h3,h4,.card h3,.hero-title,.download-hero h2{font-family:var(--font-head);color:var(--heading);letter-spacing:.3px}a{transition:color .2s var(--ease)}#root{max-width:1100px;margin:0 auto;padding:0 16px 40px}a{color:var(--accent)}code{background:var(--bg-input);border-radius:4px;padding:1px 5px}header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:18px 0 14px;display:flex}header h1{color:var(--brand);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}header .logo{width:34px;height:34px;display:block}.server-badge{color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}nav{gap:6px;display:flex}nav button{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:14px}nav button:hover{color:var(--text)}nav button.active{background:var(--bg-card);border-color:var(--border);color:var(--accent);font-weight:600}nav button.back{border:1px solid var(--border);color:var(--text);margin-right:6px}nav button.back:hover{border-color:var(--accent-dim);color:var(--accent)}footer{text-align:center;margin-top:28px;font-size:12px}.loading{text-align:center;padding:40px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-deep);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);margin-bottom:16px;padding:20px}.card:hover{border-color:rgba(var(--accent-rgb), .35);box-shadow:var(--shadow-deep), 0 0 0 1px rgba(var(--accent-rgb), .06), 0 10px 40px rgba(var(--accent-rgb), .05)}.aot-reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(24px)}.aot-reveal.shown{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.aot-reveal{opacity:1;transform:none}}.card h2{margin:0 0 2px;font-size:18px;font-weight:800}.card h3{color:var(--text);margin:0 0 10px;font-size:16px;font-weight:700}.muted{color:var(--text-muted)}.error{border:1px solid var(--neg);color:var(--neg);background:#e05c5c1f;border-radius:8px;margin:8px 0;padding:8px 12px}.warn{color:var(--warn);margin-bottom:8px}.pos{color:var(--pos)}.neg{color:var(--neg)}input,select,button{font:inherit}input[type=text],input[type=number],select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:7px 10px}input:focus,select:focus{border-color:var(--accent-dim)}label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}label.checkbox{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:13px}button.ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:7px 12px}button.ghost:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}button.ghost:disabled{opacity:.5;cursor:default}.controls{flex-wrap:wrap;align-items:end;gap:14px;margin:14px 0;display:flex}.controls input[type=number]{width:110px}.item-search{flex:1;min-width:260px;position:relative}.item-search input{width:100%}.search-results{z-index:20;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;max-height:420px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.search-results li{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}.search-results li.highlight{background:rgba(var(--accent-rgb), .15)}.result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.result-id{color:var(--text-muted);font-size:11px}.item-icon{border-radius:6px;flex-shrink:0}.item-icon.placeholder{background:var(--bg-input);border:1px dashed var(--border)}.selected-item{align-items:center;gap:14px;margin:14px 0;display:flex}.tier-badge{background:var(--bg-input);border:1px solid var(--border);color:var(--accent);vertical-align:middle;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px}td{border-bottom:1px solid #33333f80;padding:8px 10px}tr:last-child td{border-bottom:none}td.num{text-align:left}th:has(+th)~th{text-align:left}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}td.icon-cell{width:44px;padding-right:0}.mat-name{font-weight:500}.mat-id{color:var(--text-muted);font-size:11px}.no-return{color:var(--warn)}.craft-toggle{color:var(--accent);margin-top:3px;font-size:11px}tr.crafted-row td{background:rgba(var(--accent-rgb), .06)}tr.totals-row td{border-bottom:none;font-size:12px}.watch-table input[type=number]{width:110px}tr.alert-hit td{background:#5cc76a14}.clickable-name{cursor:pointer}.clickable-name:hover{color:var(--accent);text-decoration:underline}.home-controls{margin:0}.home-controls .item-search{min-width:300px}.result-count{margin-top:10px;font-size:12px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.item-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;display:flex}.item-card:hover{border-color:var(--accent-dim);background:rgba(var(--accent-rgb), .06)}.item-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:31px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.load-more{text-align:center;margin:16px 0}.quick-settings{border:1px dashed var(--border);border-radius:10px;margin:10px 0;padding:4px 8px}.quick-settings.open{background:var(--bg-input);border-style:solid}.qs-toggle{text-align:left;width:100%;padding:6px 4px;font-size:13px;border:none!important;margin:0!important}.qs-summary{font-size:12px}.qs-body{margin:4px 0 8px;padding:0 4px}.qs-body input[type=number]{width:120px}.compare-table tr.best td{background:rgba(var(--accent-rgb), .1);font-weight:600}.bm{color:#c792ea}.profit-panel dl{margin:0}.profit-panel dl>div{border-bottom:1px solid #33333f80;justify-content:space-between;padding:6px 0;display:flex}.profit-panel dl>div:last-child{border-bottom:none}.profit-panel dt{color:var(--text-muted)}.profit-panel dd{font-variant-numeric:tabular-nums;margin:0;font-weight:500}.profit-panel .total dt,.profit-panel .total dd{color:var(--text);font-weight:700}.profit-panel .total.pos dd{color:var(--pos)}.profit-panel .total.neg dd{color:var(--neg)}.margin{color:var(--text-muted);font-weight:400}.age-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.age-dot.fresh{background:var(--pos)}.age-dot.ok{background:var(--warn)}.age-dot.stale{background:var(--neg)}.age-dot.none{background:var(--border)}.price{font-variant-numeric:tabular-nums}.market-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.gold-ticker{white-space:nowrap;font-size:14px}.chart-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;display:flex}.chart-head h3{flex:1;margin:0}.segmented{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.segmented button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 12px}.segmented button.active{background:var(--bg-input);color:var(--accent);font-weight:600}.settings-tab section{border-top:1px solid var(--border);padding:14px 0}.settings-tab section:first-of-type{border-top:none}.settings-tab h4{color:var(--text);margin:0 0 10px}.settings-tab label{max-width:420px;margin-bottom:10px}.two-col{flex-wrap:wrap;gap:16px;display:flex}.preset-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:12px}.chip.active{border-color:var(--accent);color:var(--accent)}button.primary{background:linear-gradient(135deg, #ffd451, var(--accent) 60%, var(--accent-dim));color:#0f161b;font-weight:700;font-family:var(--font-head);letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 22px rgba(var(--accent-rgb), .28);transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:none;border-radius:999px;padding:10px 22px;position:relative;overflow:hidden}button.primary:hover:not(:disabled){box-shadow:0 12px 30px rgba(var(--accent-rgb), .42);transform:translateY(-2px)}button.primary:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:60%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-20deg)}button.primary:hover:not(:disabled):after{animation:aotShine .85s var(--ease)}button.primary:disabled{opacity:.6;cursor:default}.progress{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;height:26px;margin-top:10px;position:relative;overflow:hidden}.progress-bar{background:rgba(var(--accent-rgb), .4);transition:width .3s;position:absolute;inset:0 auto 0 0}.progress span{text-align:center;color:var(--text);font-size:12px;line-height:26px;display:block;position:relative}.rank-table tr.clickable{cursor:pointer}.rank-table tr.clickable:hover td{background:rgba(var(--accent-rgb), .08)}.rank-table td.rank{color:var(--text-muted);width:34px}.rank-table tbody tr:first-child td.rank,.rank-table tbody tr:nth-child(2) td.rank,.rank-table tbody tr:nth-child(3) td.rank{color:var(--accent);font-weight:700}.rank-note{font-size:12px;font-weight:400}.setup-table select{max-width:180px}.setup-table td{vertical-align:middle}.hero{text-align:center;background:radial-gradient(ellipse at top, rgba(var(--accent-rgb), .12), transparent 60%), var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:18px;padding:36px 16px 28px}.hero-logo{width:84px;height:84px}.hero-title{color:var(--brand);margin:12px 0 6px;font-size:32px;font-weight:800}.hero-sub{max-width:620px;margin:0 auto 14px;font-size:15px}.hero-meta{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.on{background:var(--pos)}.status-dot.off{background:var(--neg)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-cta .ghost{margin-left:0}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px;display:grid}.tool-card{text-align:left;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.tool-card:hover{border-color:var(--accent-dim);transition:all .15s;transform:translateY(-2px)}.tool-icon{font-size:24px}.tool-title{color:var(--accent);font-weight:700}.tool-desc{font-size:12px;line-height:1.4}.download-hero{text-align:center;padding:32px 20px}.download-logo{width:72px;height:72px}.download-hero h2{color:var(--accent);margin:10px 0 6px}.download-hero>p{max-width:560px;margin:0 auto 18px}.btn-download{background:var(--accent);color:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:13px 30px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.btn-download:hover{background:var(--accent-dim)}.btn-sub{opacity:.75;font-size:11px;font-weight:500}.download-alt{margin-top:12px;font-size:13px}.release-notes{margin-top:16px;font-size:13px}.download-info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.info-list{margin:0;padding-left:18px;line-height:1.7}footer{border-top:1px solid var(--border);margin-top:32px;padding-top:20px}.footer-cols{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;max-width:720px;margin:0 auto 16px;display:grid}.footer-cols h4{color:var(--accent);margin:0 0 8px;font-size:13px}.footer-cols a,.footer-cols button{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;margin:0 0 6px;padding:0;font-size:13px;text-decoration:none;display:block}.footer-cols a:hover,.footer-cols button:hover{color:var(--accent)}.footer-note{text-align:center;padding-bottom:8px;font-size:12px}.rune-req{white-space:nowrap;align-items:center;gap:4px;margin-right:10px;display:inline-flex}.update-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.update-status{margin:4px 0 0;font-size:13px}.guide section{margin-top:22px}.guide h4{margin:0 0 8px;font-size:16px}.guide-list{gap:8px;margin:6px 0 0;padding-left:22px;font-size:14px;line-height:1.55;display:grid}.guide-table{max-width:560px;margin:10px 0}.example-steps{gap:10px;margin-top:14px;font-size:14px;line-height:1.55;display:grid}.example-steps>div{border-left:3px solid var(--accent);background:#ffffff08;border-radius:0 6px 6px 0;padding:10px 12px}.price-edit{align-items:center;gap:4px;display:inline-flex}.price-edit input{text-align:right;background:var(--bg-input);border:1px solid var(--border);width:92px;color:var(--text);border-radius:6px;padding:4px 6px;font-size:13px}.price-edit input::placeholder{color:var(--text-muted)}.price-edit input.manual,.override-table input{border-color:var(--warn);color:var(--warn)}.clear-override{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.clear-override:hover{color:var(--neg)}.manual-price-row{flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0 14px;font-size:13px;display:flex}.manual-price-row label{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.manual-price-row>.muted{flex:1;min-width:240px}.override-table input{text-align:right;background:var(--bg-input);border:1px solid var(--warn);border-radius:6px;width:110px;padding:4px 6px}label.checkbox input[type=checkbox]{appearance:none;background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:21px;flex-shrink:0;width:38px;height:21px;margin:0;transition:background .15s,border-color .15s;position:relative}label.checkbox input[type=checkbox]:after{content:"";background:var(--text-muted);border-radius:50%;width:15px;height:15px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}label.checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}label.checkbox input[type=checkbox]:checked:after{background:#fff;transform:translate(17px)}.calc-section-title{align-items:center;gap:10px;margin:22px 0 10px;font-size:16px;font-weight:700;display:flex}.rrr-note{margin:6px 0 0;font-size:12px}.prices-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.price-cell{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.price-cell-name{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.price-cell input,.price-cell select{background:var(--bg);width:100%}.price-cell-vol{font-size:11px}.fetch-row{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 4px;font-size:12px;display:flex}.fetch-row .ghost{margin-left:0}.results-table input{width:110px}.variant-select{font-size:13px}.transport-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.transport-grid label{margin-bottom:8px}.transport-info{gap:6px;padding-top:4px;font-size:13px;display:grid}.nav-menu{position:relative}.nav-menu>button .caret{opacity:.7;font-size:10px}.nav-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:50;border-radius:12px;flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #0000008c}.nav-dropdown button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.nav-dropdown button:hover{background:var(--bg-input);color:var(--accent)}.nav-dropdown button.active{color:var(--accent);font-weight:600}.soon-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--warn);border:1px solid var(--warn);opacity:.8;border-radius:8px;padding:1px 6px;font-size:10px}.player-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.player-line{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:12px}.player-line h4{justify-content:space-between;align-items:center;margin:0 0 8px;display:flex}.player-line .derived{color:var(--pos);font-size:12px}.player-line .two-col label{flex:1}@media (width<=900px){.card table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}}@media (width<=720px){#root{padding:0 10px 30px}header{gap:8px;margin-bottom:12px;padding:12px 0 10px}header h1{font-size:18px}header .logo{width:26px;height:26px}nav{flex-wrap:wrap;gap:4px;width:100%;position:relative}nav button{padding:6px 10px;font-size:13px}.nav-menu{position:static}.nav-dropdown{width:100%;top:100%;left:0;right:0}.card{border-radius:12px;padding:12px}.controls{flex-direction:column;align-items:stretch;gap:10px}.controls input[type=number]{width:100%}.controls .ghost{margin-left:0}.hero{padding:22px 12px 18px}.hero-logo{width:60px;height:60px}.hero-title{font-size:24px}.tool-cards{grid-template-columns:repeat(2,1fr);gap:8px}.tool-card{padding:12px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}th,td{padding:6px}.price-edit input{width:80px}.guide-list{padding-left:18px}.example-steps{font-size:13px}.item-search{min-width:0}.home-controls .item-search{width:100%;min-width:0}}@keyframes aotShine{0%{left:-120%}to{left:130%}}@keyframes aotFadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes aotPulse{0%{box-shadow:0 0 #45f88280}70%{box-shadow:0 0 0 6px #45f88200}to{box-shadow:0 0 #45f88200}}@keyframes aotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.status-dot.on,.age-dot.fresh{animation:aotPulse 2s var(--ease) infinite}nav button,.nav-dropdown button,.chip,.segmented button,button.ghost,.tool-card,.item-card{transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease)}nav button.active{border-radius:999px}.tool-card:hover,.item-card:hover{border-color:rgba(var(--accent-rgb), .4);box-shadow:0 12px 30px #00000073, 0 0 0 1px rgba(var(--accent-rgb), .12);transform:translateY(-4px)}.tool-icon{transition:transform .35s var(--ease)}.tool-card:hover .tool-icon{transform:translateY(-2px)scale(1.08)}.server-badge{border-color:rgba(var(--accent-rgb), .35);color:var(--accent)}.hero-title{letter-spacing:1px;text-shadow:0 6px 30px rgba(var(--accent-rgb), .12);font-weight:800}input:focus,select:focus{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15)}::selection{background:rgba(var(--accent-rgb), .85);color:#0f161b}*{scrollbar-color:var(--border) transparent}
