:root{--a:#5b1f8a;--b:#0f8a8a;--c:#e8752a;}
body{margin:0;font-family:'VT323',monospace;color:#fff;background:#120018;font-size:20px;}
.psy{position:fixed;inset:-50%;z-index:-1;background:
repeating-linear-gradient(45deg,var(--a) 0 40px,var(--b) 40px 80px,var(--c) 80px 120px,var(--a) 120px 160px);
animation:wave 18s linear infinite;filter:saturate(1.2) brightness(.7);}
@keyframes wave{0%{transform:rotate(0) translate(0,0) skewX(0)}50%{transform:rotate(8deg) translate(80px,40px) skewX(10deg)}100%{transform:rotate(0) translate(160px,0) skewX(0)}}
.pix{font-family:'Press Start 2P',monospace;}
.win{background:#000;border:4px solid #fff;border-radius:10px;box-shadow:6px 6px 0 #000,0 0 0 4px #000 inset;padding:16px;}
.btn{font-family:'Press Start 2P';font-size:12px;background:#000;border:3px solid #fff;border-radius:8px;padding:10px 14px;cursor:pointer;color:#fff}
.btn:hover{animation:wob .3s infinite;}
.btn:hover::before{content:'▶ ';animation:blink .6s steps(1) infinite;}
.btn:disabled{opacity:.4;animation:none}
@keyframes wob{0%,100%{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}
@keyframes blink{50%{opacity:0}}
.pixelated{image-rendering:pixelated;}
.bar{height:10px;background:#333;border:2px solid #fff;}
.slot{aspect-ratio:1;}
a{color:#ffd23f}