body{color:#fff;background-color:#000;margin:0;font-family:system-ui,sans-serif}.game-card{background-color:#121826;border-radius:12px;flex-direction:column;width:100%;min-width:200px;max-width:265px;margin:0 auto;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.game-image-wrapper{width:100%;overflow:hidden}.game-image{object-fit:cover;border-radius:8px;width:100%;height:auto;margin-bottom:12px;display:block}.game-content{flex:none;padding:.5rem .75rem}.game-title{color:#fff;margin-bottom:8px;font-size:clamp(1rem,2vw,1.25rem);font-weight:600}.game-desc{opacity:.8;color:#ddd;margin-bottom:12px;font-size:clamp(.8rem,1.5vw,.9rem)}.game-btn{color:#fff;cursor:pointer;background:#ff7a00;border:none;border-radius:6px;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);font-size:clamp(.8rem,1.5vw,.9rem);text-decoration:none;transition:background .3s;display:inline-block}.game-btn:hover{background:#ffb300}.game-btn:disabled{cursor:not-allowed;background:#555}.carousel-container{justify-content:center;align-items:center;display:flex;position:relative}.scroll-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:1rem;padding:1rem 0;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.game-card{scroll-snap-align:start;flex:none;margin:0 auto}.carousel-btn{color:#fff;cursor:pointer;z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#ff7a0099}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.faq-container{max-width:700px;margin:0 auto;padding:2rem 1rem}.faq-title{text-align:center;color:#fff;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background-color:#121826;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0006}.faq-question{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-size:1.5rem;font-weight:600;display:flex}.faq-question:hover{background-color:#ffffff0d}.faq-icon{font-size:1.25rem;font-weight:700}.faq-answer{color:#ddd;opacity:.8;padding:0 1rem 1rem;font-size:1.2rem}body,html{color:#fff;background-color:#000;width:100%;min-height:100vh;margin:0;padding:0;font-family:system-ui,Arial,sans-serif}.home-container{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:1000;width:100%;position:fixed;top:0;left:0}.header-top{background:linear-gradient(90deg,#ff7a00,#ffb300,#ffd800,#b6ff00,#38a700);align-items:center;height:80px;padding:0 12px;display:flex}.logo{object-fit:contain;height:60px}.header-right{align-items:center;gap:1rem;margin-left:auto;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-input{opacity:0;border:1px solid #ccc;border-radius:4px;width:0;margin-right:.5rem;padding:.3rem;transition:all .3s}.search-input.show{opacity:1;width:150px}.search-btn{cursor:pointer;background:0 0;border:none;font-size:1.2rem}.hamburger-btn{cursor:pointer;color:#000;background:0 0;border:none;padding:6px 10px;font-size:1.5rem}.dropdown-menu{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#808080cc;border:1px solid #fff3;border-radius:4px;flex-direction:column;min-width:150px;display:none;position:absolute;top:100%;right:12px;box-shadow:0 4px 8px #0003}.dropdown-menu a{color:#121826;padding:10px;font-size:clamp(1rem,2vw,1rem);font-weight:700;text-decoration:none;transition:background .2s;display:block}.dropdown-menu a:hover{background:#f0f0f0}.dropdown-menu.show{display:flex}.hero{flex-direction:column;align-items:center;padding:140px 20px 40px;display:flex}.hero-banner{border-radius:0;width:100vw;height:auto;margin-top:1.5rem;display:block}.hero-text{text-align:left;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:600px;margin-top:1.5rem}.hero-text h1{font-size:clamp(2rem,5vw,3rem);font-weight:700}.hero-title{color:#f6f8f5;font-size:1.5rem;font-weight:700}.hero-text p{white-space:normal;color:#989b97;max-width:100%;margin-top:.5rem;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.play{justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.play-playx{border-radius:0;width:100vw;height:auto;margin-top:1.5rem;display:block}.section{text-align:center;padding:2rem 1rem}.section h2{text-align:left;color:#ffd800;margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2rem)}.section-faq h2{text-align:left;color:#38a700;margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2rem)}.grid{gap:1rem;display:grid}@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}.site-footer{text-align:center;color:#ddd;background-color:#121826;padding:1.5rem;font-size:.9rem}.footer-links{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.social-icon{object-fit:contain;cursor:pointer;width:32px;height:32px;transition:transform .2s,opacity .2s}.social-icon:hover{opacity:.8;transform:scale(1.1)}