@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Archivo+Black&family=Space+Grotesk:wght@400;700&display=swap";body{margin:0;padding:0;background:#0d0d0d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--electric-red: #FF0055;--cyber-yellow: #FFED00;--deep-purple: #2D1B69;--hot-pink: #FF1B8D;--acid-green: #00FF88;--paper-white: #FFF8E7;--ink-black: #0A0A0A;--newsprint: #F5F0E8}html,body,#root{height:100%}.page{min-height:100%;background:var(--deep-purple);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),linear-gradient(135deg,var(--deep-purple) 0%,#1a0f3d 50%,var(--deep-purple) 100%);background-size:120% 120%;color:var(--paper-white);font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative;transition:background-position .3s cubic-bezier(.25,1,.5,1)}.page.party-mode{animation:partyBackground 2s ease-in-out infinite}@keyframes partyBackground{0%,to{background:linear-gradient(135deg,var(--electric-red) 0%,var(--deep-purple) 50%,var(--hot-pink) 100%)}33%{background:linear-gradient(135deg,var(--cyber-yellow) 0%,var(--deep-purple) 50%,var(--acid-green) 100%)}66%{background:linear-gradient(135deg,var(--hot-pink) 0%,var(--deep-purple) 50%,var(--electric-red) 100%)}}.party-mode .studio-name{animation:rainbowText 1.5s linear infinite}@keyframes rainbowText{0%{color:var(--cyber-yellow);text-shadow:4px 4px 0 var(--electric-red),-1px -1px 0 var(--hot-pink)}25%{color:var(--acid-green);text-shadow:4px 4px 0 var(--hot-pink),-1px -1px 0 var(--cyber-yellow)}50%{color:var(--electric-red);text-shadow:4px 4px 0 var(--acid-green),-1px -1px 0 var(--cyber-yellow)}75%{color:var(--hot-pink);text-shadow:4px 4px 0 var(--cyber-yellow),-1px -1px 0 var(--electric-red)}to{color:var(--cyber-yellow);text-shadow:4px 4px 0 var(--electric-red),-1px -1px 0 var(--hot-pink)}}.party-mode .star{animation:twinkleFast .8s ease-in-out infinite!important}@keyframes twinkleFast{0%,to{opacity:0;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.8) rotate(360deg)}}.stars{position:fixed;inset:0;pointer-events:auto;z-index:0;cursor:crosshair}.star{position:absolute;width:12px;height:12px;background:var(--cyber-yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:0;animation:twinkle 4s ease-in-out infinite;pointer-events:none;font-size:0}.star-custom{background:var(--hot-pink);animation:starBurst 2s cubic-bezier(.25,1,.5,1) forwards!important;filter:drop-shadow(0 0 12px var(--hot-pink))}@keyframes twinkle{0%,to{opacity:0;transform:scale(.6) rotate(0)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}@keyframes starBurst{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(2) rotate(360deg)}70%{opacity:.9;transform:scale(1.5) rotate(540deg)}to{opacity:0;transform:scale(.3) rotate(720deg) translateY(-60px)}}.header{position:relative;z-index:1;width:100%;padding:24px 32px;display:flex;justify-content:center}.logo-lockup{display:flex;align-items:center;gap:10px}.hat{font-size:2rem;animation:wiggle 3s ease-in-out infinite}.logo-img{width:44px;height:44px;object-fit:contain;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-12deg)}96%{transform:rotate(10deg)}}.studio-name{font-family:Bebas Neue,sans-serif;font-size:2.5rem;letter-spacing:.08em;color:var(--cyber-yellow);text-shadow:4px 4px 0 var(--electric-red),-1px -1px 0 var(--hot-pink);transform:skewY(-2deg);text-transform:uppercase}.main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 48px;gap:32px;width:100%;max-width:700px}.eyebrow{font-family:Archivo Black,sans-serif;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-black);background:var(--cyber-yellow);padding:8px 24px;border-radius:0;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--electric-red);border:3px solid var(--ink-black);position:relative;z-index:2}.eyebrow:before{content:"";position:absolute;width:120px;height:120px;background:conic-gradient(from 0deg,var(--hot-pink) 0deg,transparent 30deg,var(--hot-pink) 60deg,transparent 90deg,var(--hot-pink) 120deg,transparent 150deg,var(--hot-pink) 180deg,transparent 210deg,var(--hot-pink) 240deg,transparent 270deg,var(--hot-pink) 300deg,transparent 330deg);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.15;animation:rotateBurst 20s linear infinite}@keyframes rotateBurst{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.game-card{width:100%;max-width:800px;background:var(--newsprint);border:6px solid var(--ink-black);border-radius:0;padding:48px 40px 44px;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;box-shadow:12px 12px 0 var(--electric-red),12px 12px 0 6px var(--ink-black);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;transform:rotate(-.5deg)}.game-card:before{content:"";position:absolute;inset:-6px;background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--hot-pink) 10px,var(--hot-pink) 12px);z-index:-1;opacity:.15}.game-card:hover{transform:rotate(-.5deg) translateY(-4px);box-shadow:16px 16px 0 var(--electric-red),16px 16px 0 6px var(--ink-black)}.game-card.bounce{animation:cardBounce .6s cubic-bezier(.36,.07,.19,.97)}@keyframes cardBounce{0%,to{transform:rotate(-.5deg) translateY(0)}25%{transform:rotate(-1deg) translateY(-12px)}75%{transform:rotate(0) translateY(-6px)}}.characters{display:flex;align-items:flex-end;justify-content:center;gap:0;width:100%}.character{width:140px;height:auto;object-fit:contain;filter:drop-shadow(8px 8px 0 var(--ink-black)) contrast(1.1);flex-shrink:0;cursor:pointer;transition:filter .2s ease,transform .2s ease}.character:hover{filter:drop-shadow(12px 12px 0 var(--electric-red)) contrast(1.15) saturate(1.3);transform:scale(1.05)}.character-left{transform:scaleX(-1) rotate(-4deg) translateY(8px);animation:charBobLeft 3s ease-in-out infinite}.character-right{transform:rotate(4deg) translateY(8px);animation:charBobRight 3s ease-in-out infinite .5s}.character.char-excited{animation:charExcited .5s cubic-bezier(.36,.07,.19,.97)!important}@keyframes charBobLeft{0%,to{transform:scaleX(-1) rotate(-4deg) translateY(8px)}50%{transform:scaleX(-1) rotate(-2deg) translateY(0)}}@keyframes charBobRight{0%,to{transform:rotate(4deg) translateY(8px)}50%{transform:rotate(2deg) translateY(0)}}@keyframes charExcited{0%,to{transform:scale(1) translateY(0) rotate(0);filter:drop-shadow(8px 8px 0 var(--ink-black)) contrast(1.1)}25%{transform:scale(1.2) translateY(-16px) rotate(8deg);filter:drop-shadow(12px 12px 0 var(--cyber-yellow)) contrast(1.2) saturate(1.5)}50%{transform:scale(1.15) translateY(-12px) rotate(-8deg);filter:drop-shadow(10px 10px 0 var(--hot-pink)) contrast(1.15) saturate(1.4)}75%{transform:scale(1.08) translateY(-6px) rotate(4deg);filter:drop-shadow(9px 9px 0 var(--electric-red)) contrast(1.1) saturate(1.3)}}.game-logo{width:280px;max-width:50%;height:auto;filter:drop-shadow(8px 8px 0 var(--electric-red)) saturate(1.2);z-index:1;animation:logoFloat 4s ease-in-out infinite;position:relative}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-1deg)}}.game-tagline{font-family:Archivo Black,sans-serif;font-size:1.35rem;text-align:center;color:var(--ink-black);line-height:1.4;text-transform:uppercase;letter-spacing:.02em}.game-tagline em{font-style:normal;color:var(--electric-red);text-shadow:2px 2px 0 var(--cyber-yellow)}.play-btn{text-decoration:none;display:block;width:100%}.play-btn-inner{position:relative;display:block;background:var(--electric-red);color:var(--paper-white);font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:20px 40px;border-radius:0;border:5px solid var(--ink-black);cursor:pointer;box-shadow:8px 8px 0 var(--cyber-yellow),8px 8px 0 5px var(--ink-black);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;-webkit-user-select:none;user-select:none;overflow:hidden;transform:skew(-2deg)}.play-btn:hover .play-btn-inner{transform:skew(-2deg) translateY(-4px) translate(-2px);box-shadow:12px 12px 0 var(--cyber-yellow),12px 12px 0 5px var(--ink-black);background:var(--hot-pink)}.play-btn:active .play-btn-inner{transform:skew(-2deg) translateY(2px) translate(2px);box-shadow:4px 4px 0 var(--cyber-yellow),4px 4px 0 5px var(--ink-black);transition:transform .05s,box-shadow .05s}.ripple{position:absolute;width:60px;height:60px;background:var(--cyber-yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transform:translate(-50%,-50%) scale(0) rotate(0);animation:rippleEffect .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none;border:3px solid var(--ink-black);box-shadow:0 0 20px var(--cyber-yellow)}@keyframes rippleEffect{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(4) rotate(360deg);opacity:0}}.badge{font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-black);opacity:.6}.more-coming{display:flex;align-items:center;gap:6px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;font-weight:400;color:var(--acid-green);letter-spacing:.15em;text-transform:uppercase;cursor:default;transition:color .3s ease,transform .3s ease;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.more-coming:hover{color:var(--cyber-yellow);transform:scale(1.05)}.more-coming:hover .dots span{animation:dotPulseHover .6s ease-in-out infinite}.dots{display:inline-block}.dots span{display:inline-block;animation:dotPulse 1.4s ease-in-out infinite;color:var(--hot-pink);transition:color .3s ease}.dots span:nth-child(1){animation-delay:0s}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:translateY(0) scale(1)}40%{opacity:1;transform:translateY(-4px) scale(1.4)}}@keyframes dotPulseHover{0%,to{opacity:.5;transform:translateY(0) scale(1) rotate(0)}50%{opacity:1;transform:translateY(-8px) scale(1.6) rotate(180deg)}}.footer{position:relative;z-index:1;padding:24px 32px;width:100%;text-align:center;font-size:.75rem;font-weight:700;color:var(--paper-white);opacity:.5;text-transform:uppercase;letter-spacing:.1em}@media(max-width:480px){.studio-name{font-size:1.8rem}.character{width:100px}.game-logo{width:180px}.game-card{padding:32px 24px 28px;box-shadow:8px 8px 0 var(--electric-red),8px 8px 0 4px var(--ink-black)}.game-card:hover{box-shadow:10px 10px 0 var(--electric-red),10px 10px 0 4px var(--ink-black)}.play-btn-inner{font-size:1.5rem;padding:16px 28px}.game-tagline{font-size:1.1rem}.eyebrow{font-size:.65rem;padding:6px 18px}}