:root{--bg:#0a1117;--panel:#0f1a22;--line:#2c4048;--gold:#d9b25f;--gold2:#f3d98b;--txt:#e8dfcc;--mut:#9a8f78;--ok:#6fcf7a;--err:#e5645a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 500px at 50% -100px,#2a1f0e 0,#0d0b08 70%);color:var(--txt);font:15px/1.55 "Segoe UI",system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold2)}.wrap{max-width:1100px;margin:0 auto;padding:0 16px;width:100%}main.wrap{flex:1;padding-top:24px;padding-bottom:40px}
.top{background:#100d08e6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.bar{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;color:var(--txt);font-weight:700;letter-spacing:3px}.brand img{width:34px;height:34px}.brand b{color:var(--gold)}
nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}nav a{padding:6px 12px;border-radius:4px;color:var(--txt)}nav a.on,nav a:hover{color:var(--gold2);background:#ffffff0d}
.btn{display:inline-block;background:linear-gradient(#e2bf72,#a8782a);color:#1a1208;border:0;border-radius:4px;padding:10px 20px;font-weight:700;cursor:pointer;font-size:15px}.btn:hover{filter:brightness(1.1);color:#1a1208}
.btn.small{padding:5px 12px;font-size:13px}nav .btn{color:#1a1208}.btn.ghost{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.hero{text-align:left;padding:110px 0 120px;max-width:560px}.hero h1{font-size:64px;letter-spacing:10px;margin:0;color:var(--txt);text-shadow:0 0 30px #d9b25f55}.hero h1 b{color:var(--gold)}.lead{font-size:19px;color:var(--mut)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:18px}.card h3{margin-top:0;color:var(--gold)}.narrow{max-width:420px;margin:30px auto}
.grid2,.grid3,.grid4{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
.item{display:block;color:var(--txt);margin:0;position:relative}.item:hover{border-color:var(--gold)}.item h4{margin:6px 0;color:var(--gold2);font-size:15px}.price{color:var(--ok);font-weight:700;font-size:17px;margin-top:8px}.price.big{font-size:28px;margin:14px 0}
.grade{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border:1px solid var(--line);border-radius:3px;color:var(--mut)}.g-s84,.g-s80,.g-s{color:#f6a}.g-a{color:#9cf}.g-b{color:#9f9}
.tag{display:inline-block;font-size:12px;background:#d9b25f22;color:var(--gold2);padding:2px 8px;border-radius:3px}.item .tag{position:absolute;top:12px;right:12px}
label{display:block;margin:10px 0;color:var(--mut);font-size:13px}input,select{display:block;width:100%;margin-top:4px;padding:9px 10px;background:#0c0a06;border:1px solid var(--line);border-radius:4px;color:var(--txt);font-size:15px}
.filter{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filter input,.filter select{width:auto;margin:0;flex:1;min-width:140px}
.flash{padding:10px 14px;border-radius:4px;margin-bottom:16px;border:1px solid}.flash.ok{border-color:#2f6b36;background:#16301a;color:var(--ok)}.flash.err{border-color:#7a2f29;background:#341815;color:var(--err)}
.warn{color:#e8a64d}.muted{color:var(--mut)}code{background:#0c0a06;padding:2px 6px;border-radius:3px;word-break:break-all;color:var(--gold2)}
.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.tbl th{color:var(--mut);font-weight:600}
.pay{width:100%;border-collapse:collapse;margin:12px 0}.pay th,.pay td{padding:10px;border:1px solid var(--line);text-align:left;vertical-align:top}.pay .amt{white-space:nowrap}.pay .amt code{font-size:17px}
.props{list-style:none;padding:0;color:var(--mut)}.pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.pager a{padding:4px 10px;border:1px solid var(--line);border-radius:4px}.pager a.on{background:var(--gold);color:#1a1208}
.testbar{background:#5a3b00;color:#ffd77a;text-align:center;padding:5px;font-size:13px}.foot{border-top:1px solid var(--line);padding:18px 0;color:var(--mut);font-size:13px;text-align:center}
@media(max-width:800px){.grid2,.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px;letter-spacing:5px}.pay th,.pay td{display:block;border:0}}
.pr{font-size:12px;margin-top:3px}.pr.el{color:#8fc7ff}.pr.aug{color:#f0c36a}.props2{margin:10px 0}.props2 .pr{font-size:14px}

.status{background:#0a0805;border-bottom:1px solid var(--line);font-size:13px;color:var(--mut)}.status .wrap{display:flex;align-items:center;gap:8px;height:30px;flex-wrap:wrap}.status b{color:var(--txt);margin-right:14px}.status .sp{flex:1}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.up{background:#4fd16a;box-shadow:0 0 8px #4fd16a}.dot.down{background:#d44;box-shadow:0 0 8px #d44}
.bar2{height:14px;background:#0c0a06;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:6px 0}.bar2 i{display:block;height:100%;background:linear-gradient(90deg,#a8782a,#f3d98b);border-radius:7px}.bar2.fury i{background:linear-gradient(90deg,#8a1c12,#ff6a2b)}
.big2{font-size:22px}.big2 b{color:var(--gold2)}.small{font-size:13px;font-weight:400}
/* 3D scene */
body{background:#0b0906}.bgart{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(900px 500px at 70% 25%,#2b1608 0,#120d08 55%,#0a0806 100%)}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.veil{position:absolute;inset:0;background:linear-gradient(90deg,#0b090699 0,#0b090655 36%,#0b090500 66%),linear-gradient(180deg,#0b090500 0,#0b090533 62%,#0b0906d8 100%)}
.has-scene .embers{display:none}
.embers{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 90%,#ffb35a,transparent),radial-gradient(2px 2px at 30% 95%,#ff8a2a,transparent),radial-gradient(1.5px 1.5px at 55% 92%,#ffd08a,transparent),radial-gradient(2px 2px at 75% 96%,#ff8a2a,transparent);animation:emb 9s linear infinite;opacity:.8}
@keyframes emb{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-70vh);opacity:0}}

.hero h1{text-shadow:0 0 40px #ff6a1a66,0 2px 0 #000}.hero .lead{color:#d8c9aa;text-shadow:0 1px 10px #000}
.card{backdrop-filter:blur(6px);background:#17130de6;transition:transform .25s,border-color .25s,box-shadow .25s}
.grid3 .card:hover,.grid4 .card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 10px 30px #ff7a1a22}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.hero{padding:60px 0;max-width:none}}

/* Talking Island theme */
body{background:#0a1117}
.bgart{background:linear-gradient(180deg,#e9a56a 0,#b8607a 45%,#1b4a58 70%,#0c2530 100%)}
.veil{background:linear-gradient(90deg,#071016a8 0,#07101660 30%,#07101600 58%),linear-gradient(180deg,#07101600 0,#07101600 60%,#0a1117a8 100%)}
.top{background:#0a1117d9;backdrop-filter:blur(8px);border-bottom:1px solid #2c4048}
.card{background:#0e1920ea}
.status{background:#081016}
.hero{padding:70px 0 130px;max-width:600px}
.hero .crest{width:104px;height:auto;display:block;margin:0 0 14px;filter:drop-shadow(0 8px 22px #000a)}
.hero h1{font-family:"Cinzel","Trajan Pro","Palatino Linotype",Georgia,serif;font-weight:700;font-size:68px;letter-spacing:9px;text-shadow:0 2px 0 #000a,0 6px 40px #000c}
.hero h1 b{color:#f3d98b;background:none;-webkit-text-fill-color:initial}
.hero .lead{font-size:20px;color:#fbefd5;text-shadow:0 1px 12px #000c}
.hero .btn.ghost{background:#0a1117aa;backdrop-filter:blur(4px)}
.brand{font-family:"Cinzel","Palatino Linotype",Georgia,serif}.brand img{width:30px;height:34px}
.grid3 .card:hover,.grid4 .card:hover{box-shadow:0 12px 34px #0008;border-color:#f3d98b}
.btn{background:linear-gradient(#f3d98b,#c4902f)}
@media(max-width:800px){.hero h1{font-size:40px;letter-spacing:4px}.hero .crest{width:78px}}

/* Server Info */
.si{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}.si-nav{position:sticky;top:76px;display:flex;flex-direction:column;gap:2px;padding:14px}.si-nav b{color:var(--gold2);margin-bottom:6px}.si-nav a{padding:5px 8px;border-radius:4px;color:var(--txt)}.si-nav a:hover{background:#ffffff10;color:var(--gold2)}.si-nav input{margin-top:10px;padding:7px 9px;font-size:13px}
.si-body section{scroll-margin-top:76px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}.chip{border:1px solid var(--line);border-radius:20px;padding:4px 14px;background:#0a1117}.chip b{color:var(--gold2)}
.ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--s,32px);height:var(--s,32px);flex:none;border-radius:4px;background:linear-gradient(145deg,#33414a,#161f26);border:1px solid #4a5a64;vertical-align:middle;overflow:hidden}.ico::before{content:attr(data-n);font:700 10px/1 sans-serif;color:#b9c6cf;letter-spacing:.5px}.ico img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.itm{display:inline-flex;align-items:center;gap:8px;margin:3px 12px 3px 0}.itm .nm{color:var(--txt)}.cnt{color:var(--gold2);font-size:13px}.cnt::before{content:"× ";color:var(--mut)}
.itmrow{display:flex;flex-wrap:wrap;gap:2px 4px;margin-top:10px}.coin{display:flex;flex-direction:column;gap:8px}.coin p{margin:0;color:var(--mut);font-size:14px}.sys h4{margin:0 0 4px;color:var(--gold2)}.sys p{margin:0}
.lad-h{color:var(--gold);margin:20px 0 8px}.ladder{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.step{background:#0a1117;border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;min-width:140px}.step b{color:var(--gold2)}.step span{font-size:13px;color:var(--txt)}.step em{font-size:12px;color:var(--mut);font-style:normal}.arr{align-self:center;font-size:26px;color:var(--gold);font-style:normal}
.shop-h{margin:26px 0 0}.shopbox{padding:0;margin-bottom:10px}.shopbox summary{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;list-style:none}.shopbox summary::-webkit-details-marker{display:none}.shopbox summary::before{content:"▸";color:var(--gold);margin-right:8px}.shopbox[open] summary::before{content:"▾"}.shopbox[open] summary{border-bottom:1px solid var(--line)}
.shoptbl{margin:0}.shoptbl td{vertical-align:middle}.shoptbl .for{color:var(--mut);width:60px;font-size:12px;text-transform:uppercase}.shoptbl .out{width:42%}
@media(max-width:900px){.si{grid-template-columns:1fr}.si-nav{position:static;flex-direction:row;flex-wrap:wrap}.shoptbl .out{width:auto}}

.armorlist{margin:8px 0 0;padding-left:22px;font-size:16px;line-height:2}.armorlist b{color:var(--gold2)}.armorlist span{color:var(--txt)}