html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}input,textarea,select,button{font-family:inherit;font-size:inherit}@font-face{font-family:GROBOLD;src:url(/assets/fonts/GROBOLD.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.syne{font-family:Syne,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:800}.lexend{font-family:Lexend,sans-serif;font-optical-sizing:auto;font-style:normal}.grobold{font-family:GROBOLD,sans-serif;font-optical-sizing:auto;font-style:normal}body{position:relative;font-family:Lexend,Inter,sans-serif;padding-bottom:60px;background-image:url(/assets/img/black-twill.png);color:#000;overflow:hidden}.bkg{background-color:gold}h1,h2,h3,h4,h5{font-family:Syne,Inter,sans-serif;font-weight:800}button{font-family:Syne,Inter,sans-serif;font-weight:500}.uppercase{text-transform:uppercase}.flex{display:flex;flex-direction:row}.flex.column{flex-direction:column}.flex.center{justify-content:center;align-items:center}.landing-cta{color:#ffffffe6;border:none;border-radius:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .5s ease-out cubic-bezier(.4,0,.2,1);position:relative;text-align:center;overflow:hidden;white-space:nowrap}.btn-green{background:linear-gradient(135deg,#4caf50,#66bb6a)}.btn-green:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffd70033;transition:left .5s}.btn-green:hover{transform:translateY(-3px) scale(1.02)}.btn-green:hover:before{left:100%}.btn-gold{background:gold;border:none;cursor:pointer;color:#0a0a0a;transition:.3s ease}.btn-gold:hover{background:#ffd7009e;transform:translateY(-2px)}.btn-black{background-color:#000;font-size:1.3rem;border:1px solid rgba(255,255,255,.3)}.btn-black:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .5s}.btn-black:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #ff980080}.btn-black:hover:before{left:100%}.btn-black .btn-icon{margin-left:.5rem;font-size:1.3rem}.cta-game-start{position:relative;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:1.1rem 4.5rem;font-size:1.2rem;font-weight:700;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);transition:transform .2s ease,filter .2s ease;overflow:hidden}.cta-game-start:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.35) 50%,transparent 100%);transform:translate(-100%);animation:ctaShimmer 3s ease-in-out infinite}.cta-game-start:hover{transform:translateY(-3px);filter:brightness(1.1)}@keyframes ctaShimmer{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.back-button{display:flex;align-items:center;gap:.25rem;background:#00000080;border:1px solid rgba(0,0,0,.3);border-radius:12px;padding:.5rem 1rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600}.back-button svg{width:20px;height:20px}.back-button:hover{background:#ffffffb3;color:#000000e6;border-color:#000000e6;transform:translate(-4px)}.back-button:active{transform:translate(-2px)}#app-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:gold;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:all .6s ease-in-out}#app-loader.fade-out{opacity:0;transform:translateY(-300px)}#app-loader h1{font-family:GROBOLD,sans-serif;text-transform:uppercase;font-size:4rem;color:#000;margin:0;margin-bottom:3rem;letter-spacing:.1em;animation:fadeInLogo .5s ease-out}@media (max-width: 768px){#app-loader h1{font-size:3rem;margin-bottom:2rem}}@media (max-width: 480px){#app-loader h1{font-size:2.5rem;margin-bottom:1.5rem}}.loader-progress{width:300px;height:6px;background-color:#0003;border-radius:10px;overflow:hidden;position:relative}@media (max-width: 480px){.loader-progress{width:250px;height:5px}}.loader-progress-bar{height:100%;background-color:#000;border-radius:10px;width:0%;animation:fillProgress 2s ease-in-out forwards;position:relative}.loader-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes fillProgress{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInLogo{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
