:root{--teal:#7ECFC0;--orange:#F57C1F;--slime:#9BE31A;--ink:#111;}
body{margin:0;background:radial-gradient(circle at 30% 20%,#9ee0d3,var(--teal) 55%,#5fb8a8);min-height:100vh;font-family:'VT323',monospace;color:var(--ink);overflow-x:hidden}
.scanlines{pointer-events:none;position:fixed;inset:0;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.display{font-family:'Luckiest Guy',cursive;letter-spacing:.02em}
.marker{font-family:'Permanent Marker',cursive}
.chroma{text-shadow:2px 0 rgba(255,0,80,.55),-2px 0 rgba(0,200,255,.55),3px 4px 0 #0003}
.wobbly{border:4px solid var(--ink);border-radius:28px 18px 32px 16px/18px 30px 16px 28px;box-shadow:7px 7px 0 var(--ink)}
.slimebtn{background:var(--slime);border:4px solid var(--ink);border-radius:999px 700px 999px 800px;box-shadow:0 7px 0 var(--ink);transition:transform .1s}
.slimebtn:hover{animation:jiggle .45s}
.slimebtn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}
@keyframes jiggle{0%,100%{transform:scale(1)}25%{transform:scale(1.08,.92)}50%{transform:scale(.94,1.06)}75%{transform:scale(1.03,.97)}}
.tv{background:#2a2a2a;border:6px solid var(--ink);border-radius:36px;padding:18px;box-shadow:8px 8px 0 var(--ink),inset 0 0 0 4px #555}
.screen{aspect-ratio:4/3;border-radius:40px/30px;overflow:hidden;position:relative;background:#050505;box-shadow:inset 0 0 60px rgba(126,207,192,.35)}
.screen::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,transparent 2px 4px);pointer-events:none}
.roll{position:absolute;left:0;right:0;top:100%;text-align:center;color:#fff;animation:roll 16s linear forwards;padding:0 8%}
@keyframes roll{to{transform:translateY(calc(-100% - 110%))}}
.boing{animation:boing .9s cubic-bezier(.3,1.8,.5,1) both}
@keyframes boing{0%{transform:scale(0) rotate(-20deg)}100%{transform:scale(1) rotate(0)}}
.float{animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px) rotate(-1deg)}}
.cassette{background:#222;border:3px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s}
.cassette:hover{transform:rotate(-2deg) translateY(-3px)}
.goo{position:fixed;top:0;left:0;right:0;height:0;background:var(--slime);z-index:60;animation:goo 2.6s ease-in forwards;pointer-events:none;border-radius:0 0 40% 60%/0 0 60px 90px}
@keyframes goo{40%{height:70vh}100%{height:0;opacity:.3}}
.spin{animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
select,input{font-family:'VT323',monospace}