.home-page{flex-direction:column;gap:0;padding:0 6vw 80px;display:flex}.home-hero{min-height:100vh;padding:calc(var(--header-height) + 24px)0 24px;background:#ffd24a;flex-direction:column;justify-content:center;margin:0 -6vw;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1s;display:block;position:absolute;inset:0}.hero-canvas.is-ready{opacity:1}.hero-canvas canvas{display:block;width:100%!important;height:100%!important}.home-hero-center{text-align:center;z-index:1;justify-items:center;gap:16px;margin-top:clamp(20px,10vh,80px);display:grid;position:relative}.home-badge{color:#0f172a;letter-spacing:.2em;text-transform:uppercase;background:#0f172a1f;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600}.home-title{color:#111827;text-shadow:0 0 20px #ffffff29;margin:0;font-family:Spacebook,Chakra Petch,Space Grotesk,sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:1}.home-tagline{color:#111827e0;max-width:640px;margin:0;font-size:1.1rem}.home-intro{text-align:center;color:#111827d1;z-index:1;justify-items:center;gap:18px;margin-top:auto;display:grid;position:relative}.home-intro p{max-width:640px;margin:0}.scroll-indicator{background:#11182714;border:1px solid #1118275c;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:64px;animation:2s ease-in-out infinite pulse;display:flex}.scroll-dot{background:#111827;border-radius:999px;width:6px;height:6px}.scroll-arrow{border-bottom:2px solid #111827;border-right:2px solid #111827;width:10px;height:10px;transform:rotate(45deg)}.game-section{gap:28px;min-height:80vh;padding:60px 0;display:grid}.line-title{letter-spacing:.08em;text-transform:uppercase;width:min(420px,100%);margin:0;padding-bottom:14px;font-family:Spacebook,Chakra Petch,Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);position:relative}.line-title:before,.line-title:after{content:"";border-radius:2px;height:4px;position:absolute;bottom:0;left:0}.line-title:before{background:#ffffff1f;width:100%}.line-title:after{background:#facc15;width:36px}.custom-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;gap:18px;padding-bottom:12px;display:flex;overflow-x:auto}.custom-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none}.custom-carousel::-webkit-scrollbar{height:8px}.custom-carousel::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.custom-carousel::-webkit-scrollbar-track{background:#ffffff0a}.carousel-item{cursor:pointer;width:320px;height:400px;color:inherit;scroll-snap-align:start;text-align:left;-webkit-user-select:none;user-select:none;background:#343434 50%/cover no-repeat;border:1px solid #ffffff14;border-radius:18px;flex:none;align-items:flex-end;margin:0 15px 0 0;padding:0;transition:transform .4s,box-shadow .4s,width .4s;display:flex;position:relative;overflow:hidden}.carousel-item:after{content:"";background-image:linear-gradient(#0000,#000000e6);position:absolute;inset:0}.carousel-item.active{width:500px;transform:translateY(-6px);box-shadow:12px 40px 40px #00000059}.carousel-item:focus-visible{outline-offset:4px;outline:2px solid #facc15}.item-desc{color:#fff;z-index:1;padding:0 24px 14px;transition:transform .4s;position:relative;overflow:hidden;transform:translateY(calc(100% - 54px))}.carousel-item.active .item-desc{transform:none}.item-desc h3{opacity:0;background:#0f172a8c;border:1px solid #ffffff38;border-radius:10px;margin:0 0 10px;padding:8px 12px;font-size:26px;line-height:32px;transition:transform .4s .15s,opacity .4s .15s;display:inline-block;transform:translateY(24px)}.carousel-item.active .item-desc h3{opacity:1;transform:translateY(0)}.item-desc p{opacity:0;background:#0f172a8c;border:1px solid #ffffff38;border-radius:10px;max-width:100%;padding:10px 12px;transition:transform .4s .2s,opacity .4s .2s;transform:translateY(32px)}.carousel-item.active .item-desc p{opacity:1;transform:translateY(0)}@keyframes pulse{0%{transform:translateY(0);box-shadow:0 0 #facc1533}50%{transform:translateY(6px);box-shadow:0 0 0 12px #facc1500}to{transform:translateY(0);box-shadow:0 0 #facc1500}}@media (max-width:768px){.home-page{padding-top:0}.home-hero{min-height:100vh;padding-top:calc(var(--header-height) + 12px)}.game-section{gap:20px}.carousel-item{width:210px;height:280px}.carousel-item.active{width:280px;height:320px;box-shadow:6px 12px 18px #0000004d}.item-desc{padding:0 16px 10px;overflow:visible;transform:translateY(calc(100% - 34px))}.item-desc h3{overflow-wrap:anywhere;width:fit-content;max-width:100%;margin-bottom:8px;padding:6px 10px;font-size:16px;line-height:1.25;display:block}.item-desc p{padding:8px 10px;font-size:.9rem;line-height:1.35}.item-desc .btn{padding:8px 14px;font-size:13px;line-height:1.2}}@media (min-width:769px) and (max-width:991px){.carousel-item{width:240px;height:330px}.carousel-item.active{width:360px}.item-desc{transform:translateY(calc(100% - 46px))}}@media (min-width:992px) and (max-width:1199px){.carousel-item{width:260px;height:360px}.carousel-item.active{width:420px}.item-desc{transform:translateY(calc(100% - 48px))}}