:root{--bg: #10131a;--panel: #171b24;--panel-raised: #1d222d;--border: #262b38;--text: #e7e9f0;--muted: #868c9c;--accent: #5b8def;--sell: #4fbf67;--buy: #e0a13d;--accent-bazaar: #5b8def;--accent-slayer: #ef5b5b;--accent-dungeon: #7b5bef;--accent-accessories: #e8b84b;--accent-skills: #5bbf7a;--accent-collections: #3ec6c6;--accent-pets: #d98e4a;--accent-armor: #8b95a6;--essence-wither: #8b5bef;--essence-spider: #7a9c3f;--essence-undead: #9aa3ad;--essence-dragon: #3ec6c6;--essence-gold: #e8c34b;--essence-diamond: #5bd6e0;--essence-ice: #a3d9f2;--essence-crimson: #d9483f;--tier-bronze: #c98546;--tier-silver: #c0c0c0;--tier-gold: #e8c34b;--tier-platinum: #5bd6e0;--tier-diamond: #6fe3e8;--slot-bg: #262c3a;--slot-border: #3c4459;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--radius-sm: 4px;--radius-md: 7px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}.topbar{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:20px;row-gap:10px;padding:18px 24px;border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:19px;font-weight:700;letter-spacing:.02em}.subtitle{display:none}.tabbar{display:flex;gap:2px;margin-right:auto}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:600;padding:6px 2px;margin-right:18px;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent-bazaar)}#search{width:100%;max-width:420px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-raised);color:var(--text);font-size:13px}#search:focus{outline:none;border-color:var(--accent-bazaar)}.view.hidden{display:none}.layout{display:grid;grid-template-columns:1fr 360px;gap:16px;padding:16px 24px;max-width:1400px;margin:0 auto}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--muted);font-size:13px}.sort-buttons button{background:none;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:4px 8px;margin-left:4px;cursor:pointer;font-size:12px}.sort-buttons button:hover{color:var(--text);border-color:var(--accent)}.icon-name{display:flex;align-items:center;gap:8px}.item-icon{image-rendering:pixelated;flex-shrink:0;display:inline-block}.item-icon.placeholder{background:var(--border);border-radius:3px;opacity:.4}.skull-cube{position:relative;overflow:visible;transform:rotate(-18deg)}.skull-cube-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(45deg) rotateX(-25deg)}.skull-face{position:absolute;left:50%;top:50%;image-rendering:pixelated;background-repeat:no-repeat}.skull-top{transform:rotateX(90deg) translateZ(var(--skull-edge))}.skull-front{transform:translateZ(var(--skull-edge));filter:brightness(.8)}.skull-right{transform:rotateY(90deg) translateZ(calc(-1 * var(--skull-edge)));filter:brightness(.6)}.table-scroll{max-height:78vh;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;padding:6px 8px;position:sticky;top:0;background:var(--panel)}td{padding:6px 8px;border-top:1px solid var(--border)}tbody tr{cursor:pointer}tbody tr:hover{background:#20242f}tbody tr.selected{background:#24304f}.detail-card{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.detail-card.empty{color:var(--muted);font-size:13px}.detail-card h2{margin:0 0 10px;font-size:17px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.stat-grid .label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.stat-grid .value{display:block;font-family:var(--font-mono);font-size:15px;font-weight:600}.value.sell{color:var(--sell)}.value.buy{color:var(--buy)}.range-buttons{margin-bottom:8px}.range-buttons button{background:none;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:3px 8px;margin-right:4px;font-size:12px;cursor:pointer}.range-buttons button.active{color:var(--text);border-color:var(--accent)}.mayor-card,.events-card,.insights-card{margin-bottom:16px}.mayor-card h2,.events-card h2,.insights-card h2{font-size:14px;color:var(--muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.mayor-name{font-size:16px;font-weight:600;margin-bottom:6px}.perk-list{list-style:none;padding:0;margin:0;font-size:12px;color:var(--muted)}.perk-list li{margin-bottom:6px}.perk-list strong{color:var(--text)}.minister{margin-top:8px;font-size:12px;color:var(--muted)}.dark-auction{font-size:13px;color:var(--muted);padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border)}.insights-hint{font-size:12px;color:var(--muted);margin:0 0 10px;line-height:1.4}.insights-empty{font-size:12px;color:var(--muted);line-height:1.4}.insights-list{list-style:none;padding:0;margin:0;font-size:13px}.insights-list li{padding:6px 0;border-top:1px solid var(--border)}.insights-list li:first-child{border-top:none}.insights-row-top{display:flex;justify-content:space-between;align-items:baseline}.insights-row-top .up{color:var(--sell);font-weight:600}.insights-row-top .down{color:var(--buy);font-weight:600}.insights-subject{font-size:11px;color:var(--muted)}#eventsList{list-style:none;padding:0;margin:0;font-size:13px}#eventsList li{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--border)}#eventsList li:first-child{border-top:none}.when{color:var(--accent);font-size:12px}.profile-layout{max-width:860px;margin:0 auto;padding:20px 24px 40px}.profile-search{display:flex;gap:8px;margin-bottom:16px}.profile-search input{flex:1;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-raised);color:var(--text);font-size:13px}.profile-search input:focus{outline:none;border-color:var(--accent-bazaar)}.profile-search button{background:var(--accent-bazaar);color:#0b1020;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}.profile-search button:hover{filter:brightness(1.08)}.profile-loading,.profile-error{color:var(--muted);font-size:13px;padding:20px 0}.profile-error{color:var(--accent-slayer)}.profile-overview{margin-bottom:16px}.profile-name{margin:0 0 14px;font-size:18px;font-weight:700}.profile-cute-name{color:var(--muted);font-size:13px;font-weight:400}.profile-overview .stat-grid{grid-template-columns:repeat(3,1fr)}.profile-overview .stat-grid:first-of-type .value{font-size:19px}.profile-overview .stat-grid+.stat-grid{margin-top:4px;padding-top:10px;border-top:1px solid var(--border)}.profile-overview .stat-grid+.stat-grid .value{font-size:14px;color:var(--muted)}.profile-section{margin-bottom:16px;border-left:3px solid var(--cat, var(--border))}.profile-section h2{margin:0 0 12px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.profile-section.cat-skills{--cat: var(--accent-skills)}.profile-section.cat-slayers{--cat: var(--accent-slayer)}.profile-section.cat-dungeons{--cat: var(--accent-dungeon)}.profile-section.cat-collections{--cat: var(--accent-collections)}.profile-api-off{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.stat-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.stat-card{background:var(--panel-raised);border-left:2px solid var(--cat, var(--border));border-radius:var(--radius-sm);padding:8px 10px}.stat-card-wide{grid-column:1 / -1}.stat-card-selected{background:color-mix(in srgb,var(--cat, var(--accent)) 12%,var(--panel-raised))}.stat-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.stat-card-name{font-size:12px;color:var(--muted)}.stat-card-level{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--cat, var(--text))}.level-bar-track{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.level-bar-fill{height:100%;background:var(--cat, var(--accent))}.level-bar-xp{display:block;margin-top:4px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.dungeons-top{display:grid;gap:8px;margin-bottom:8px}.collections-list{list-style:none;padding:0;margin:0;font-size:13px;columns:2;column-gap:20px}.collections-list li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--border);break-inside:avoid}.collections-list li:nth-child(-n+2){border-top:none}.collections-amount{font-family:var(--font-mono);color:var(--accent-collections)}@media (max-width: 600px){.collections-list{columns:1}.collections-list li:nth-child(2){border-top:1px solid var(--border)}}.profile-section.cat-pets{--cat: var(--accent-pets)}.profile-section.cat-armor{--cat: var(--accent-armor)}.profile-meta{font-size:12px;color:var(--muted);margin:4px 0 14px}.profile-meta span+span:before{content:" · "}.rarity-common{color:#b0b3ba}.rarity-uncommon{color:#5bbf67}.rarity-rare{color:#5b8def}.rarity-epic{color:#a35bef}.rarity-legendary{color:#e0a13d}.rarity-mythic{color:#ef5bbf}.rarity-divine{color:#3ec6c6}.rarity-special,.rarity-very-special{color:#ef5b5b}.armor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.armor-card{background:var(--slot-bg);border-left:2px solid var(--cat, var(--border));box-shadow:inset 0 1px 2px #0006;border-radius:var(--radius-sm);padding:8px 10px;font-size:12px}.armor-card-slot{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;display:block;margin-bottom:3px}.armor-card-name{font-weight:600;display:block}.armor-card-empty{color:var(--muted);font-style:italic}.armor-card-detail{display:block;margin-top:3px;color:var(--muted);font-family:var(--font-mono);font-size:10px}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.pet-card{background:var(--panel-raised);border-left:2px solid var(--cat, var(--border));border-radius:var(--radius-sm);padding:8px 10px}.pet-card-selected{background:color-mix(in srgb,var(--cat, var(--accent)) 12%,var(--panel-raised))}.pet-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.pet-card-name{font-size:12px;font-weight:600}.pet-card-level{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--cat, var(--text))}.pet-card-held{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.kd-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kd-column h3{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.kd-list{list-style:none;padding:0;margin:0;font-size:12px}.kd-list li{display:flex;justify-content:space-between;padding:4px 0;border-top:1px solid var(--border)}.kd-list li:first-child{border-top:none}.kd-count{font-family:var(--font-mono);color:var(--muted)}@media (max-width: 500px){.kd-columns{grid-template-columns:1fr}}.essence-row{display:flex;flex-wrap:wrap;gap:8px}.essence-pill{display:flex;align-items:center;gap:6px;background:var(--panel-raised);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px}.essence-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.essence-count{font-family:var(--font-mono);font-weight:600}.slot-grid{display:grid;gap:4px}.slot-cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--slot-bg);border:1px solid var(--slot-border);box-shadow:inset 0 1px 2px #0006;border-radius:var(--radius-sm);cursor:default}.slot-cell:not(.slot-empty):hover{border-color:var(--cat, var(--accent))}.slot-empty{border-style:dashed;opacity:.4}.slot-count{position:absolute;bottom:1px;right:3px;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text);text-shadow:0 0 2px #000,0 0 2px #000}.trophy-fish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.trophy-fish-card{display:flex;align-items:center;gap:6px;background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;font-size:12px}.trophy-fish-uncaught,.pill-dim{opacity:.45}.trophy-fish-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.trophy-fish-name{flex:1}.trophy-fish-tier{color:var(--muted);font-size:10.5px}.trophy-fish-count{font-family:var(--font-mono);font-weight:600}.floor-list-heading{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px}.floor-list{list-style:none;padding:0;margin:8px 0 0;font-size:12px}.floor-list li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--border)}.floor-list li:first-child{border-top:none}.floor-list-name{color:var(--text);font-weight:600}.floor-list-detail{color:var(--muted);font-family:var(--font-mono);font-size:11px;text-align:right}.collapsible{margin-bottom:8px}.collapsible:last-child{margin-bottom:0}.collapsible-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;text-align:left}.collapsible-header:hover{border-color:var(--cat, var(--accent))}.collapsible-count{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-weight:400}.collapsible-open .collapsible-count{color:var(--cat, var(--accent))}.collapsible-body{padding:10px 2px 2px}.collapsible-body[hidden]{display:none}
