[hidden]{display:none!important}
:root{--bg:#0b0f0c;--card:#151c16;--line:#2c3a28;--green:#b5e86a;--gold:#ffd84a;--red:#ff8a8a;--pink:#ff9ab0;--purple:#c080ff;--muted:#a9b5a4;--text:#e9efe6}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Barlow Condensed',sans-serif;font-size:18px;min-height:100%}
a{color:var(--green)}a:hover{color:#d6ff9a}
.hd{font-family:Bungee,Impact,sans-serif;letter-spacing:.02em;font-weight:400}
.wrap{max-width:440px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:100vh}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:#fff;font:700 19px 'Barlow Condensed',sans-serif;cursor:pointer;width:100%;padding:0 14px;text-decoration:none}
.btn:disabled{opacity:.45;cursor:not-allowed}
.pri{background:var(--green);color:#0b0f0c;border-color:var(--green)}.gold{background:var(--gold);color:#2a2200;border-color:var(--gold)}.purple{background:var(--purple);color:#1a0b2a;border-color:var(--purple)}
.sm{min-height:40px;font-size:16px;width:auto;padding:0 12px;border-radius:10px}
.card{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:12px 14px}
.muted{color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.grow{flex:1;min-width:0}
label.f{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:15px;color:#c9d3c4}
input,select{min-height:46px;border-radius:12px;border:2px solid var(--line);background:#0e130f;color:#fff;padding:0 12px;font:500 18px 'Barlow Condensed',sans-serif;width:100%}
.coin{width:16px;height:16px;border-radius:50%;background:#ffc93c;border:2px solid #7a5a00;display:inline-block;vertical-align:-2px}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-weight:700;background:#1d2410;border:2px solid #5a4a10;color:#ffe08a}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.msg{min-height:22px;font-size:16px}.msg.err{color:var(--red)}.msg.ok{color:var(--green)}
.tabs{display:flex;gap:6px}.tabs button{flex:1;min-height:42px;border-radius:10px;border:0;font:800 16px 'Barlow Condensed';cursor:pointer;background:var(--card);color:var(--muted)}.tabs button.on{background:var(--green);color:#0b0f0c}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.toast{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:50;background:#151c16;border:2px solid var(--green);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;max-width:90vw;box-shadow:0 8px 30px #000a}
.toast.err{border-color:var(--red)}
.sr{position:absolute;left:-9999px}
/* sound toggle + art previews + maps */
.ico.sound{position:fixed;right:12px;bottom:12px;z-index:40;width:44px;height:44px;border-radius:12px;border:2px solid var(--line,#2c3a28);background:rgba(10,14,10,.8);color:#fff;display:grid;place-items:center;cursor:pointer}
.ico.sound svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ico.sound[aria-pressed=false]{color:#8a948a}
body.play .ico.sound{bottom:auto;top:max(10px,env(safe-area-inset-top));right:12px}
#hud .ico.sound{position:static;width:40px;height:40px}
#loadout>*{flex:none}
.pv canvas.prev,canvas.prev{display:block;position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;pointer-events:none;image-rendering:auto}
.pv{width:72px;height:78px;flex:none;border-radius:10px;background:radial-gradient(circle at 50% 70%,#22301f,#121a11)}
.pv.lg{width:96px;height:104px}
.opt.pet{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:6px}
.opt.pet .pv{width:78px;height:70px}
.cos{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;text-align:center}
.cos .nm{font-weight:800;font-size:15px}
.mapc{border-radius:12px;padding:10px 12px;border:2px solid var(--line,#2c3a28);cursor:pointer;text-align:left;color:#fff;font:inherit}
.mapc[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,216,74,.25)}
.mapc b{font-family:Bungee,sans-serif;font-weight:400;font-size:15px;letter-spacing:.03em}
.mapc span{display:block;font-size:13px;color:#d6dccf;margin-top:2px}
.map-forest{background:linear-gradient(135deg,#2c3a22,#1f4a2c)}.map-lake{background:linear-gradient(135deg,#38485a,#5a7a96)}.map-grave{background:linear-gradient(135deg,#2c2638,#3a5a44)}
.map-desert{background:linear-gradient(135deg,#8a7048,#6a5434)}.map-lava{background:linear-gradient(135deg,#3a1e18,#8a2a10)}