html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.fixed-header{position:fixed;top:-100px;left:0;width:100%;height:70px;backdrop-filter:blur(10px);background:transparent no-repeat center center;background-size:cover;display:flex;justify-content:space-between;align-items:center;z-index:999;transition:top 1s cubic-bezier(0.25,0.1,0.25,1)}.home-top__left{display:flex;align-items:center;gap:0.2rem;margin-left:0.5rem}.home-top__right{display:flex;align-items:center;gap:0.2rem;margin-right:0.5rem}.top-icon{width:2.8rem;height:2.8rem;background:no-repeat center center;background-size:contain;border-radius:0.6rem}.game-title-image{width:auto;height:1.8rem;max-width:100%;display:block}.icon{display:inline-block;width:2.4rem;height:2.4rem;background:no-repeat center center;background-size:contain;border-radius:50%}.fixed-header.show{top:0}.hero{background:no-repeat center center fixed;background-size:cover;position:relative;overflow:hidden}.slogan-img{position:absolute;top:0;right:0;width:27%;height:100%;object-fit:contain}.hero.container{max-width:100%;width:100%;padding:0;margin:0}.pulse-btn{bottom:calc(2rem + env(safe-area-inset-bottom,0));transform:translateX(-50%);background:no-repeat center center;background-size:contain;border:none;width:70vw;max-width:300px;min-width:200px;height:auto;aspect-ratio:300 / 140;transition:transform 0.3s ease,opacity 0.8s ease;opacity:0;display:block;z-index:10}@keyframes fadeInScale{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.pulse-btn.animate-once{animation:fadeInScale 0.5s ease-out forwards,pulse 2s infinite 0.5s}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){section{--block-spacing-vertical:calc(var(--spacing)*2.5)}}@media (min-width:768px){section{--block-spacing-vertical:calc(var(--spacing)*3)}}@keyframes scaleIn{from{transform:translate(-50%,-50%) scale(0.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes scaleOut{from{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0.5);opacity:0}}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{from{opacity:1}to{opacity:0}}@keyframes popupPulse{0%{transform:translateX(-50%) scale(0.8)}50%{transform:translateX(-50%) scale(0.95)}100%{transform:translateX(-50%) scale(0.8)}}@keyframes popupPulse2{0%{transform:translateX(-50%) scale(0.8)}50%{transform:translateX(-50%) scale(0.85)}100%{transform:translateX(-50%) scale(0.8)}}.new-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:90%;max-width:600px}.new-popup.active{display:block;animation:scaleIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.new-popup.closing{animation:scaleOut 0.3s ease-in forwards}.popup-bg{position:relative;width:106%;height:500px;background:no-repeat center center;background-size:contain;left:-3%}.popup-btn{position:absolute;bottom:-2%;left:50.5%;background:no-repeat center center;background-size:contain;border:none;width:100%;height:160px;cursor:pointer;animation:popupPulse 2.5s infinite;transition:0.3s}.popup-close{position:absolute;top:119px;right:-10px;background:no-repeat center center;border:none;cursor:pointer;background-size:contain;overflow:hidden;width:5px;height:5px}.new-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999}.new-overlay.active{display:block;animation:fadeInOverlay 0.4s ease-out}.new-overlay.closing{animation:fadeOutOverlay 0.3s ease-out forwards}.popup-item{position:absolute;object-fit:contain;border:none;cursor:default;transform:translateX(-50%);transition:0.3s;animation-name:popupPulse2;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;pointer-events:none}.item1{bottom:49%;left:21%;width:190px;height:80px}.item2{bottom:49%;left:79%;width:190px;height:88px}.item3{bottom:27%;left:50%;width:300px;height:125px}.popup-anim-delay-0{animation-delay:0s}.popup-anim-delay-1{animation-delay:0.3s}.popup-anim-delay-2{animation-delay:0.6s}.popup-anim-delay-3{animation-delay:0.9s}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fixed-header{top:0!important}.pulse-btn{opacity:1!important;animation:none!important;transform:scale(1.15) translateX(0%)!important}.pulse-btn.animate-once{animation:none!important}.new-popup,.new-popup.active,.new-popup.closing{animation:none!important;transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}.popup-btn,.popup-item{animation:none!important;transform:translateX(-50%) scale(1)!important}.popup-item.popup-anim-delay-0,.popup-item.popup-anim-delay-1,.popup-item.popup-anim-delay-2,.popup-item.popup-anim-delay-3{animation-delay:0s!important}.popup-close{animation:none!important}.new-overlay,.new-overlay.active,.new-overlay.closing{animation:none!important;opacity:1!important}html{scroll-behavior:auto!important}}