:root{--bg1: #120028;--bg2: #2a005c;--pink: #ff4fd8;--cyan: #4df7ff;--yellow: #ffe55c;--ink: #fff7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Comic Sans MS,Trebuchet MS,system-ui,sans-serif;color:var(--ink);cursor:crosshair;background:radial-gradient(circle at 20% 15%,#5f1cff 0,transparent 35%),radial-gradient(circle at 80% 0%,#ff2ea6 0,transparent 30%),linear-gradient(180deg,var(--bg2),var(--bg1))}.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:18px 18px}.page{max-width:920px;margin:0 auto;padding:1rem;display:grid;gap:.9rem;position:relative;z-index:2}.box{border:3px ridge var(--cyan);background:#0c0621c7;padding:.9rem;box-shadow:0 0 16px #4df7ff59,inset 0 0 14px #ff4fd833}.neon{border-color:var(--pink);box-shadow:0 0 16px #ff4fd880,inset 0 0 10px #4df7ff33}.rainbow-border{animation:rainbowBorder 2s linear infinite}h1{margin:.2rem 0 .4rem;font-size:clamp(2rem,8vw,3.4rem);color:var(--yellow);text-shadow:2px 2px 0 #ff00d0}h1 span{display:inline-block;animation:spinSlow 3s linear infinite}h2,h3{margin-top:0;color:var(--cyan)}marquee{color:#fff;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}button{border:2px outset #fff;background:linear-gradient(180deg,#ffe95e,#ffb01f);color:#2a004f;font-weight:700;padding:.4rem .65rem;cursor:pointer}button:hover{filter:saturate(1.2) brightness(1.05)}.fact{margin:.6rem 0 0;color:#ffe6ff}.tiny{font-size:.85rem;color:#ffd9f6}.blink{animation:blink 1s step-start infinite;color:var(--yellow);font-weight:800}.sprite-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.5rem;margin:.5rem 0}.sprite{font-size:2rem;text-align:center;background:#ffffff14;border:2px dashed rgba(255,255,255,.3);border-radius:10px;padding:.45rem}.wiggle{animation:wiggle .8s ease-in-out infinite}.bounce{animation:bounce 1s ease-in-out infinite}.spin{animation:spin 1.4s linear infinite}#cursorTrail{position:fixed;inset:0;pointer-events:none;z-index:999}.trail-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff 10%,#ff4fd8 55%,transparent 70%);transform:translate(-50%,-50%);animation:fadeOut .7s ease-out forwards}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes rainbowBorder{0%{border-color:#ff4fd8}25%{border-color:#4df7ff}50%{border-color:#ffe55c}75%{border-color:#9d6dff}to{border-color:#ff4fd8}}