:root{--bg:#121014;--panel:#1c1920;--panel-edge:#2e2834;--text:#e6e0d6;--muted:#9a9289;--gold:#d9b45a;--gold-dim:#8c7337;--error:#ff7a6e;--ok:#7fd88a;--item-white:#e6e0d6;--item-blue:#7aa7ff;--item-gold:#f0c75e;--item-green:#62d86f;--dw:#9b8cff;--dk:#ff8a5c;--elf:#6fd9a8;--mg:#f2d36b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #241c2b 0%, var(--bg) 60%) fixed;flex-direction:column;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;flex:1;display:flex}h1,h2,h3{color:var(--gold);margin:0 0 .5em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.2}h1{font-size:2rem}h2{font-size:1.35rem}h3{margin-top:1.2em;font-size:1.1rem}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:var(--error)}.ok{color:var(--ok)}.site-header{border-bottom:1px solid var(--panel-edge);background:#121014d9}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:.75rem 16px;display:flex}.brand{letter-spacing:.08em;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700}.brand span{letter-spacing:0;color:var(--muted);font-size:.9rem;font-weight:400}nav{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}nav a{color:var(--text)}nav a.active{color:var(--gold)}button{font:inherit;cursor:pointer;border:1px solid var(--gold-dim);color:var(--gold);background:linear-gradient(#3a2f1c,#2a2216);border-radius:4px;padding:.45rem 1.2rem}button:disabled{opacity:.6;cursor:default}button.link{color:var(--text);background:0 0;border:none;padding:0}button.link:hover{color:var(--gold)}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 16px 2.5rem}.site-footer{text-align:center;color:var(--muted);padding:1rem 16px 1.5rem;font-size:.8rem}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:6px;padding:1.25rem}.panel.narrow{max-width:26rem;margin:2rem auto}.panel-head,.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.panel-head h2,.page-head h1{margin:0}.home{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.home .intro{grid-column:1}.home .side{grid-area:1/2/span 2}.home .top{grid-column:1}@media (width<=760px){.home{grid-template-columns:minmax(0,1fr)}.home .intro,.home .side,.home .top{grid-area:auto/1}}.facts{grid-template-columns:max-content 1fr;gap:.3rem 1.25rem;margin:.75rem 0 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.form{flex-direction:column;gap:.75rem;display:flex}.form label{color:var(--muted);flex-direction:column;gap:.25rem;display:flex}input{font:inherit;color:var(--text);border:1px solid var(--panel-edge);background:#121014;border-radius:4px;padding:.45rem .6rem}input:focus{outline:2px solid var(--gold-dim);outline-offset:0}.form button{align-self:flex-start}.form p{margin:0}.form .hint{font-size:.8rem}.settings{margin-top:1.5rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem 2.5rem;display:grid}.settings h3{margin-top:0}.switch{cursor:pointer;align-items:center;gap:.6rem;margin:.4rem 0;display:flex}.switch input{accent-color:var(--gold);width:1.1rem;height:1.1rem}.class-dw{color:var(--dw)}.class-dk{color:var(--dk)}.class-elf{color:var(--elf)}.class-mg{color:var(--mg)}.class-border-dw{border-left-color:var(--dw)!important}.class-border-dk{border-left-color:var(--dk)!important}.class-border-elf{border-left-color:var(--elf)!important}.class-border-mg{border-left-color:var(--mg)!important}.cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.cards.stacked{grid-template-columns:minmax(0,1fr)}.card{color:var(--text);border:1px solid var(--panel-edge);border-left:4px solid var(--gold-dim);background:#17141b;border-radius:6px;flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.card:hover{border-color:var(--gold-dim);text-decoration:none}.card-head{justify-content:space-between;align-items:baseline;display:flex}.card-head strong{color:var(--gold);font-size:1.15rem}.level{color:var(--text)}.card-foot{color:var(--muted);justify-content:space-between;font-size:.875rem;display:flex}.exp{align-items:center;gap:.6rem;display:flex}.exp-track{border:1px solid var(--panel-edge);background:#0d0b0f;border-radius:3px;flex:1;height:.5rem;overflow:hidden}.exp-fill{background:linear-gradient(90deg, #8c6a20, var(--gold));height:100%}.exp-text{text-align:right;min-width:3.2rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.table-wrap{overflow-x:auto}table.ranking{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ranking th,.ranking td{text-align:left;border-bottom:1px solid var(--panel-edge);white-space:nowrap;padding:.45rem .75rem}.ranking th{color:var(--muted);font-size:.875rem;font-weight:400}.ranking .num{text-align:right}.ranking tr.mine td{background:#d9b45a1f}.ranking tr.mine td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.tabs{border-bottom:1px solid var(--panel-edge);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.45rem .9rem}.tabs a:hover{color:var(--text);text-decoration:none}.tabs a.active{color:var(--gold);border-bottom-color:var(--gold)}.pager{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.loading{opacity:.6}.character{flex-direction:column;gap:1.25rem;display:flex}.char-head p{margin:0 0 .75rem}.char-head .exp{max-width:28rem}.items{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.items>li{border:1px solid var(--panel-edge);background:#0f0d12;border-radius:4px;padding:.6rem .8rem}.slot{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;display:block}.item-name{font-weight:600}.item-white{color:var(--item-white)}.item-blue{color:var(--item-blue)}.item-gold{color:var(--item-gold)}.item-green{color:var(--item-green)}.item-lines{color:var(--item-blue);margin:.3rem 0 0;padding:0;font-size:.85rem;list-style:none}.owner-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 2rem;display:grid}