.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:80%;padding:2rem}.logo-container{width:100%;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;object-fit:contain;display:block}.logo .logo-xtreme{display:block;position:absolute;bottom:-5rem;right:-1%;width:55%;max-width:392px;height:auto;object-fit:contain}@media (max-width: 768px){.logo .logo-xtreme{bottom:-2rem;right:-1%;width:55%;max-width:192px;height:auto;object-fit:contain}}.cover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:800px;padding:2rem}@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape){.cover{gap:1rem}}.cover-image{width:80%;overflow:hidden}@media (min-width: 1024px) and (max-width: 1199px) and (orientation: landscape){.cover-image{width:70%}}.cover-image img{width:100%;height:auto;display:block}.cover-button{perspective:120px}.cover-button a{display:inline-block;background:linear-gradient(90deg,#ff3d00,#ff6b00,#fa0,#ff6b00,#ff3d00);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(3rem,8vw,6rem);font-family:Staatliches,cursive;font-weight:400;text-decoration:none;text-transform:uppercase;letter-spacing:.025em;-webkit-text-stroke:8px rgb(0,0,0);paint-order:stroke fill;animation:gradient-flow 5s ease infinite;transform:rotateX(10deg);transform-style:preserve-3d;text-shadow:1px 1px 0 #cc4400,2px 2px 0 #cc4400,3px 3px 0 #bb3d00,4px 4px 0 #aa3500,5px 5px 0 #993000,6px 6px 0 #882800,7px 7px 0 #1f0800,8px 8px 0 #1c0900,9px 9px 0 #000,12px 12px 15px rgb(0,0,0);transition:all .6s ease}.cover-button a:hover{-webkit-text-stroke:10px rgb(0,0,0);letter-spacing:.05em;transform:rotateX(5deg);text-shadow:1px 1px 0 #cc4400,2px 2px 0 #cc4400,3px 3px 0 #bb3d00,4px 4px 0 #aa3500,5px 5px 0 #993000,6px 6px 0 #882800,7px 7px 0 #772200,8px 8px 0 #551500,9px 9px 0 #331000,10px 10px 0 #1a0800,11px 11px 0 #000,16px 16px 25px rgba(0,0,0,.4)}.cover-button a:active{transform:rotateX(12deg) translateY(2px);text-shadow:1px 1px 0 #cc4400,2px 2px 0 #bb3d00,3px 3px 0 #882800,4px 4px 0 #331000,6px 6px 8px rgba(0,0,0,.25)}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.cover{padding:1rem;gap:1.5rem}.cover-button{perspective:80px}.cover-button a{-webkit-text-stroke:3px rgb(0,0,0);text-shadow:1px 1px 0 #cc4400,2px 2px 0 #bb3d00,3px 3px 0 #aa3500,4px 4px 0 #882800,6px 6px 10px rgba(0,0,0,.8)}.cover-button a:hover{-webkit-text-stroke:4px rgb(0,0,0)}}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:2rem;pointer-events:none}.content>*{pointer-events:auto}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px,-4px)}20%{transform:translate(8px,4px)}30%{transform:translate(-6px,-3px)}40%{transform:translate(6px,3px)}50%{transform:translate(-4px,-2px)}60%{transform:translate(4px,2px)}70%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}90%{transform:translate(-1px)}}body.shake{animation:shake .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:#000}canvas{display:block;width:100%!important;height:100%!important}