:root{--sand:#f4d58d;--orange:#e07a3f;--leaf:#5a8f29;--brown:#3b2414;--cream:#fff6dc}
body{font-family:'Bricolage Grotesque',sans-serif;color:var(--brown);
background:radial-gradient(circle at 20% 10%,#ffe9b0 0,transparent 40%),
repeating-linear-gradient(45deg,#f4d58d 0 18px,#efcd7f 18px 36px);min-height:100vh}
.pix{font-family:'Press Start 2P',monospace;line-height:1.5}
.wob{display:inline-block;animation:wob 2s ease-in-out infinite}
@keyframes wob{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.card{background:var(--cream);border:3px solid var(--brown);border-radius:14px;padding:16px;box-shadow:6px 6px 0 var(--brown);animation:rise .6s both}
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
.btn{background:var(--orange);color:#fff;border:3px solid var(--brown);border-radius:10px;padding:8px 10px;font-weight:800;box-shadow:3px 3px 0 var(--brown);transition:.1s}
.btn:active,.btn2:active,.act:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brown)}
.btn:disabled{opacity:.5}
.btn2{background:var(--leaf);color:#fff;border:3px solid var(--brown);border-radius:10px;padding:6px 8px;font-weight:800;box-shadow:3px 3px 0 var(--brown)}
.act{background:var(--sand);border:3px solid var(--brown);border-radius:10px;padding:8px 4px;font-weight:800;font-size:13px;box-shadow:3px 3px 0 var(--brown)}
.act.on{background:var(--orange);color:#fff}
.pixel{image-rendering:pixelated;border:3px solid var(--brown);border-radius:8px;background:#9fd3e8}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;max-height:220px;overflow-y:auto}
.thumbs div{position:relative}
.thumbs canvas{width:100%;image-rendering:pixelated;border:2px solid var(--brown);border-radius:4px}
.thumbs span{position:absolute;bottom:2px;left:2px;font-size:7px;color:#fff;padding:0 2px;border-radius:2px}
.meter{height:10px;border:2px solid var(--brown);border-radius:6px;overflow:hidden;background:#fff}
#meterBar{height:100%;width:0;background:linear-gradient(90deg,var(--leaf),var(--orange),#c0392b);transition:width .2s}
.bar{height:8px;border-radius:4px}