:root{--bg-color:#14181c;--card-color:#2c3440;--text-color:#9ab;--text-light:#e0e0e0;--accent-color:#e9a00d;--border-color:#456}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{width:90%;max-width:1200px;margin:0 auto;padding:16px 0}h1,h2{color:var(--text-light);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:10px;font-weight:700}h2{text-transform:uppercase;letter-spacing:.1em;font-size:1.2rem}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.site-header{background-color:var(--card-color);border-bottom:1px solid var(--border-color);padding:0 5%}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}.nav-container{width:100%}.logo{color:var(--text-light);letter-spacing:-1px;font-size:1.5rem;font-weight:900}.logo span{color:var(--accent-color)}.main-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:2;gap:24px;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{color:var(--text-light);font-weight:600;text-decoration:none}.main-nav a:hover{color:var(--accent-color)}.search-bar{flex:0 340px;order:1;align-items:center;gap:8px;min-width:220px;margin-left:32px;display:flex}.search-bar input{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-light);border-radius:5px;flex:auto;padding:8px 10px}.search-bar button{border:1px solid var(--border-color);background-color:var(--card-color);color:var(--text-light);cursor:pointer;border-radius:5px;padding:8px 12px}.search-bar button:hover{background-color:var(--accent-color);color:var(--bg-color)}.mobile-nav-toggle{color:var(--text-light);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;order:4;padding:8px 12px;font-size:1.1rem;display:none}.mobile-nav-menu{background-color:var(--card-color);border-top:1px solid var(--border-color);flex-direction:column;gap:10px;padding:12px 5%;display:none}.mobile-nav-menu a{color:var(--text-light);padding:6px 0;font-weight:600}.mobile-nav-menu hr{border:none;border-top:1px solid var(--border-color);margin:8px 0}.mobile-nav-menu.active{display:flex}@media (width<=767px){.site-header .container{flex-wrap:wrap}.search-bar{order:3;width:100%}.main-nav,.user-nav,.user-actions{display:none}.mobile-nav-toggle{margin-left:auto;display:block}.mobile-nav-menu{display:none}.mobile-nav-menu.active{display:flex}}.user-nav,.user-actions{order:3;align-items:center;gap:18px;margin-left:24px;display:flex}.user-nav a,.user-actions a{color:var(--text-light);font-weight:600;text-decoration:none}.user-nav .btn-signup,.user-actions .btn-signup{background-color:var(--accent-color);color:var(--bg-color);text-align:center;border-radius:6px;justify-content:center;align-items:center;min-width:120px;padding:8px 18px;font-weight:700;display:inline-flex}.user-nav .btn-signup:hover,.user-actions .btn-signup:hover{color:var(--bg-color);background-color:#ffb400;text-decoration:none}.hero{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(#14181ccc,#14181ccc),url(https://images.unsplash.com/photo-1579952363873-27f3bade9f55?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:60px 16px 70px}.hero h1{color:#fff;border:none;margin-bottom:10px;font-size:1.9rem}.hero-subtitle{max-width:700px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1rem}.hero .cta-button{background-color:var(--accent-color);color:var(--bg-color);text-transform:uppercase;border-radius:5px;padding:15px 30px;font-size:1rem;font-weight:700}.hero .cta-button:hover{background-color:#ffb400;text-decoration:none}.home-sections{padding:30px 0 10px}.home-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.home-block{background:var(--card-color);border:1px solid var(--border-color);border-radius:10px;padding:18px 18px 20px}.home-block h2{text-align:center;margin-bottom:10px;font-size:1.1rem}.home-block p{margin-bottom:10px;font-size:.95rem}.home-block ul{margin:8px 0 12px;padding-left:18px;font-size:.95rem}.home-block--wide{grid-column:1/-1}.home-pill-list{flex-wrap:wrap;gap:10px;margin:12px 0 18px;padding-left:0;list-style:none;display:flex}.home-pill-list li{border:1px solid var(--border-color);background:#14181ce6;border-radius:999px;padding:6px 12px;font-size:.9rem}.home-cta-copy{margin-bottom:16px}.secondary-cta{border:1px solid var(--accent-color);color:var(--accent-color);background:0 0}.secondary-cta:hover{background:var(--accent-color);color:var(--bg-color)}.seo-section{border-top:1px solid var(--border-color);background:#0f1317;margin-top:40px;padding:40px 0}.seo-section h2,.seo-section h3{text-align:center;margin-bottom:12px}.seo-section p{text-align:center;max-width:800px;margin:0 auto 24px}.seo-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.seo-block{background:var(--card-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}.seo-block ul{color:var(--text-color);flex-direction:column;gap:6px;margin:0;padding-left:0;font-size:.9rem;list-style:none;display:flex}.carousel-section{position:relative}.carousel{scrollbar-width:none;-ms-overflow-style:none;padding:10px 0;display:flex;overflow-x:scroll}.carousel::-webkit-scrollbar{display:none}.game-poster{background-color:var(--card-color);border:1px solid var(--border-color);cursor:pointer;border-radius:5px;flex-shrink:0;width:150px;margin-right:12px;transition:transform .2s,border-color .2s}.game-poster:hover{border-color:var(--accent-color);transform:scale(1.03)}.poster-image{width:100%;height:220px;color:var(--bg-color);background-color:#567;border-top-left-radius:5px;border-top-right-radius:5px;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.poster-info{padding:10px}.poster-info h3{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:.9rem;overflow:hidden}.poster-info .rating{color:var(--accent-color);font-size:.9rem}.carousel-btn{color:var(--text-light);border:1px solid var(--border-color);cursor:pointer;z-index:10;background-color:#2c3440e6;border-radius:50%;width:40px;height:40px;font-size:1.5rem;display:none;position:absolute;top:55%;transform:translateY(-50%)}.carousel-btn:hover{background-color:var(--accent-color);color:var(--bg-color)}.prev-btn{left:-20px}.next-btn{right:-20px}.reviews-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.review-card{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:5px;padding:15px}.review-header{align-items:center;margin-bottom:10px;display:flex}.review-header img{background-color:#567;border-radius:50%;width:40px;height:40px;margin-right:10px}.review-meta .username{color:var(--text-light);font-weight:600}.review-meta .rating{color:var(--accent-color);font-size:.9rem}.review-game-poster{float:left;background-color:#567;border-radius:3px;width:70px;height:105px;margin-bottom:5px;margin-right:15px}.review-body{font-size:.95rem;line-height:1.5}.review-body p{margin-top:0}.review-footer{margin-top:15px;font-size:.9rem}.review-footer i{margin-right:5px}.review-footer a{color:var(--text-color);margin-right:15px}.review-footer a:hover{color:var(--text-light)}.site-footer{color:var(--text-color);border-top:1px solid var(--border-color);text-align:center;background-color:#0e1012;margin-top:40px;padding:30px 0}.login-form-container{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:8px;max-width:450px;margin:50px auto;padding:30px}.login-form-container h1{text-align:center;border-bottom:none;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-light);margin-bottom:8px;font-weight:600;display:block}.form-group input{background-color:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-light);box-sizing:border-box;border-radius:5px;padding:12px}.form-group button{background-color:var(--accent-color);width:100%;color:var(--bg-color);cursor:pointer;border:none;border-radius:5px;padding:12px;font-size:1rem;font-weight:700}.form-footer{text-align:center;margin-top:20px}.logo{order:0}.main-nav{order:2}@media (width>=768px){.container{padding:20px 0}.site-header .container{flex-wrap:nowrap;gap:0}.main-nav{order:2;width:auto;margin-left:18px;overflow:visible}.user-nav{order:3}.mobile-nav-menu{display:none!important}.hero{padding:80px 20px}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.hero .cta-button{font-size:1.1rem}.game-poster{width:180px;margin-right:15px}.poster-image{height:270px;font-size:3rem}.carousel-btn{justify-content:center;align-items:center;display:inline-flex}}.sports-hero{text-align:center;background-color:#0000;background-image:linear-gradient(#14181ce0,#14181ce0),url(https://images.unsplash.com/photo-1461896836934-ffe607ba8211?w=1350&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:40px 16px 50px}.sports-hero h1{color:var(--text-light);border:none;margin-bottom:10px}.sports-hero p{color:var(--text-color);margin:0}.sports-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px;margin-bottom:40px;display:grid}.sport-card{background:var(--card-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:border-color .2s}.sport-card:hover{border-color:var(--accent-color)}.sport-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.sport-icon{color:var(--accent-color);text-align:center;flex-shrink:0;width:36px;font-size:1.8rem}.sport-title{color:var(--text-light);font-size:1.05rem;font-weight:700}.sport-body{margin-bottom:16px;font-size:.9rem;line-height:1.5}.sport-actions{gap:10px;display:flex}.sport-actions a{border:1px solid var(--border-color);color:var(--text-light);border-radius:5px;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:border-color .2s,color .2s}.sport-actions a:hover{border-color:var(--accent-color);color:var(--accent-color);text-decoration:none}.members-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:24px;margin-bottom:40px;display:grid}.member-card{background:var(--card-color);border:1px solid var(--border-color);color:var(--text-light);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:flex}.member-card:hover{border-color:var(--accent-color);text-decoration:none}.member-card i{color:var(--text-color);font-size:2rem}.submit-form-container{background:var(--card-color);border:1px solid var(--border-color);border-radius:8px;max-width:650px;margin:40px auto;padding:30px}.submit-form-container h1{text-align:center;border-bottom:none;margin-bottom:30px}.form-group select,.form-group textarea{background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-light);box-sizing:border-box;border-radius:5px;padding:12px;font-family:inherit;font-size:1rem}.form-group textarea{resize:vertical}.form-group--checkbox label{color:var(--text-light);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.form-group--checkbox input[type=checkbox]{cursor:pointer;width:auto}.star-rating-input{gap:6px;margin-top:4px;display:flex}.star-rating-input .star{cursor:pointer;color:var(--border-color);background:0 0;border:none;padding:0;font-size:1.6rem;line-height:1;transition:color .15s}.star-rating-input .star.active,.star-rating-input .star:hover{color:var(--accent-color)}.star-display{color:var(--accent-color);letter-spacing:1px;font-size:.85rem}.search-filters{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 20px;display:flex}.search-input{background:var(--card-color);border:1px solid var(--border-color);color:var(--text-light);border-radius:5px;flex:240px;padding:10px 14px;font-size:1rem}.search-select{background:var(--card-color);border:1px solid var(--border-color);color:var(--text-light);border-radius:5px;padding:10px 14px;font-size:1rem}.search-btn{background:var(--accent-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;font-weight:700}.search-btn:hover{background:#ffb400}.search-count{color:var(--text-color);margin-bottom:16px;font-size:.9rem}.error-message{color:#ff6b6b;background:#dc35451f;border:1px solid #dc3545;border-radius:5px;margin-bottom:16px;padding:10px 14px}.success-message{color:#5cb85c;background:#28a7451f;border:1px solid #28a745;border-radius:5px;margin-bottom:16px;padding:10px 14px}.btn-logout{border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;background:0 0;border-radius:5px;padding:6px 14px;font-size:.9rem;transition:border-color .2s,color .2s}.btn-logout:hover{border-color:var(--accent-color);color:var(--accent-color)}.username-display{color:var(--accent-color);font-weight:600}.footer-logo{color:var(--text-light);letter-spacing:-1px;margin-bottom:6px;font-size:1.3rem;font-weight:900}.footer-logo span{color:var(--accent-color)}.footer-nav{flex-wrap:wrap;justify-content:center;gap:20px;margin:12px 0;display:flex}.footer-nav a{color:var(--text-color);font-size:.9rem}.footer-nav a:hover{color:var(--text-light)}.footer-copy{margin-top:12px;font-size:.85rem}