@keyframes gradientShift{0%{background-position:0%}25%{background-position:100%}50%{background-position:50% 100%}75%{background-position:0%}to{background-position:0%}}@keyframes haze{0%,to{opacity:.3;transform:scale(1)translate(0)rotate(0)}25%{opacity:.5;transform:scale(1.2)translate(10%,-10%)rotate(5deg)}50%{opacity:.4;transform:scale(.9)translate(-10%,10%)rotate(-5deg)}75%{opacity:.5;transform:scale(1.1)translate(5%,-5%)rotate(3deg)}}@keyframes ghostWisp1{0%{opacity:0;transform:translateY(0)}10%{opacity:.15}70%{opacity:.15}to{opacity:0;transform:translateY(-120vh)}}@keyframes ghostWisp2{0%{opacity:.3;transform:translateY(0)}20%{opacity:.25}40%{opacity:.18}60%{opacity:.1}80%{opacity:.05}to{opacity:0;transform:translateY(-120vh)}}@keyframes ghostWisp3{0%{opacity:0;transform:translateY(0)}10%{opacity:.18}70%{opacity:.18}to{opacity:0;transform:translateY(-120vh)}}@keyframes ghostWisp4{0%{opacity:0;transform:translateY(0)}10%{opacity:.1}70%{opacity:.1}to{opacity:0;transform:translateY(-120vh)}}body{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1520 20%,#0f0f1a 40%,#1a1a2e 60%,#0d0d15 80%,#000 100%) 0 0/400% 400%;max-width:100vw;margin:0;padding:0;font-family:system-ui,sans-serif;animation:25s ease-in-out infinite gradientShift;overflow-x:hidden}html{max-width:100vw;overflow-x:hidden!important}html,body,#__next,#__next>div{max-width:100vw!important;overflow-x:hidden!important}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 15% 20%,#8a2be226 0%,#0000 50%),radial-gradient(at 85% 80%,#4b00821f 0%,#0000 50%),radial-gradient(circle,#483d8b14 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 40%,#9370db26 0%,#0000 30%),radial-gradient(circle at 70% 60%,#7b68ee1f 0%,#0000 35%),radial-gradient(circle at 50% 80%,#8a2be21a 0%,#0000 40%),radial-gradient(circle at 20% 70%,#4b008214 0%,#0000 35%),radial-gradient(circle at 80% 30%,#6a5acd1a 0%,#0000 40%);width:200%;height:200%;animation:35s ease-in-out infinite haze;position:fixed;top:-50%;left:-50%}body>*{z-index:1;position:relative}.ghost-wisp{pointer-events:none;z-index:10;filter:blur(3px);font-size:50px;position:fixed;bottom:-80px}.ghost-right{animation:60s linear forwards ghostWisp2;right:15%}.ghost-left{animation:60s linear 60s forwards ghostWisp2;left:15%}*{box-sizing:border-box;max-width:100%}img,video,canvas,svg{max-width:100%;height:auto}.tooltip-btn{position:relative}.tooltip-btn[data-title]:after{content:attr(data-title);color:#fff;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;background:#333;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:10px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-btn[data-title]:before{content:"";pointer-events:none;z-index:1000;opacity:0;border:4px solid #0000;border-top-color:#333;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-btn:hover:after,.tooltip-btn:hover:before{opacity:1}.tooltip-btn-bottom[data-title]:after{content:attr(data-title);color:#fff;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;background:#333;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:10px;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-btn-bottom[data-title]:before{content:"";pointer-events:none;z-index:1000;opacity:0;border:4px solid #0000;border-bottom-color:#333;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-btn-bottom:hover:after,.tooltip-btn-bottom:hover:before{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatBtn{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ghost-icon{animation:3s ease-in-out infinite floatBtn}@keyframes vanishOnce{0%{opacity:.7}to{opacity:0}}.vanish-text{animation:30s ease-in-out forwards vanishOnce}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}button{background:linear-gradient(135deg,#333 0%,#222 100%);transition:all .2s}button:hover{filter:brightness(1.2);transform:translateY(-1px)}button:active{filter:brightness(.8);transform:translateY(0)}.start-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f0f0f0 50%,#e0e0e0 100%);border:none;border-radius:12px;padding:16px 48px;font-size:clamp(16px,3vw,18px);font-weight:700;transition:all .3s;animation:2s ease-in-out infinite pulseBtn;box-shadow:0 4px 12px #fff3}.start-btn:hover{background:linear-gradient(135deg,#fff 0%,#fafafa 50%,#f0f0f0 100%);transform:translateY(-2px);box-shadow:0 8px 24px #fff6}.start-btn:active{filter:brightness(.95);transform:translateY(0)}.how-to-btn{animation:none}.how-to-btn:hover{background:linear-gradient(135deg,#fff 0%,#fafafa 50%,#f0f0f0 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}select{accent-color:#fd0}select:focus{outline-offset:2px;outline:2px solid #fd0}select option{color:#fff;background:#111}select option:checked{color:#000;background:#fd0;font-weight:700}select option:hover{color:#000!important;background:#fa0!important}