*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a14;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.gaming-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(10,10,20,.92);border-bottom:1px solid rgba(255,107,53,.25);left:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:100}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.brand-link,.nav-container{align-items:center;display:flex}.brand-link{gap:.6rem;text-decoration:none}.brand-logo{height:40px;-o-object-fit:contain;object-fit:contain;width:auto}.brand-icon{color:#ff6b35;font-size:1.5rem}.brand-text{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav-actions{display:flex;gap:.5rem}.btn,.nav-actions{align-items:center}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.45rem 1rem;text-decoration:none}.btn-login{background:transparent;border:1px solid rgba(255,107,53,.6);color:#ff6b35}.btn-login:hover{background:rgba(255,107,53,.12)}.btn-register{background:#ff6b35;color:#fff}.btn-register:hover{background:#e55a25}.btn-dashboard{background:#ff6b35;color:#fff}.btn-dashboard:hover{background:#e55a25}.btn-support{background:transparent;border:1px solid rgba(255,107,53,.6);color:#ff6b35}.btn-support:hover{background:rgba(255,107,53,.12)}.btn-logout{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:.45rem .7rem}.btn-logout:hover{background:hsla(0,0%,100%,.08)}.mobile-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.3rem}.mobile-toggle span{background:#fff;border-radius:2px;display:block;height:2px;width:24px}.hero-section{margin-top:64px;overflow:hidden;position:relative;width:100%}.carousel-wrapper{aspect-ratio:16/6;background:#111;max-height:600px;min-height:320px;position:relative;width:100%}.carousel-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;bottom:0;display:none;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.carousel-slide.active{display:block;opacity:1}.slide-bg-img{display:none}.slide-overlay{background:linear-gradient(90deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.2) 60%,transparent)}.slide-content,.slide-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.slide-content{align-items:center;display:flex;padding:2rem 5%}.slide-text{max-width:560px}.slide-title{color:#fff;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:.6rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.slide-description{color:hsla(0,0%,100%,.85);font-size:clamp(.85rem,2vw,1rem);line-height:1.5;margin-bottom:1.2rem;text-shadow:0 1px 4px rgba(0,0,0,.4)}.slide-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-play{background:#ff6b35;border-radius:6px;color:#fff;font-weight:700;padding:.6rem 1.4rem}.btn-play:hover{background:#e55a25}.btn-learn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.4);border-radius:6px;color:#fff;font-weight:600;padding:.6rem 1.4rem}.btn-learn:hover{background:hsla(0,0%,100%,.25)}.carousel-arrow{align-items:center;background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:10}.carousel-arrow:hover{background:rgba(255,107,53,.6)}.carousel-prev{left:1rem}.carousel-next{right:1rem}.carousel-indicators{bottom:.75rem;display:flex;gap:.4rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background:hsla(0,0%,100%,.4);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;width:8px}.indicator.active{background:#ff6b35}.games-section{margin:0 auto;max-width:1280px;padding:2.5rem 1.25rem 3rem}.games-section-header{align-items:center;border-bottom:1px solid rgba(255,107,53,.2);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.games-section-title{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem}.games-section-title i{color:#ff6b35}.games-count{color:hsla(0,0%,100%,.5);font-size:.8rem}.games-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{align-items:stretch;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;display:flex;overflow:hidden;transition:border-color .2s,background .2s}.game-card:hover{background:rgba(255,107,53,.05);border-color:rgba(255,107,53,.45)}.game-thumb{flex:1;min-height:110px;overflow:hidden;position:relative}.game-thumb img{display:block;height:100%;left:0;object-fit:cover;-o-object-fit:cover;position:absolute;top:0;width:100%}.game-thumb-placeholder{align-items:center;background:rgba(255,107,53,.12);color:#ff6b35;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.game-body{display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:space-between;padding:.85rem 1rem}.game-name{color:#fff;font-size:.95rem;font-weight:600;line-height:1.3}.game-meta-tag{align-items:center;color:hsla(0,0%,100%,.45);display:inline-flex;font-size:.72rem;gap:.3rem;margin-top:.15rem}.game-actions{display:flex;flex-direction:row;gap:.4rem}.btn-game-login{background:transparent;border:1px solid rgba(255,107,53,.5);border-radius:5px;color:#ff6b35;flex:1;font-size:.78rem;justify-content:center;padding:.38rem .5rem}.btn-game-login:hover{background:rgba(255,107,53,.12)}.btn-game-join{background:#ff6b35;border-radius:5px;color:#fff;flex:1;font-size:.78rem;justify-content:center;padding:.38rem .5rem}.btn-game-join:hover{background:#e55a25}.btn-game-play{background:#ff6b35;border-radius:5px;color:#fff;font-size:.78rem;justify-content:center;padding:.38rem .6rem;width:100%}.btn-game-play:hover{background:#e55a25}.site-footer{background:rgba(0,0,0,.45);border-top:1px solid rgba(255,107,53,.15);margin-top:2rem;padding:2rem 1.25rem calc(2rem + env(safe-area-inset-bottom))}.footer-inner{flex-direction:column;gap:1rem;margin:0 auto;max-width:1280px}.footer-brand,.footer-inner{align-items:center;display:flex}.footer-brand{color:#fff;font-size:1rem;font-weight:700;gap:.5rem;text-decoration:none}.footer-brand i{color:#ff6b35;font-size:1.2rem}.footer-socials{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.footer-social-link{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:50%;color:hsla(0,0%,100%,.7);display:flex;font-size:.95rem;height:38px;justify-content:center;text-decoration:none;transition:background .2s,color .2s,border-color .2s;width:38px}.footer-social-link:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.footer-copy{color:hsla(0,0%,100%,.35);font-size:.78rem}.auth-modal-overlay{-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.7);bottom:0;display:none;left:0;overflow-y:auto;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));place-items:center;position:fixed;right:0;top:0;z-index:500}.auth-modal-overlay.open{display:grid}.auth-modal{-webkit-overflow-scrolling:touch;background:#0f0f1e;border:1px solid rgba(255,107,53,.25);border-radius:12px;max-height:calc(100dvh - 2rem);max-width:420px;overflow-y:auto;padding:2rem;position:relative;width:100%}.auth-modal-wide{max-width:500px}.auth-modal-close{align-items:center;background:hsla(0,0%,100%,.07);border:none;border-radius:50%;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;line-height:1;position:absolute;right:.75rem;top:.75rem;width:32px}.auth-modal-close:hover{color:#ff6b35}.auth-modal h2{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.auth-modal .auth-sub{color:hsla(0,0%,100%,.4);font-size:.8rem;margin-bottom:1.4rem}.auth-alert{align-items:flex-start;background:rgba(220,38,38,.12);border:1px solid rgba(220,38,38,.35);border-radius:7px;color:#fca5a5;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:1rem;padding:.65rem .9rem}.auth-alert i{flex-shrink:0;margin-top:.1rem}.am-row{display:grid;gap:.7rem;grid-template-columns:1fr 1fr}.am-group{margin-bottom:.85rem}.am-label{color:hsla(0,0%,100%,.55);display:block;font-size:.75rem;margin-bottom:.3rem}.am-input{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:7px;color:#fff;font-size:.875rem;outline:none;padding:.55rem .85rem;width:100%}.am-input:focus{background:rgba(255,107,53,.05);border-color:#ff6b35}.am-input.is-error{border-color:#dc2626}.am-input::-moz-placeholder{color:hsla(0,0%,100%,.22)}.am-input::placeholder{color:hsla(0,0%,100%,.22)}.am-error{color:#fca5a5;display:block;font-size:.72rem;margin-top:.25rem}.am-pw{position:relative}.am-pw .am-input{padding-right:2.4rem}.am-pw-toggle{background:none;border:none;color:hsla(0,0%,100%,.3);cursor:pointer;font-size:.8rem;padding:0;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.am-pw-toggle:hover{color:#ff6b35}.am-opts{font-size:.75rem;justify-content:space-between;margin-bottom:1rem}.am-opts,.am-opts label{align-items:center;display:flex}.am-opts label{color:hsla(0,0%,100%,.5);cursor:pointer;gap:.35rem}.am-opts a{color:#ff6b35;text-decoration:none}.am-opts a:hover{text-decoration:underline}.am-check{align-items:flex-start;color:hsla(0,0%,100%,.5);display:flex;font-size:.75rem;gap:.45rem;margin-bottom:1rem}.am-check input{cursor:pointer;flex-shrink:0;margin-top:.2rem}.am-check a{color:#ff6b35;text-decoration:none}.am-submit{align-items:center;background:#ff6b35;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;padding:.65rem;width:100%}.am-submit:hover{background:#e55a25}.am-divider{align-items:center;color:hsla(0,0%,100%,.22);display:flex;font-size:.72rem;gap:.65rem;margin:1rem 0}.am-divider:after,.am-divider:before{background:hsla(0,0%,100%,.09);content:"";flex:1;height:1px}.am-social{display:flex;gap:.5rem}.am-social-btn{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.11);border-radius:7px;color:hsla(0,0%,100%,.7);display:flex;flex:1;font-size:.8rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem;text-decoration:none}.am-social-btn:hover{border-color:rgba(255,107,53,.4);color:#fff}.am-switch{color:hsla(0,0%,100%,.38);font-size:.78rem;margin-top:1rem;text-align:center}.am-switch a{color:#ff6b35;cursor:pointer;font-weight:600;text-decoration:none}.am-switch a:hover{text-decoration:underline}@media (max-width:767px){.nav-container{height:56px}.hero-section{margin-top:calc(56px + env(safe-area-inset-top))}.carousel-wrapper{aspect-ratio:16/9;max-height:450px;min-height:280px}.carousel-slide{background-position:50%}.slide-content{align-items:flex-end;padding:1.5rem 1.25rem 3.5rem}.slide-overlay{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.2) 80%,transparent)}.slide-title{font-size:1.5rem}.slide-description{font-size:.85rem;margin-bottom:.9rem}.btn-learn,.btn-play{font-size:.85rem;padding:.55rem 1.1rem}.btn span,.btn-dashboard span,.btn-login span,.btn-register span,.btn-support span{display:none}.mobile-toggle{display:flex}.brand-text{font-size:.95rem}.carousel-arrow{font-size:1rem;height:44px;width:44px}.carousel-prev{left:.75rem}.carousel-next{right:.75rem}.carousel-indicators{bottom:1rem}.indicator{height:10px;width:10px}.auth-modal{border-radius:10px;padding:1.5rem 1.1rem;width:100%}.am-row{grid-template-columns:1fr}.am-input{font-size:16px}.am-opts{flex-wrap:wrap;gap:.4rem}.auth-modal-close{font-size:1.1rem;height:36px;width:36px}}@media (max-width:576px){.carousel-wrapper{aspect-ratio:unset;height:auto;max-height:none;min-height:0}.carousel-slide{background-image:none!important;height:auto;min-height:0;position:relative}.carousel-slide.active{display:flex;flex-direction:column}.slide-bg-img{aspect-ratio:16/9;display:block;flex-shrink:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.slide-overlay{display:none}.slide-content{background:linear-gradient(180deg,rgba(10,10,20,.92),#0a0a14 60%);bottom:auto;display:block;left:auto;padding:1rem 1rem 1.5rem;position:relative;right:auto;top:auto;width:100%}.slide-text{max-width:100%}.slide-title{font-size:1.2rem;margin-bottom:.5rem}.slide-description{display:block!important;font-size:.875rem;margin-bottom:1rem}.slide-actions{flex-wrap:wrap;gap:.5rem}.btn-learn,.btn-play{font-size:.85rem;padding:.55rem 1.1rem}.carousel-arrow{top:28.125vw;transform:translateY(-50%)}.carousel-indicators{bottom:auto;top:calc(56.25vw - 1.75rem)}}@media (max-width:540px){.games-section{padding:1.5rem .75rem 2rem}.games-grid{grid-template-columns:1fr}.game-thumb{flex:1;min-height:90px}}@media (max-width:430px){.nav-container{padding:0 .75rem}.brand-text{font-size:.85rem;letter-spacing:0}.games-section{padding:1.25rem .65rem 1.75rem}.game-body{padding:.65rem .75rem}.game-name{font-size:.88rem}.btn-game-join,.btn-game-login,.btn-game-play{font-size:.74rem;padding:.35rem .4rem}.auth-modal-overlay{padding:calc(.5rem + env(safe-area-inset-top)) .5rem .5rem}.auth-modal{max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:1.25rem .9rem}.am-social{flex-direction:column}.am-social-btn{justify-content:center}}@media (max-width:375px){.brand-text{display:none}.nav-actions{gap:.3rem}.btn{font-size:.8rem;padding:.4rem .65rem}.slide-title{font-size:1rem}.slide-description{font-size:.8rem}.btn-learn,.btn-play{font-size:.8rem;padding:.45rem .85rem}}@media (max-width:320px){.slide-title{font-size:.9rem}.slide-description{font-size:.75rem}.btn-learn,.btn-play{font-size:.72rem;padding:.4rem .65rem}}@media (min-width:768px) and (max-width:1024px){.carousel-wrapper{aspect-ratio:16/7;max-height:500px;min-height:380px}.slide-content{padding:2rem 3%}}@media (max-height:500px) and (orientation:landscape){.carousel-wrapper{aspect-ratio:21/9;max-height:280px;min-height:240px}.slide-content{padding:1rem 2rem}.slide-title{font-size:1.2rem}.slide-description{font-size:.8rem;margin-bottom:.5rem}.btn-learn,.btn-play{font-size:.75rem;padding:.4rem .9rem}}