*{box-sizing:border-box}body{margin:0;background:#101724;color:#edf2fc;font-family:system-ui,'Malgun Gothic',sans-serif}button{font:inherit;cursor:pointer;border:1px solid #53647d;border-radius:9px;background:#304764;color:#fff;padding:11px 16px}button:hover:not(:disabled){background:#45658b}button:disabled{opacity:.4;cursor:default}.wrap{max-width:1050px;margin:auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}h1{color:#f3d18a;margin:8px 0}h2{margin:12px 0}small,.muted{color:#a8b6ca}.wallet{background:#25334a;border:1px solid #465a75;border-radius:12px;padding:12px 18px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}nav button.active{background:#a4763c;color:#fff;border-color:#e2b36e}.panel{background:#1d2a3e;border:1px solid #42536c;border-radius:14px;padding:20px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.tile{border:1px solid #52637c;border-radius:12px;background:#263850;padding:18px}.tile h3{margin:5px 0 8px}.tile p{color:#b7c4d4;font-size:14px}.tile.lock{opacity:.5}.primary{background:#9b7036;border-color:#dfac5f}.green{color:#7ee0a8}.gold{color:#f3d18a}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.progress{height:9px;background:#0e1725;border-radius:10px;overflow:hidden;margin:8px 0}.progress span{display:block;height:100%;background:#69bf9b}canvas{width:100%;height:auto;display:block;image-rendering:pixelated;border-radius:10px;background:#29465b}.blocks{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:14px 0}.blocks button{width:60px;height:58px;padding:0;font-size:27px;border:3px solid #ffffff44}.blocks button:hover{border-color:#fff;transform:translateY(-3px)}.battlehud{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.battlehud strong{color:#f3d18a}.message{min-height:30px;color:#f4d79b;text-align:center;margin-top:12px}.tag{display:inline-block;background:#425c7b;padding:3px 8px;border-radius:6px;font-size:12px}.stat{font-size:14px;color:#c5d3e3}footer{text-align:center;color:#8296ae;padding:20px}@media(max-width:600px){.wrap{padding:10px}.panel{padding:12px}.blocks button{width:38px;height:46px;font-size:19px}header{align-items:flex-start}}