@keyframes ripple{to{transform:scale(2);opacity:0}}.animate-in{animation:fadeInUp .8s ease-out forwards}.feature-card{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.feature-card.animate-in{opacity:1;transform:translateY(0)}.home-boards{max-width:1100px;margin:3.5rem auto 0;padding:0 1rem}.home-boards-head{text-align:center;margin-bottom:1.5rem}.home-boards-head h2{font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:900;color:#fff;letter-spacing:-.01em;margin:0 0 .35rem;text-transform:uppercase}.home-boards-head p{font-size:.92rem;color:#fff9;margin:0}.home-boards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hb-panel{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.1rem 1.15rem;display:flex;flex-direction:column}.hb-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.15rem}.hb-ico{display:block;flex:none;width:20px;height:20px}.hb-head h3{font-size:1rem;font-weight:900;color:#fff;margin:0;text-transform:uppercase;letter-spacing:-.01em}.hb-sub{font-size:var(--font-min,13px);color:#ffffff8c;margin:0 0 .9rem}.hb-list{list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.07)}.hb-view{border-bottom:none}#cpsview-all:checked~.hb-view-all,#cpsview-touch:checked~.hb-view-touch,#cpsview-mouse:checked~.hb-view-mouse{border-bottom:1px solid rgba(255,255,255,.07)}.hb-list>li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:.88rem;color:#fff}.hb-list>li:last-child{border-bottom:none}.hb-rank{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--font-min,13px);color:#ffffff80;min-width:1.5rem}.hb-rank.top{color:#eab308}.hb-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-score{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.hb-dur{font-size:var(--font-min,13px);font-weight:700;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:999px;white-space:nowrap;flex-shrink:0;background:#ffffff0d;color:var(--text-normal,rgba(255,255,255,.75));border:1px solid rgba(255,255,255,.12)}.hb-bars>li{display:block;padding:.42rem 0;border-bottom:none}.hb-bar-label{display:flex;align-items:baseline;gap:.45rem;margin-bottom:.22rem}.hb-bar-label .hb-score{font-size:.82rem}.hb-meta{font-size:var(--font-min,13px);color:#ffffff73}.hb-bar-track{height:7px;background:#ffffff12;border-radius:4px;overflow:hidden}.hb-bar-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#eab308)}.hb-filter{display:inline-flex;gap:2px;padding:3px;margin:0 0 .7rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:11px}.hb-radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.hb-filter label{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;min-width:74px;padding:0 10px;border-radius:9px;font-size:var(--font-caps,14px);font-weight:600;letter-spacing:.04em;color:#ffffff8c;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}.hb-filter label img{display:block;width:auto;height:14px}.hb-filter label img[src*=mouse]{height:12px}#cpsview-all:checked~.hb-filter label[for=cpsview-all],#cpsview-touch:checked~.hb-filter label[for=cpsview-touch],#cpsview-mouse:checked~.hb-filter label[for=cpsview-mouse]{background:linear-gradient(135deg,#601efa,#fa05d9);color:#fff}#cpsview-all:focus-visible~.hb-filter label[for=cpsview-all],#cpsview-touch:focus-visible~.hb-filter label[for=cpsview-touch],#cpsview-mouse:focus-visible~.hb-filter label[for=cpsview-mouse]{outline:2px solid #eab308;outline-offset:2px}.hb-view{display:none}#cpsview-all:checked~.hb-view-all,#cpsview-touch:checked~.hb-view-touch,#cpsview-mouse:checked~.hb-view-mouse{display:block}.hb-rank-global{font-size:var(--font-min,13px);color:#ffffff59;margin-left:.22rem;font-weight:400}.hb-empty{display:block;padding:.9rem 0;font-size:var(--font-min,13px);color:#ffffff80;border-bottom:none}.hb-stat{margin:.7rem 0 0;padding-top:0;font-size:var(--font-min,13px);color:#fff9;line-height:1.5}.hb-stat b{color:#eab308;font-weight:600}.hb-panel .fp-link{display:inline-block;margin-top:.9rem;font-size:var(--font-min,13px);align-self:flex-start}.hb-stat+.fp-link{margin-top:.55rem}@media(max-width:1199px){.home-boards-grid{grid-template-columns:1fr;gap:.75rem}.hb-list>li:nth-child(n+4){display:none}.home-boards{margin-top:2.5rem}}html{background-color:#151f32}.hero-title{font-family:Protest Strike,cursive;font-size:5rem;font-weight:700;line-height:1;color:#fff}.text-gradient-primary{background:linear-gradient(135deg,#601efa,#fa05d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fp-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#37415180,#4b556366);border:1px solid rgba(96,30,250,.2);border-radius:12px;color:#d1d5dbe6;font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:none;transition:all .3s ease}.fp-btn:hover{text-decoration:none;background:#601efa66;color:#fff}.fp-btn-primary{background:linear-gradient(135deg,#601efa,#fa05d9);border-color:#fa05d94d;color:#fff}.fp-btn-primary:hover{text-decoration:none;background:linear-gradient(135deg,#7035ff,#ff1ae5);color:#fff}.fp-btn-primary:visited,.fp-btn-primary:active,.fp-btn-primary:focus{color:#fff;text-decoration:none}.bg-combo-gradient{background:linear-gradient(135deg,#601efae6,#fa05d9e6)}.floating-particles{background:radial-gradient(3px 3px at 30% 40%,rgba(255,255,255,.35),transparent),radial-gradient(4px 4px at 70% 60%,rgba(96,30,250,.4),transparent),radial-gradient(3px 3px at 50% 20%,rgba(250,5,217,.35),transparent);background-size:500px 500px,400px 400px,300px 300px;contain:layout paint}@keyframes slow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.35;transform:scale(1.02)}}.animate-slow-pulse{animation:slow-pulse 10s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-gentle-float{animation:gentle-float 3s ease-in-out infinite}@keyframes rocketHintGlow{0%,85%{text-shadow:none}92%{text-shadow:0 0 12px rgba(168,85,250,.4)}to{text-shadow:none}}#clickableSpaceship{animation:gentle-float 3s ease-in-out infinite,rocketHintGlow 10s ease-in-out infinite;will-change:transform}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(96,30,250,.5)}50%{text-shadow:0 0 20px rgba(96,30,250,.8)}}.animate-text-glow{animation:text-glow 2s ease-in-out infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cta-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.animate-cta-fade-in{animation:cta-fade-in 1s ease-out .3s forwards;opacity:0}@keyframes rotateBall{0%{transform:rotateY(0) rotateX(0) rotate(0)}50%{transform:rotateY(360deg) rotateX(360deg) rotate(0)}to{transform:rotateY(720deg) rotateX(720deg) rotate(360deg)}}@keyframes bounceBall{0%{transform:translateY(-70px) scale(1)}15%{transform:translateY(-56px) scale(1)}45%{transform:translateY(70px) scale(1)}50%{transform:translateY(73.5px) scaleY(.92)}55%{transform:translateY(70px) scaleY(.95)}85%{transform:translateY(-56px) scale(1)}95%{transform:translateY(-70px) scale(1)}to{transform:translateY(-70px) scale(1)}}.pointless-ball{border-radius:50%;height:80px;position:absolute;top:0;left:0;transform-style:preserve-3d;width:80px;z-index:1102;cursor:pointer;transition:filter .3s ease;pointer-events:auto}.pointless-ball:hover{filter:brightness(1.2)}.pointless-ball:before{background:radial-gradient(circle at 36px 20px,#fa05d9,#601efa);border:3px solid #333333;border-radius:50%;content:"";height:calc(100% + 6px);left:-6px;position:absolute;top:-3px;transform:translateZ(1vmin);width:calc(100% + 6px)}.pointless-ball .ball-inner{animation-name:rotateBall;animation-duration:25s;animation-iteration-count:infinite;animation-timing-function:linear;border-radius:50%;height:100%;position:absolute;transform-style:preserve-3d;width:100%}.pointless-ball .ball-line:before,.pointless-ball .ball-line:after{border:2px solid #333333;border-radius:50%;content:"";height:99%;position:absolute;width:99%}.pointless-ball .ball-line:before{transform:rotate3d(0,0,0,0)}.pointless-ball .ball-line:after{transform:rotateX(90deg)}.pointless-ball .ball-line--two:before{transform:rotate3d(0,0,0,2deg)}.pointless-ball .ball-line--two:after{transform:rotateX(88deg)}.pointless-ball .ball-oval:before,.pointless-ball .ball-oval:after{border-top:4px solid #333333;border-radius:50%;content:"";height:99%;position:absolute;width:99%}.pointless-ball .ball-oval:before{transform:rotateX(45deg) translateZ(6px)}.pointless-ball .ball-oval:after{transform:rotateX(-45deg) translateZ(-6px)}.pointless-ball .ball-oval--two:before{transform:rotateX(135deg) translateZ(-6px)}.pointless-ball .ball-oval--two:after{transform:rotateX(-135deg) translateZ(6px)}@keyframes bounceShadow{0%{filter:blur(3px);opacity:.6;transform:translateY(73px) scale(.5)}45%{filter:blur(1px);opacity:.9;transform:translateY(73px) scale(1)}55%{filter:blur(1px);opacity:.9;transform:translateY(73px) scale(1)}to{filter:blur(3px);opacity:.6;transform:translateY(73px) scale(.5)}}.ball-shadow{background:#000;filter:blur(2px);border-radius:50%;height:8px;width:70px;opacity:.4;position:absolute;bottom:-5px;left:5px}@keyframes clickBounce{0%{transform:translateY(0) scale(1)}20%{transform:translateY(60px) scale(1.05,.85)}40%{transform:translateY(-50px) scale(.95,1.05)}60%{transform:translateY(30px) scale(1.02,.92)}80%{transform:translateY(-15px) scale(.98,1.02)}to{transform:translateY(0) scale(1)}}.pointless-ball.clicking{animation:clickBounce 1s cubic-bezier(.34,1.56,.64,1)}.btn-class-name{width:200px;height:200px;border:none;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:100%;position:relative;transition:none;z-index:1105;box-shadow:0 0 0 15px #fa05d94d,0 0 0 30px #8a2be233,0 0 50px #fa05d966,0 0 100px #8a2be24d}.btn-class-name *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.btn-class-name .back{background:linear-gradient(135deg,#4a0e4e,#2d0a3d);border-radius:100%;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 -5px 15px #0006}.btn-class-name .front{background:linear-gradient(180deg,#f36,#fa05d9,#8a2be2);box-shadow:0 10px 30px #fa05d999,inset 0 1px #ffffff4d,inset 0 -2px #0003;border-radius:100%;position:absolute;border:2px solid rgba(250,5,217,.8);left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:var(--fs-xl, 20px);font-weight:600;font-family:inherit;transform:translateY(-8%);color:#fff;background-image:linear-gradient(180deg,#f36,#fa05d9,#8a2be2),radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 50%);background-blend-mode:normal}@keyframes shadowBounce{0%{transform:translateY(90px) scale(1);opacity:.4}20%{transform:translateY(90px) scale(1.3);opacity:.6}40%{transform:translateY(90px) scale(.7);opacity:.2}60%{transform:translateY(90px) scale(1.1);opacity:.5}80%{transform:translateY(90px) scale(.9);opacity:.35}to{transform:translateY(90px) scale(1);opacity:.4}}.ball-shadow.bouncing{animation:shadowBounce 1s cubic-bezier(.34,1.56,.64,1)}@keyframes bounce-text{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.click-me-text{transition:opacity .5s ease,transform .5s ease}.click-me-text.hidden{opacity:0;transform:scale(0) translate(-50px);pointer-events:none}@media(max-width:768px){.pointless-ball{height:60px;width:60px}.ball-shadow{width:50px;height:6px}.click-me-text{font-size:1rem;left:70px;top:15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%) scale(.3)}50%{transform:translate(-50%) scale(1.05)}70%{transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.nav-logo-alt{opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.nav-logo-alt.visible{opacity:1;transform:translateY(0);pointer-events:auto}#hero-logo.faded{opacity:0;transform:translateY(-30px) scale(.9)}
