*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;background:#101010;color:#eee}header{padding:22px 5%;background:#171717;border-bottom:1px solid #b18a38}h1{color:#d8b45b;margin:0 0 8px}main{max-width:1050px;margin:28px auto;padding:0 18px}.panel{background:#1b1b1b;border:1px solid #6e5729;border-radius:12px;padding:20px;margin:16px 0}.muted{color:#aaa}.balls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.ball{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f8df8b,#b88a2d);color:#17120a;font-size:22px;font-weight:bold}button,input{padding:11px;border-radius:7px;border:1px solid #927332;margin:5px;background:#222;color:#fff}button{cursor:pointer;background:#9c782e;color:#100d07;font-weight:bold}a{color:#e0bd68}.grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}.item{padding:10px;border-bottom:1px solid #444}@media(max-width:700px){.grid{grid-template-columns:1fr}.ball{width:44px;height:44px}}