:root{--red:#E00000;--orange:#FF9F1C;--maroon:#3a0000;}
body{margin:0;background:#111;font-family:'IBM Plex Mono',monospace;min-height:100vh;
background-image:radial-gradient(circle at 50% -20%,rgba(57,255,120,.18),transparent 40%),repeating-linear-gradient(0deg,#111 0 3px,#141414 3px 4px);}
.glow{position:fixed;top:0;left:0;right:0;height:3px;background:#39ff78;box-shadow:0 0 18px #39ff78;}
.panel{background:var(--red);border-radius:12px;box-shadow:0 20px 60px rgba(224,0,0,.25);}
.bebas{font-family:'Bebas Neue',sans-serif;letter-spacing:.06em}
.btn{box-shadow:0 3px 0 rgba(0,0,0,.35);transition:transform .08s,box-shadow .08s}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.35)}
.tile:hover{animation:wob .4s}
@keyframes wob{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
.pop{animation:pop .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.shimmer{position:relative;overflow:hidden}
.shimmer::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-100%);animation:sh 2.4s infinite}
@keyframes sh{to{transform:translateX(100%)}}
input[type=range]{accent-color:#3a0000;width:100%}