*{box-sizing:border-box;margin:0}:root{--bg:#0c0a08;--panel:#16130f;--panel2:#1e1a14;--border:#3a342a;--text:#d8d3c8;--dim:#8a8478;--gold:#e0b060;--gold2:#c8a050;--unique:#af6025;--rare:#ff7;--magic:#88f;--gem:#1ba29b;--corrupt:#d20000;--craft:#b4b4ff;--enchant:#b0e0ff}body{background:var(--bg);color:var(--text);font:16px/1.5 Segoe UI,system-ui,sans-serif}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1500px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:baseline;gap:16px;border-bottom:2px solid var(--border);padding:10px 16px;background:var(--panel)}.topbar h1{font-size:1.1em;color:var(--gold)}.topbar .meta{color:var(--dim);font-size:.8em}button,input,select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:7px 10px;font-size:14px}button{cursor:pointer;color:var(--gold)}button:hover{border-color:var(--gold2)}table.browser{border-collapse:collapse;width:100%;font-size:1em}.browser th{text-align:left;color:var(--gold2);padding:7px 10px;border-bottom:2px solid var(--border);cursor:pointer;white-space:nowrap}.browser td{padding:7px 10px;border-bottom:1px solid #26221c}.browser tr:hover td{background:var(--panel2)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{font-size:.72em;padding:1px 7px;border-radius:9px;background:#1e3a1e;color:#90d890}.charhead{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;margin:12px 0}.charhead h2{color:var(--gold)}.layout{display:grid;grid-template-columns:1fr 340px;grid-gap:14px;gap:14px;align-items:start}@media (max-width:1000px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px}.panel h3{color:var(--gold2);font-size:.95em;margin-bottom:8px;border-bottom:1px solid var(--border);padding-bottom:4px}.equip{display:grid;grid-template-columns:repeat(8,85px);grid-auto-rows:85px;grid-gap:4px;gap:4px}.equip,.slotbox{justify-content:center}.slotbox{background:#0a0806;border:1px solid var(--border);border-radius:3px;position:relative;display:flex;align-items:center}.slotbox img{max-width:100%;max-height:100%;object-fit:contain}.slotbox.u{border-color:var(--unique)}.slotbox.r{border-color:#77733a}.slotbox.m{border-color:#44447a}.flaskrow,.jewelrow{display:flex;gap:4px;justify-content:center;margin-top:6px;flex-wrap:wrap}.flaskrow .slotbox{width:60px;height:110px}.jewelrow .slotbox{width:56px;height:56px}.tt{position:fixed;z-index:50;pointer-events:none;max-width:440px;background:rgba(8,6,4,.97);border:1px solid var(--border);border-radius:4px;font-size:.82em;box-shadow:0 4px 24px #000}.tt .hd{text-align:center;padding:6px 14px 4px;font-weight:600}.tt .hd .base{font-weight:400;font-size:.92em}.tt .bd{padding:6px 14px 8px;text-align:center;border-top:1px solid var(--border)}.tt .explicit,.tt .implicit{color:var(--magic)}.tt .crafted{color:var(--craft)}.tt .enchant{color:var(--enchant)}.tt .fractured{color:#a29162}.tt .corrupted{color:var(--corrupt)}.tt .dim{color:var(--dim)}.rarity-UNIQUE{color:var(--unique)}.rarity-RARE{color:var(--rare)}.rarity-MAGIC{color:var(--magic)}.rarity-NORMAL{color:#c8c8c8}.rarity-GEM{color:var(--gem)}.gemgroup{margin-bottom:8px;padding:6px 8px;background:var(--panel2);border-radius:4px}.gemgroup .slotname{color:var(--dim);font-size:.78em}.gemchip{display:inline-block;margin:2px 4px 2px 0;padding:1px 8px;border-radius:9px;font-size:.82em;background:#0d2422;color:#7fd8d2;border:1px solid #1ba29b44}.gemchip.sup{background:#101a26;color:#9db8d8;border-color:#33557744}.statline{display:flex;justify-content:space-between;padding:2px 0;font-size:.9em}.statline span:first-child{color:var(--dim)}.statline b{color:var(--gold);font-weight:600}.treewrap{overflow:hidden;border:1px solid var(--border);border-radius:6px;background:#0a0806}.login{max-width:380px;margin:10vh auto}.login .panel{padding:22px}.login h2{color:var(--gold);margin-bottom:12px}.login label{display:block;color:var(--dim);font-size:.85em;margin:10px 0 4px}.login input{width:100%}.login button{width:100%;margin-top:14px}.err{color:#ff9a8a;font-size:.85em;margin-top:8px}.note{color:var(--dim);font-size:.8em;margin-top:12px;line-height:1.5}.gemtile{display:inline-flex;align-items:center;gap:6px;margin:3px 6px 3px 0;padding:3px 10px 3px 4px;border-radius:6px;font-size:.88em;background:#0d2422;color:#7fd8d2;border:1px solid #1ba29b44;cursor:default}.gemtile.sup{background:#101a26;color:#9db8d8;border-color:#33557744}.gemtile img{width:26px;height:26px;object-fit:contain}.navlinks{display:flex;gap:14px;margin-left:auto}.tt .gemdesc{color:var(--gem);font-style:italic;max-width:380px}.socketrow{position:absolute;bottom:2px;left:0;right:0;display:flex;justify-content:center;gap:1px;background:rgba(0,0,0,.55);padding:1px}.socketrow img{width:22px;height:22px;object-fit:contain}.sockdot{width:10px;height:10px;border-radius:50%}.sockdot.a{background:#1ba29b}.sockdot.s{background:#446}.treefull{position:fixed;inset:0;z-index:90;border-radius:0}.treebtn{position:absolute;top:8px;right:8px;z-index:95}.treewrap{position:relative}.sockover{position:absolute;inset:0;z-index:4;background:rgba(5,4,2,.8);display:flex;align-items:center;justify-content:center;padding:3px}.tradebtn{position:absolute;top:3px;right:3px;z-index:6;font-size:.7em;padding:1px 8px;background:#241d12;border:1px solid var(--gold2);border-radius:4px;color:var(--gold)}.tradebtn:hover{background:#3a2f1c;text-decoration:none}