:root{color-scheme:dark;--accent: #C96442;--accent-hover: #b05637;--accent-subtle-bg: #3a2820;--accent-subtle-bd: #8a3e1f;--accent-subtle-tx: #e8a888;--accent-bg: #3a2820;--accent-border: #8a3e1f;--accent-text: #e8a888;--bg-page: #1f1e1d;--bg-primary: #2a2927;--bg-secondary: #35332f;--border: #3d3a35;--border-strong: #524e47;--text-primary: #ede9e0;--text-secondary: #b5ad9e;--text-tertiary: #7a7264;--pos-text: #3B6D11;--pos-bg: #EAF3DE;--neg-text: #A32D2D;--neg-bg: #FCEBEB;--mid-text: #854F0B;--mid-bg: #FAEEDA;--q-poor-tx: #9d9d9d;--q-poor-bg: rgba(157,157,157,.14);--q-poor-bd: rgba(157,157,157,.42);--q-common-tx: #ffffff;--q-common-bg: rgba(255,255,255,.1);--q-common-bd: rgba(255,255,255,.38);--q-uncommon-tx: #1eff00;--q-uncommon-bg: rgba(30,255,0,.1);--q-uncommon-bd: rgba(30,255,0,.4);--q-rare-tx: #0070dd;--q-rare-bg: rgba(0,112,221,.16);--q-rare-bd: rgba(0,112,221,.5);--q-epic-tx: #a335ee;--q-epic-bg: rgba(163,53,238,.16);--q-epic-bd: rgba(163,53,238,.5);--faction-alliance: #4a7fd1;--faction-horde: #c0392b;--faction-neutral: #b5ad9e;--dot-fresh: #3B6D11;--dot-stale: #C96442;--dot-old: #A32D2D;--nav-h: 48px;--radius: 6px;--radius-sm: 4px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow: 0 2px 8px rgba(0,0,0,.09);--font: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", ui-monospace, monospace;--fs-sm: .75rem;--fs-base: .875rem;--fs-lg: 1rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);font-size:16px;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-page)!important;color:var(--text-primary)}[hidden]{display:none!important}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;color:var(--text-primary);background:var(--bg-primary)}:where(input[type=checkbox]){-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;display:inline-grid;place-content:center;vertical-align:middle;width:15px;height:15px;margin:0;border-radius:4px;cursor:pointer;background:var(--bg-primary);border:1px solid var(--border-strong);transition:background .15s,border-color .15s}:where(input[type=checkbox]):after{content:"";width:9px;height:9px;background:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transform:scale(0);transition:transform .12s ease-out}:where(input[type=checkbox]):checked{background:var(--accent);border-color:var(--accent)}:where(input[type=checkbox]):checked:after{transform:scale(1)}:where(input[type=checkbox]):hover:not(:disabled):not(:checked),:where(label:hover)>:where(input[type=checkbox]):not(:disabled):not(:checked){border-color:var(--accent)}:where(input[type=checkbox]):focus-visible{outline:1px solid var(--accent);outline-offset:2px}:where(input[type=checkbox]):disabled{opacity:.4;cursor:default}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0006;color:var(--text-primary)}.nav-inner{display:flex;align-items:center;height:100%;padding:0 1.25rem;max-width:1600px;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);margin-right:1.5rem;white-space:nowrap;flex-shrink:0}.nav-logo-mark{height:22px;width:auto;display:block}.nav-logo .nav-logo-txt{color:var(--text-primary)}.nav-logo span{color:var(--accent)}.nav-tabs{display:flex;align-items:stretch;height:100%;flex:1}.nav-tab{display:flex;align-items:center;padding:0 1rem;height:100%;font-size:var(--fs-base);font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-meta{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0;font-size:var(--fs-sm);color:var(--text-secondary)}.main-content{flex:1;max-width:1600px;width:100%;margin:0 auto;padding:1rem 1.25rem 2rem}.tab-view{display:none}.tab-view.active{display:block}.item-cell{display:flex;align-items:center;gap:.5rem}.item-icon{width:24px;height:24px;object-fit:contain;border-radius:3px;flex-shrink:0}.city-select{height:32px;padding:0 1.75rem 0 .625rem;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;color:var(--text-primary);font-size:var(--fs-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s}.city-select:hover{border-color:var(--border-strong)}.city-select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.manual-input-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);overflow:hidden;height:32px;transition:border-color .15s}.manual-input-wrap:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.manual-input{width:90px;height:100%;border:none;padding:0 .5rem;font-size:var(--fs-base);color:var(--text-primary);background:transparent}.manual-input:focus{outline:none}.manual-input::-webkit-inner-spin-button{opacity:.4}.manual-input-unit{padding:0 .5rem 0 .125rem;font-size:var(--fs-sm);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.btn-refresh{height:32px;padding:0 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:600;letter-spacing:.02em;transition:background .15s;flex-shrink:0}.btn-refresh:hover{background:var(--accent-hover)}.btn-refresh:active{transform:translateY(1px)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.chip{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;color:#fff}.chip-hdv{background:var(--chip-hdv-bg)}.chip-r1{background:var(--chip-r1-bg)}.chip-r2{background:var(--chip-r2-bg)}.chip-pos{background:var(--pos-bg);color:var(--pos-text)}.chip-neg{background:var(--neg-bg);color:var(--neg-text)}.chip-mid{background:var(--mid-bg);color:var(--mid-text)}.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.num-pos{color:var(--pos-text);font-weight:600}.num-neg{color:var(--neg-text);font-weight:600}.num-mid{color:var(--mid-text);font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.fresh{background:var(--dot-fresh)}.dot.stale{background:var(--dot-stale)}.dot.old{background:var(--dot-old)}.dot.none{background:transparent;box-shadow:inset 0 0 0 1.5px var(--text-tertiary)}#status-label.fresh{color:#7fc45a}#status-label.stale{color:#d9a441}#status-label.old{color:#e06c6c}#status-label.none{color:var(--text-tertiary)}#status-dot:focus-visible .tooltip{visibility:visible;opacity:1}.tooltip .tt-warn{color:#e8a33d}.tooltip .tt-err{color:#f08080;white-space:normal;max-width:280px;display:inline-block;vertical-align:top}.muted{color:var(--text-tertiary)}.footer{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-primary);font-size:var(--fs-sm);color:var(--text-secondary)}.has-tooltip{position:relative;cursor:help}.has-tooltip .tooltip{visibility:hidden;opacity:0;transition:opacity .15s}.has-tooltip:hover .tooltip{visibility:visible;opacity:1}.tooltip{position:absolute;z-index:200;bottom:calc(100% + 6px);right:0;background:#1a1a1a;color:#f5f5f5;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:400;white-space:nowrap;text-align:left;font-family:var(--font-mono);line-height:1.5;box-shadow:0 4px 16px #00000040;pointer-events:none}.tooltip .tt-title{color:#fff;font-weight:700;font-size:11px;margin-bottom:4px;padding-bottom:4px;border-bottom:.5px solid #444}.tooltip .tt-label{color:#999}.tooltip .tt-value{color:#fff;font-weight:600}.tooltip .tt-unit{color:#777;font-size:10px;font-weight:400}.tooltip .tt-city{color:#8ab4f8;font-size:10px;font-weight:700;letter-spacing:.02em}.tooltip .tt-manual{color:#e8a33d;font-size:10px;font-weight:600}.tooltip .tt-formula{color:#d85a30;margin-top:4px;padding-top:4px;border-top:.5px solid #444;font-size:10px}.tooltip .tt-section{color:#fff;font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;margin:6px 0 3px;padding-top:5px;border-top:.5px solid #444}.tooltip .srch-tt-quality-row.target .tt-label,.tooltip .srch-tt-quality-row.target .tt-value{color:#e8c840;font-weight:700}.tooltip:after{content:"";position:absolute;top:100%;right:14px;border:5px solid transparent;border-top-color:#1a1a1a}.tooltip.left{right:auto;left:0}.tooltip.left:after{right:auto;left:14px}.tooltip.below{bottom:auto;top:calc(100% + 6px)}.tooltip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#1a1a1a}.tax-ctl{display:inline-flex;align-items:center;gap:4px}.tax-ctl-sel{font-size:12px;padding:4px 6px;border-radius:6px;border:.5px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.tax-ctl-sel:focus{outline:none;border-color:var(--accent)}.tax-ctl .tax-ctl-custom{width:56px}.tax-ctl .tax-ctl-custom[hidden]{display:none}.q-poor{color:var(--q-poor-tx)}.q-common{color:var(--q-common-tx)}.q-uncommon{color:var(--q-uncommon-tx)}.q-rare{color:var(--q-rare-tx)}.q-epic{color:var(--q-epic-tx)}.q-pill{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid}.q-pill.q-poor{background:var(--q-poor-bg);border-color:var(--q-poor-bd)}.q-pill.q-common{background:var(--q-common-bg);border-color:var(--q-common-bd)}.q-pill.q-uncommon{background:var(--q-uncommon-bg);border-color:var(--q-uncommon-bd)}.q-pill.q-rare{background:var(--q-rare-bg);border-color:var(--q-rare-bd)}.q-pill.q-epic{background:var(--q-epic-bg);border-color:var(--q-epic-bd)}.market-sel{display:inline-flex;align-items:center;gap:4px;margin-right:6px}.market-sel select{font-size:11.5px;padding:3px 6px;border-radius:6px;border:.5px solid var(--border-strong);background:var(--bg-secondary);color:var(--text-primary)}.market-sel select:focus{outline:none;border-color:var(--accent)}.market-sel[data-faction=alliance] select[data-field=faction]{border-color:var(--faction-alliance)}.market-sel[data-faction=horde] select[data-field=faction]{border-color:var(--faction-horde)}.market-sel[data-faction=neutral] select[data-field=faction]{border-color:var(--faction-neutral)}.home-wrap{max-width:900px;margin:2rem auto;display:flex;flex-direction:column;gap:1.25rem}.home-head-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.home-head-sub{color:var(--text-secondary);font-size:var(--fs-base);margin-top:.25rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.home-tile{display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:1rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.home-tile:hover{border-color:var(--accent)}.home-nm{font-weight:700}.home-desc{font-size:var(--fs-sm);color:var(--text-secondary)}.coming-soon{max-width:600px;margin:4rem auto;padding:2rem;text-align:center;background:var(--bg-primary);border:1px dashed var(--border-strong);border-radius:var(--radius)}.coming-soon h2{font-size:1.2rem;margin-bottom:.5rem}.coming-soon p{color:var(--text-secondary);font-size:var(--fs-base)}.market-notice{margin:0 0 1rem;padding:9px 12px;font-size:12.5px;border-radius:var(--radius);color:#e0b07a;background:#c964421f;border:1px solid var(--accent-border)}.item-icon{display:inline-block;flex-shrink:0;vertical-align:middle;border-radius:4px;border:1px solid currentColor;background:var(--bg-secondary);box-sizing:border-box;object-fit:cover}.item-icon-ph{display:inline-flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700;color:var(--text-tertiary);border-color:var(--border-strong)}.item-label{display:inline-flex;align-items:center;gap:.4rem}@media (max-width: 760px){.nav{height:auto}.nav-inner{flex-wrap:wrap;height:auto;padding:.4rem .75rem;row-gap:.25rem}.nav-logo{margin-right:.75rem}.nav-meta{order:2;flex:1 1 0;min-width:0;margin-left:0;justify-content:flex-end}.market-sel{flex:1 1 auto;min-width:0;display:flex;gap:.25rem}.market-sel select{flex:1 1 0;min-width:0;max-width:100%}.nav-tabs{order:3;flex:0 0 100%;height:40px;overflow-x:auto;-webkit-overflow-scrolling:touch;list-style:none;padding:0;margin:0}.nav-tab{padding:0 .55rem;font-size:.9rem}.nav-tabs.fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.nav-tabs.fade-l{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent)}.nav-tabs.fade-l.fade-r{-webkit-mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.main-content{padding:.75rem .75rem 1.5rem}}