:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;background:#111512;color:#eef3ed;--border:#343e35;--green:#a4dd91;--muted:#a9b5aa}
*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem max(1.25rem,calc((100vw - 1040px)/2));border-bottom:1px solid var(--border);gap:1rem}nav,.actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.brand{font-weight:750;color:inherit}nav a{font-size:.9rem}nav [aria-current]{color:inherit;font-weight:650}main{max-width:1080px;margin:auto;padding:2rem 1.25rem 4rem}h1{margin:0;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}h2{margin:0 0 .75rem;font-size:1.15rem}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:.9rem}.card,main>section{border:1px solid var(--border);border-radius:12px;background:#191f1a;padding:1rem}main>section{margin-top:1rem}.card p{margin:.2rem 0}.count{font-size:1.55rem;font-weight:700;color:var(--green)}ol{padding-left:1.55rem;margin-bottom:0}li{padding:.38rem 0;border-bottom:1px solid var(--border)}li:last-child{border-bottom:0}li span{float:right;color:var(--green);margin-left:.5rem}details{padding:.7rem 0;border-top:1px solid var(--border)}summary{cursor:pointer;font-weight:650}details p{margin:.55rem 0}label{display:block;margin-bottom:.4rem}button,input,select{font:inherit;border:1px solid var(--border);border-radius:7px;padding:.4rem .65rem}button{cursor:pointer;color:#12210f;background:var(--green);font-weight:650}button:disabled{opacity:.55;cursor:wait}.secondary,input,select{background:#202822;color:inherit}table{width:100%;border-collapse:collapse;margin:.65rem 0}th,td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--border);overflow-wrap:anywhere}#feedback{position:sticky;bottom:1rem}#feedback:empty{display:none}#feedback:not(:empty){background:#233322;padding:.7rem 1rem;border-radius:8px;border:1px solid var(--border)}

.hero { padding: clamp(1.5rem, 5vw, 4rem); margin-bottom: 2.5rem; border-radius: 24px; background: radial-gradient(ellipse at top right,#264e61,transparent 65%),#102638; border: 1px solid #355b6d; }
.hero h1 { font-size: clamp(2.5rem, 7vw, 5rem); margin: .25em 0; line-height: 1.03; }
.season { color: #a9e5e6; }
.connect { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; }
.connect code { overflow-wrap:anywhere; color:#e3faff; }
.world-chip { padding:.35rem .65rem; border:1px solid #456574; border-radius:999px; }
.audit-row { padding:.75rem 0; margin:0; border-bottom:1px solid #324a5a; }
.card ol { max-height:18rem; overflow:auto; }

:root { background:#101218; color:#f4f2ef; --muted:#b8beca; --green:#f1cb8d; --border:#343944; }
main>section,.card { background:#191d27; }
.hero { display:grid; grid-template-columns:1fr minmax(0, .86fr); align-items:center; gap:clamp(1rem,4vw,3rem); background:linear-gradient(135deg,#202b41,#12151d 75%); border-color:#3c465a; }
.hero h1 { font-size:clamp(2.65rem,7vw,5.4rem); letter-spacing:-.065em; }
.hero-art { width:100%; height:auto; border-radius:18px; }
.world-name { color:#f1cb8d; font-size:clamp(1.15rem,2.4vw,1.7rem); margin:.2rem 0 1.3rem; }
.connect { margin-top:1.4rem; }
.connect code { color:var(--muted); font-size:.78rem; }
.world-chip { border-color:#515b6b; }
@media (max-width:670px) { .hero { grid-template-columns:1fr; } .hero-art { max-width:360px; } }