*{box-sizing:border-box}
body{margin:0;background:#11171b;color:#f0f2f3;font:15px system-ui}
header{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #34414a;position:sticky;top:0;background:#151b20}
.logo{background:#e8a451;color:#21170c;padding:12px;border-radius:10px}
header small,small{display:block;color:#aab4bc;font-size:11px}
main{max-width:1000px;margin:auto;padding:24px 16px}
.gold,.code{color:#e8a451}
h1{font-size:36px;margin:8px 0}
p{color:#aab4bc}
.stats{display:flex;gap:10px;margin:20px 0}
.stats div,section,details{background:#1c252b;border:1px solid #34414a;border-radius:14px;padding:15px;flex:1}
.stats b{font-size:24px;display:block}
label{display:block;margin-bottom:8px}
input,select{width:100%;padding:13px;margin:6px 0;background:#11171b;color:white;border:1px solid #34414a;border-radius:9px;font:inherit}
.hit,.chest{background:#263139;border-radius:10px;padding:12px;margin-top:8px;display:flex;justify-content:space-between;gap:10px}
.hit b,.chest b{color:#e8a451}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
h2{margin-top:30px}
details{margin-top:24px}
summary{cursor:pointer;font-weight:bold}
button{background:#e8a451;border:0;border-radius:9px;padding:12px;font-weight:bold}
footer{text-align:center;color:#87939b;margin:30px}
@media(min-width:650px){.grid{grid-template-columns:repeat(4,1fr)}}