@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--bg-color:#030305;--text-color:#f8f9fa;--card-hover-bg:#040f23e6;--glow-color:#4189ff99}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body,html{background:radial-gradient(circle at center, #11111a 0%, var(--bg-color) 70%);width:100vw;height:100vh;color:var(--text-color);perspective:1200px;font-family:Inter,sans-serif;overflow:hidden}#starfield{z-index:-2;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity 3s ease-in-out;position:fixed;top:0;left:0}@keyframes nameIntro{0%{opacity:0;transform:translate(-50%, -50%) scale(calc(var(--branding-scale,1) * .6));filter:blur(15px)}to{opacity:1;transform:translate(-50%, -50%) scale(var(--branding-scale,1));filter:blur()}}@keyframes glowIntro{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}#center-branding{transform:translate(-50%, -50%) scale(var(--branding-scale,1));text-align:center;z-index:2000;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}#center-branding.run-anim{animation:1.4s cubic-bezier(.175,.885,.32,1.1) forwards nameIntro}#center-branding.run-anim:before{content:"";z-index:-1;filter:blur(25px);opacity:0;background:radial-gradient(#4189ff26 0%,#0000 60%);border-radius:50%;width:130%;height:150%;animation:2s ease-in-out .8s forwards glowIntro;position:absolute}#center-branding h1{letter-spacing:-1px;color:#fff;text-shadow:0 15px 40px #000;white-space:nowrap;margin-bottom:12px;font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:600;line-height:1.1}#center-branding p{color:#a0a0ab;letter-spacing:1px;text-shadow:0 5px 15px #000c;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:clamp(.85rem,1.2vw,1.2rem);font-weight:300;display:flex}.separator{color:#ffffff4d;font-size:.5em}.links-group{pointer-events:auto;align-items:center;gap:15px;display:flex}.social-link{color:#4189ff;font-weight:400;text-decoration:none;transition:color .3s,text-shadow .3s}.social-link:hover{color:#fff;text-shadow:0 0 15px var(--glow-color)}.scroll-indicator{color:#fff6;margin-top:40px;animation:2s ease-in-out infinite pulseFade;display:none}@keyframes pulseFade{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(12px)}}#crowd-container{width:100vw;height:100vh;position:relative}.game-card{color:inherit;border-radius:calc(6px * var(--scale-factor,1));cursor:pointer;opacity:0;transform-style:preserve-3d;--rotX:0deg;--rotY:0deg;--scale:1;--zDepth:0px;--baseRot:0deg;transform:perspective(1000px) translateZ(var(--zDepth)) scale(var(--scale)) rotate(var(--baseRot)) rotateX(var(--rotX)) rotateY(var(--rotY));background-color:#1a1a22;background-position:50%;background-size:cover;justify-content:center;align-items:center;text-decoration:none;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s,border-radius .3s,left 1s cubic-bezier(.25,1,.5,1),top 1s cubic-bezier(.25,1,.5,1),width 1s,height 1s;display:flex;overflow:hidden;box-shadow:0 15px 35px #0009}.game-card.throwing{pointer-events:none;transition:left .9s cubic-bezier(.175,.885,.32,1.275),top .9s cubic-bezier(.175,.885,.32,1.275),transform .9s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease-out!important}.glare{background:radial-gradient(circle at var(--mouseX,50%) var(--mouseY,50%), #ffffff40 0%, transparent 55%);opacity:0;pointer-events:none;mix-blend-mode:overlay;z-index:5;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.card-overlay{background-color:var(--card-hover-bg);opacity:0;text-align:center;padding:calc(15px * var(--scale-factor,1));z-index:2;flex-direction:column;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;inset:0;transform:translateY(20px)translateZ(30px)}.game-title{font-family:Playfair Display,serif;font-size:clamp(.9rem, calc(1.7rem * var(--scale-factor,1)), 3rem);color:#fff;margin-bottom:calc(8px * var(--scale-factor,1));text-transform:uppercase;letter-spacing:1px;text-shadow:0 4px 10px #000c;font-weight:600;line-height:1.2}.game-description{font-size:clamp(.7rem, calc(.85rem * var(--scale-factor,1)), 1.5rem);color:#fffc;text-shadow:0 2px 5px #000c;max-width:90%;font-weight:300;line-height:1.5}@media (width>=769px){.game-card:hover{--scale:1.15;--zDepth:100px;--baseRot:0deg;box-shadow:0 30px 60px #000000f2, 0 0 40px var(--glow-color);border-radius:calc(12px * var(--scale-factor,1));border:1px solid #4189ff66;z-index:9999!important}.game-card:hover .glare{opacity:1}.game-card:hover .card-overlay{opacity:1;transform:translateY(0)translateZ(40px)}}@media (width<=768px){body,html{overflow-x:hidden;overflow-y:auto!important}#center-branding{width:100vw;min-height:100vh;display:flex;position:relative!important;top:0!important;left:0!important;transform:none!important}#center-branding h1{white-space:normal;padding:0 15px;font-size:clamp(2.2rem,9vw,3rem)}#center-branding p{flex-direction:column;gap:12px}.separator{display:none}.links-group{flex-wrap:wrap;justify-content:center;gap:20px}@keyframes nameIntroMobile{0%{opacity:0;filter:blur(15px);transform:scale(.8)}to{opacity:1;filter:blur();transform:scale(1)}}#center-branding.run-anim{animation:1.2s cubic-bezier(.175,.885,.32,1.1) forwards nameIntroMobile}#center-branding.run-anim:before{width:200%;height:100%}.scroll-indicator{display:block}#crowd-container{flex-direction:column;align-items:center;gap:55px;height:auto;padding:40px 20px 120px;display:flex}.game-card{aspect-ratio:1;max-width:380px;margin:0;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),box-shadow .6s,border-radius .3s;opacity:1!important;--rotX:0deg!important;--rotY:0deg!important;--baseRot:0deg!important;width:90%!important;height:auto!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.game-card.mobile-focus{box-shadow:0 25px 50px #000000f2, 0 0 30px var(--glow-color);border:1px solid #4189ff66;border-radius:12px;z-index:10!important;transform:scale(1.04)!important}.game-card.mobile-focus .card-overlay{opacity:1;transform:translateY(0)}.game-card .glare{background:radial-gradient(circle,#ffffff26 0%,#0000 60%)!important}.game-card.mobile-focus .glare{opacity:1}.game-title{margin-bottom:8px;font-size:1.5rem}.game-description{font-size:.9rem}.card-overlay{padding:25px}}@keyframes pulseGlow{0%{box-shadow:0 15px 35px #0009,0 0 10px #fff6}to{box-shadow:0 15px 35px #0009,0 0 35px #fffc}}.card-destaque{animation:2s ease-in-out infinite alternate pulseGlow;border:1px solid #ffffff80!important}.card-destaque:hover{--glow-color:#ffffffe6;animation:none;border:1px solid #fff!important}@keyframes pulseBronze{0%{filter:drop-shadow(0 0 10px #da823c66)}to{filter:drop-shadow(0 0 35px #da823ce6)}}.card-bronze{animation:2s ease-in-out infinite alternate pulseBronze;box-shadow:none!important;background-color:#0000!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important}.card-bronze:hover{filter:drop-shadow(0 0 50px #da823c);animation:none;box-shadow:none!important;border:none!important}.card-bronze .card-overlay{border-radius:20px}
