#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

section {
    height: 100vh;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

/* 确保内容在section中垂直居中 */
.hero, .band {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* hero部分 */
.hero {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    will-change: transform; /* 提示浏览器这个元素会有变化，优化性能 */
}

.orbit-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
    z-index: 1;
}

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0); /* 启用GPU加速 */
}

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0); /* 启用GPU加速 */
    z-index: 2; /* 确保图标容器在轨道上方 */
    pointer-events: none; /* 防止干扰用户交互 */
}

.game-icon {
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform, opacity; /* 优化性能 */
    transform: translateZ(0); /* 启用GPU加速 */
    backface-visibility: hidden; /* 减少闪烁 */
    perspective: 1000; /* 创建3D空间，提高性能 */
    z-index: 10; /* 确保图标在其他元素上方 */
    overflow: visible !important; /* 确保图标不被裁剪 */
}

.game-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    pointer-events: none; /* 防止触发不必要的事件 */
}

/* 图标加载完成后的样式 */
.game-icon.loaded {
    opacity: 1 !important;
    visibility: visible !important;
}

.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    transform: translateZ(0); /* 启用GPU加速 */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.y9-logo {
    max-width: 300px;
    height: auto;
    transform: translateZ(0); /* 启用GPU加速 */
}

/* 开始游戏按钮样式 */
.start-game-btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    border: 2px solid #ffd700; /* 金色边框 */
    background-color: rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    cursor: pointer;
    letter-spacing: 1px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transform: translateZ(0); /* 启用GPU加速 */
    animation: pulse 2s infinite;
    z-index: 10; /* 确保按钮在最上层 */
}

.start-game-btn:hover {
    background-color: rgba(255, 215, 0, 0.2); /* 淡金色背景 */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    color: #ffffff;
    transform: translateY(-2px) translateZ(0);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.start-game-btn:active {
    transform: translateY(1px) translateZ(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 215, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
    }
}

/* 圖片模塊 */
.showcase {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.showcase-container {
    width: 100%;
    max-width: 1200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel {
    position: relative;
    display: flex;
    align-items: center;
}

.carousel-item {
    position: absolute;
    transition: all 0.5s ease;
    width: 120px; /* PC端图标宽度 */
}

.image-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* band模塊 */
.band {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.band-container {
    width: 1200px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    position: relative;
}

.band-left {
    flex: 1;
}

.band-left h2 {
    color: #ffd700;
    font-size: clamp(24px, 3vw, 48px);
    font-weight: bold;
    line-height: 1.2;
}

.band-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.x-text {
    position: relative;
    height: 400px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.diagonal {
    position: absolute;
    white-space: nowrap;
    letter-spacing: 1em;
    line-height: 1;
    animation: rainbow 5s linear infinite;
    background: linear-gradient(
        to bottom,
        #ff0000,
        #ff8800,
        #ffff00,
        #00ff00,
        #00ffff,
        #0000ff,
        #8800ff
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    font-size: clamp(12px, 1vw, 18px);
    font-weight: bold;
}

.diagonal-left {
    transform: rotate(-45deg);
}

.diagonal-right {
    transform: rotate(45deg);
}

@keyframes rainbow {
    0% {
        filter: hue-rotate(0deg) brightness(1);
    }
    50% {
        filter: hue-rotate(180deg) brightness(1.2);
    }
    100% {
        filter: hue-rotate(360deg) brightness(1);
    }
}

.band-right {
    flex: 1;
    padding-left: 40px;
    margin-left: auto;
    max-width: 300px;
}

.band-right p {
    color: #fff;
    font-size: clamp(12px, 1vw, 18px);
    line-height: 1.8;
}

.features {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.featurescontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    width: 100%;
}

.features_left,
.features_right {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 30%;
}

.features_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 20%;
}

.feature-card {
    background-color: rgba(0, 0, 0, 0.3); /* 黑色背景，30%透明 */
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #fff; /* 文字颜色为白色 */
}

.feature-card__icon-wrap {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #fff; /* 图标颜色为白色 */
}

.feature-card h3 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

.feature-card p {
    margin-bottom: 1rem;
    color: #fff;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-list li {
    margin-bottom: 0.5rem;
    color: #fff;
}

.features_center .section-text {
    color: #ffd700; /* 金色文字 */
    font-size: 1.5rem; /* 字体更大 */
    font-weight: bold;
    text-align: center;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    section {
        min-height: 60vh;
        width: 100%;
    }

    .hero {
        min-height: 60vh;
        padding: 0 15px;
    }

    .showcase {
        height: 30vh;
        min-height: auto;
        padding: 20px 0;
    }

    .carousel-item {
        width: 60px; /* 移动端图标宽度 */
        margin: 0 5px; /* 移动端图标间距 */
    }

    .carousel {
        width: 100%; /* 确保轮播容器占满父容器 */
        display: flex;
        justify-content: space-between; /* 均匀分布图标 */
        overflow: hidden; /* 隐藏溢出部分 */
    }

    .showcase-container {
        max-width: 100%; /* 确保容器宽度占满屏幕 */
        overflow: hidden; /* 隐藏溢出部分 */
    }

    .band {
        height: auto;
        padding: 40px 0;
    }

    .band-container {
        flex-direction: column;
        padding: 0 20px;
        gap: 30px;
    }

    .band-left {
        text-align: center;
    }

    .band-left h2 {
        font-size: 24px;
    }

    .band-center {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 30px auto;
    }

    .x-text {
        height: 300px;
        width: 300px;
    }

    .band-right {
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    .band-right p {
        font-size: 14px;
    }

    .diagonal {
        font-size: 14px;
        letter-spacing: 0.5em;
    }
    
    .featurescontainer {
        flex-direction: column;
        gap: 2rem;
    }

    .features_left,
    .features_right {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .features_center {
        width: 100%;
        order: -1; /* 将 features_center 放在最上面 */
    }

    .feature-card {
        width: 48%; /* 让 feature-card 在移动端左右排列 */
    }
    
    .feature-card h3 {
        font-size: 1rem; /* 标题字体更小 */
    }

    .feature-card p {
        font-size: 0.875rem; /* 正文字体更小 */
    }

    .feature-list li {
        font-size: 0.875rem; /* 列表字体更小 */
    }

    .y9-logo {
        max-width: 200px; /* 移动端减小logo尺寸 */
        transform: translateZ(0); /* 确保GPU加速 */
    }
    
    .game-icon {
        /* 移动端减少动画过渡时间，提高响应速度 */
        transition: transform 0.2s ease, opacity 0.2s ease;
        z-index: 10; /* 确保在移动端有足够高的z-index */
        opacity: 1; /* 强制显示 */
        visibility: visible;
        display: flex;
        position: absolute;
        pointer-events: none; /* 防止触摸事件干扰 */
        /* 完全移除transform属性，让JS控制 */
        will-change: transform, opacity; /* 提示浏览器优化 */
    }
    
    .game-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 50%;
    }
    
        display: block;
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        z-index: 2; /* 确保在轨道上方 */
        pointer-events: none; /* 防止干扰用户交互 */
    }
    
    .start-game-btn {
        padding: 10px 24px;
        font-size: 16px;
        border-width: 1.5px;
        display: flex; /* 确保在移动端显示 */
        align-items: center;
        justify-content: center;
        margin-top: 15px; /* 增加与logo的间距 */
        min-width: 140px; /* 确保按钮有足够的宽度 */
        text-decoration: none !important; /* 强制移除下划线 */
    }
    
    .hero-content {
        gap: 15px; /* 减小间距 */
    }

    /* 确保动画元素在移动设备上可见 */
    .orbit-container {
        display: block;
        visibility: visible;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
    }
    
        display: block;
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
    }
}

/* 针对更小屏幕的额外适配 */
@media screen and (max-width: 480px) {
    .x-text {
        height: 250px;
        width: 250px;
    }

    .band-left h2 {
        font-size: 20px;
    }

    .diagonal {
        font-size: 12px;
        letter-spacing: 0.3em;
    }
    
    /* 更小屏幕的按钮样式 */
    .start-game-btn {
        padding: 8px 20px;
        font-size: 15px;
        min-width: 120px;
        margin-top: 10px;
    }
    
    .hero-content {
        gap: 12px;
    }
}

/* 针对低性能设备的优化 */
@media (max-width: 480px), (pointer: coarse) {
    /* 低端设备进一步简化动画，但不阻止动画 */
    .game-icon {
        /* 使用更简单的动画效果，但不固定transform */
        transition: transform 0.15s linear, opacity 0.15s linear;
    }
    
    /* 减少不必要的3D变换，提高性能 */
        opacity: 0.7; /* 降低透明度，减轻渲染负担 */
    }
    
    /* 优化按钮在触摸设备上的表现 */
    .start-game-btn {
        padding: 12px 28px; /* 增加点击区域 */
        animation: pulse 3s infinite; /* 减慢动画速度，节省资源 */
    }
}

/* 针对不支持hover的设备（触摸屏）优化 */
@media (hover: none) {
    .game-icon {
        /* 触摸设备上禁用悬停效果，但允许JS控制transform */
        transition: transform 0.2s linear, opacity 0.2s linear;
    }
    
    /* 触摸设备上的按钮优化 */
    .start-game-btn {
        /* 确保在触摸设备上显示 */
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0); /* 移除iOS点击高亮 */
    }
    
    .start-game-btn:hover {
        /* 禁用悬停效果，避免触摸设备上的粘滞感 */
        transform: translateZ(0);
        background-color: rgba(0, 0, 0, 0.3);
    }
    
    .start-game-btn:active {
        /* 增强触摸反馈 */
        background-color: rgba(255, 215, 0, 0.3);
        transform: scale(0.98) translateZ(0);
    }
}

/* 优化滚动体验 */
@supports (-webkit-overflow-scrolling: touch) {
    section {
        -webkit-overflow-scrolling: touch;
    }
}

/* 动画效果 */
.animate-scale-in {
    animation: scaleIn 0.5s ease-in-out;
}

@keyframes scaleIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.pulse-animation {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Y9 brand fit overrides */
.y9-logo,
.section-logo {
  width: min(220px, 46vw) !important;
  max-width: 220px !important;
  max-height: 220px !important;
  height: auto !important;
  object-fit: contain !important;
}
.hero-content {
  max-width: 320px !important;
}
.footer-logo {
  max-width: 220px !important;
  max-height: 120px !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .y9-logo,
  .section-logo {
    width: min(150px, 38vw) !important;
    max-width: 150px !important;
    max-height: 150px !important;
  }
  .logo {
    height: 56px !important;
    max-width: 76px !important;
    object-fit: contain !important;
  }
  .header.mobile .nav-center {
    gap: .32rem !important;
  }
  .header.mobile .nav__link {
    font-size: .82rem !important;
    padding: 0 3px !important;
    white-space: nowrap !important;
  }
}

/* Y9 UI structure fixes */
.header { overflow: hidden !important; }
.header nav { max-width: 100% !important; }
.nav__link span { white-space: nowrap !important; word-break: keep-all !important; line-height: 1.15 !important; }
.hero-content { z-index: 20 !important; margin-top: 36px !important; }
.game-icon { z-index: 3 !important; opacity: .86 !important; }
.game-icon img { filter: none !important; }
.features { padding-top: 78px !important; }
.feature-card { background: rgba(2, 12, 30, .86) !important; }
@media (max-width: 900px) {
  .header { height: 66px !important; }
  .header nav { padding: 0 8px !important; gap: 6px !important; justify-content: flex-start !important; }
  .nav-left { flex: 0 0 auto !important; }
  .logo { height: 52px !important; width: 52px !important; max-width: 52px !important; border-radius: 14px !important; object-fit: contain !important; }
  .nav-center { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; justify-content: space-around !important; gap: 4px !important; }
  .header.mobile .nav__link, .nav__link { flex-direction: column !important; gap: 2px !important; padding: 0 2px !important; min-width: 42px !important; font-size: 12px !important; line-height: 1.05 !important; }
  .nav__link i { font-size: 16px !important; }
  .nav__link span { display: block !important; max-width: 3.8em !important; white-space: normal !important; word-break: keep-all !important; text-align: center !important; line-height: 1.1 !important; }
  .nav-right { display: none !important; }
  .hero { min-height: 100svh !important; padding: 86px 14px 92px !important; align-items: flex-start !important; }
  .hero-content { margin-top: 76px !important; gap: 14px !important; }
  .y9-logo { width: min(210px, 62vw) !important; max-width: 210px !important; max-height: 150px !important; }
  .start-game-btn { margin-top: 8px !important; }
  .game-icon { opacity: .72 !important; }
  .features { min-height: 100svh !important; padding: 92px 12px 92px !important; }
  .featurescontainer { gap: 16px !important; }
  .feature-card { min-height: 150px !important; padding: 16px 12px !important; }
  .mobile-nav, .powered-by { z-index: 1200 !important; }
}
@media (min-width: 901px) {
  .header.mobile .nav__link, .nav__link { flex-direction: row !important; }
  .nav__link span { max-width: none !important; }
  .hero { padding-top: 110px !important; }
}

/* Y9 SEO content blocks */
.seo-guide,.seo-faq{min-height:auto!important;height:auto!important;padding:88px clamp(18px,5vw,72px);background:linear-gradient(180deg,rgba(3,15,38,.95),rgba(1,8,24,.98));color:#fff}.seo-guide-container{max-width:1180px;margin:0 auto}.seo-guide h2,.seo-faq h2{font-size:clamp(28px,4vw,46px);color:#ffd94a;margin:0 0 22px;text-align:center}.seo-guide p,.seo-faq p{line-height:1.85;color:rgba(255,255,255,.86);font-size:16px}.seo-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.seo-columns article,.seo-faq details{border:1px solid rgba(255,217,74,.22);border-radius:18px;background:rgba(0,0,0,.28);padding:22px}.seo-columns h3{color:#fff;margin:0 0 10px}.seo-faq{display:grid;gap:14px}.seo-faq details{max-width:980px;width:100%;margin:0 auto}.seo-faq summary{cursor:pointer;color:#ffd94a;font-weight:800;font-size:18px}@media(max-width:800px){.seo-columns{grid-template-columns:1fr}.seo-guide,.seo-faq{padding:72px 16px 96px}.seo-guide p,.seo-faq p{font-size:15px}}

/* Y9 button/link interaction fixes */
.anchor-target{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}#games,#sports,#esports,#live,#slots,#chess,#lottery,#fishing,#seo-guide,#faq,#security{scroll-margin-top:90px}.nav__link.is-active,.btn--icon.is-active{color:#ffd700!important;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.image-link,.nav-link,.quick-links a,.start-game-btn{cursor:pointer}.image-link:active,.nav-link:active,.quick-links a:active,.start-game-btn:active{transform:scale(.98)}.carousel-item{scroll-margin-top:110px}.carousel-item:target .image-wrapper{outline:3px solid rgba(255,217,74,.75);outline-offset:6px;border-radius:18px}

/* Y9 SEO article readability */
.seo-article{margin-top:32px;padding:28px;border:1px solid rgba(255,215,0,.25);border-radius:22px;background:rgba(4,12,30,.72);line-height:1.9;color:#eef4ff}.seo-article h2{font-size:clamp(26px,4vw,40px);margin:0 0 18px;color:#fff}.seo-article h3{font-size:clamp(20px,3vw,28px);margin:26px 0 10px;color:#ffd84a}.seo-article p{font-size:clamp(16px,2.2vw,20px);margin:0 0 14px;color:rgba(255,255,255,.88)}@media(max-width:768px){.seo-article{padding:22px 18px;margin-top:24px;border-radius:18px}.seo-guide-container{padding-left:18px;padding-right:18px}}

/* Y9 performance mode */
.hero{background:radial-gradient(circle at center,rgba(0,144,255,.18) 0,rgba(4,13,31,.98) 48%,#020814 100%)!important}.hero::before{content:"";position:absolute;inset:10%;border:1px solid rgba(0,164,255,.28);border-radius:50%;opacity:.45;pointer-events:none}.hero-content{will-change:auto!important}.carousel-item,.image-wrapper,.game-image{will-change:auto!important}.carousel{scroll-behavior:smooth}

/* Y9 compact hero and lightweight starfield */
.hero{height:auto!important;min-height:clamp(520px,72svh,720px)!important;padding:92px 18px 54px!important;align-items:center!important;justify-content:center!important;isolation:isolate!important;overflow:hidden!important}.hero::before{inset:8% 14% 6%!important;opacity:.28!important}.hero-content{margin-top:0!important;gap:18px!important;transform:translateY(-8px);z-index:3!important}.hero .y9-logo{width:min(300px,58vw)!important;max-height:190px!important;object-fit:contain!important}.start-game-btn{margin-top:10px!important}.y9-starfield{--mx:50%;--my:38%;position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 18% 28%,rgba(255,255,255,.58) 0 1px,transparent 2px),radial-gradient(circle at 76% 22%,rgba(255,255,255,.52) 0 1px,transparent 2px),radial-gradient(circle at 62% 70%,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(circle at 28% 78%,rgba(255,255,255,.5) 0 1px,transparent 2px),radial-gradient(circle at center,rgba(0,156,255,.16),transparent 58%);filter:drop-shadow(0 0 8px rgba(130,205,255,.45));opacity:.85}.y9-starfield::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 42%,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(circle at 42% 18%,rgba(255,255,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 86% 58%,rgba(255,255,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 50% 86%,rgba(255,255,255,.38) 0 1px,transparent 2px);animation:y9StarsPulse 4.5s ease-in-out infinite alternate}.y9-starfield::after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(125,210,255,.28);border-radius:50%;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);opacity:.65}@keyframes y9StarsPulse{from{opacity:.45;transform:translateY(0)}to{opacity:.9;transform:translateY(-6px)}}@media(max-width:768px){.hero{min-height:clamp(470px,62svh,560px)!important;padding:88px 14px 38px!important}.hero::before{inset:9% 9% 7%!important}.hero-content{transform:translateY(-4px)!important}.hero .y9-logo{width:min(260px,60vw)!important;max-height:160px!important}.start-game-btn{min-width:210px!important;padding:14px 30px!important;font-size:24px!important}.y9-starfield::after{width:118px;height:118px}}@media(prefers-reduced-motion:reduce){.y9-starfield::before{animation:none}}

/* Y9 remove hero bottom blank */
.hero{min-height:clamp(390px,48svh,500px)!important;padding:86px 14px 22px!important}.hero::before{inset:8% 18% 8%!important;max-height:360px!important}.hero-content{transform:none!important;margin:0!important}.hero .y9-logo{width:min(260px,54vw)!important;max-height:145px!important}.start-game-btn{margin-top:6px!important}.y9-starfield::after{width:112px!important;height:112px!important}@media(max-width:768px){.hero{min-height:clamp(360px,45svh,470px)!important;padding:82px 12px 18px!important}.hero::before{inset:6% 8% 6%!important;max-height:340px!important}.hero .y9-logo{width:min(230px,56vw)!important;max-height:132px!important}.start-game-btn{min-width:205px!important;padding:13px 28px!important;font-size:23px!important}.y9-starfield{opacity:.72!important}}@media(max-width:420px){.hero{min-height:390px!important;padding-top:78px!important;padding-bottom:14px!important}.hero .y9-logo{width:210px!important;max-height:120px!important}.start-game-btn{font-size:22px!important}}


/* Y9 full-bleed hero carousel */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hero-cover-carousel{height:clamp(360px,52svh,520px)!important;min-height:0!important;padding:0!important;background:#050b18!important;display:flex!important;align-items:stretch!important;justify-content:center!important}.hero-cover-carousel::before,.hero-cover-carousel .y9-starfield{display:none!important}.hero-slider{position:absolute;inset:0;z-index:1;overflow:hidden}.hero-slide{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center;opacity:0;transform:scale(1.015);transition:opacity .45s ease,transform 1.8s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-cover-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,20,.16),rgba(2,8,20,.08) 42%,rgba(2,8,20,.38))}.hero-cta-only{position:absolute!important;left:0;right:0;bottom:22px!important;top:auto!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;transform:none!important}.hero-cta-only .start-game-btn{margin:0!important;background:rgba(2,10,24,.42)!important;backdrop-filter:blur(4px)}@media(max-width:768px){.hero-cover-carousel{height:clamp(300px,43svh,430px)!important}.hero-slide{object-position:center center}.hero-cta-only{bottom:16px!important}.hero-cta-only .start-game-btn{min-width:190px!important;padding:12px 26px!important;font-size:22px!important}}@media(max-width:420px){.hero-cover-carousel{height:330px!important}.hero-cta-only{bottom:12px!important}.hero-cta-only .start-game-btn{font-size:20px!important;min-width:178px!important}}

/* Y9 final responsive hero carousel fix */
body #app main > .hero.hero-cover-carousel{box-sizing:border-box!important;position:relative!important;width:100vw!important;max-width:100vw!important;height:auto!important;min-height:0!important;aspect-ratio:718/304!important;margin:80px 0 0 calc(50% - 50vw)!important;padding:0!important;display:block!important;overflow:hidden!important;background:#050b18!important}.hero-cover-carousel .hero-slider{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.hero-cover-carousel .hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;object-fit:cover!important;object-position:center center!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;opacity:0;transform:none!important;transition:opacity .35s ease!important}.hero-cover-carousel .hero-slide.is-active{opacity:1!important}.hero-cover-carousel .hero-cover-overlay{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16))!important;pointer-events:none!important}.hero-cover-carousel .hero-cta-only{position:absolute!important;left:0!important;right:0!important;bottom:clamp(10px,2.4vw,26px)!important;top:auto!important;z-index:4!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;transform:none!important}.hero-cover-carousel .start-game-btn{margin:0!important;min-width:clamp(160px,24vw,260px)!important;padding:clamp(9px,1.4vw,15px) clamp(20px,3vw,38px)!important;font-size:clamp(18px,2.4vw,30px)!important;line-height:1.15!important;background:rgba(2,10,24,.38)!important;backdrop-filter:blur(4px)!important}.hero-cover-carousel::before,.hero-cover-carousel .y9-starfield{display:none!important}@media(max-width:900px){body #app main > .hero.hero-cover-carousel{margin-top:66px!important;aspect-ratio:718/304!important}.hero-cover-carousel .hero-cta-only{bottom:8px!important}.hero-cover-carousel .start-game-btn{min-width:150px!important;font-size:18px!important;padding:8px 18px!important}}@media(max-width:420px){body #app main > .hero.hero-cover-carousel{margin-top:66px!important}.hero-cover-carousel .hero-cta-only{bottom:6px!important}.hero-cover-carousel .start-game-btn{min-width:136px!important;font-size:16px!important;padding:7px 16px!important}}

/* Y9 button below hero cover */
body #app main > .hero.hero-cover-carousel{display:flex!important;flex-direction:column!important;height:auto!important;aspect-ratio:auto!important;margin:80px 0 0 calc(50% - 50vw)!important;padding:0 0 clamp(14px,2vw,24px)!important;background:#050b18!important;overflow:visible!important}.hero-cover-carousel .hero-slider{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:718/304!important;overflow:hidden!important;flex:0 0 auto!important}.hero-cover-carousel .hero-cover-overlay{display:none!important}.hero-cover-carousel .hero-cta-only{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;z-index:4!important;width:100%!important;margin:clamp(10px,1.8vw,18px) 0 0!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;transform:none!important}.hero-cover-carousel .hero-cta-only .start-game-btn{position:relative!important;margin:0!important;background:rgba(2,10,24,.86)!important;backdrop-filter:none!important;box-shadow:0 0 0 2px rgba(255,217,74,.9),0 10px 28px rgba(0,0,0,.25)!important}@media(max-width:900px){body #app main > .hero.hero-cover-carousel{margin-top:66px!important;padding-bottom:14px!important}.hero-cover-carousel .hero-cta-only{margin-top:10px!important}}@media(max-width:420px){body #app main > .hero.hero-cover-carousel{padding-bottom:12px!important}.hero-cover-carousel .hero-cta-only{margin-top:8px!important}}

/* Y9 centered CTA below carousel */
body #app main > .hero.hero-cover-carousel > .hero-cta-only{box-sizing:border-box!important;position:relative!important;left:50%!important;right:auto!important;bottom:auto!important;top:auto!important;width:100vw!important;max-width:100vw!important;margin:clamp(10px,1.8vw,18px) 0 0!important;padding:0 12px!important;transform:translateX(-50%)!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}.hero-cover-carousel > .hero-cta-only > .start-game-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;margin-left:auto!important;margin-right:auto!important;min-width:clamp(150px,24vw,260px)!important;width:auto!important;max-width:calc(100vw - 32px)!important}@media(max-width:480px){body #app main > .hero.hero-cover-carousel > .hero-cta-only{padding:0 10px!important;margin-top:8px!important}.hero-cover-carousel > .hero-cta-only > .start-game-btn{min-width:150px!important;max-width:calc(100vw - 24px)!important}}

/* Y9 remove X decoration and compact band */
.band{height:auto!important;min-height:0!important;padding:clamp(36px,6vw,72px) clamp(16px,5vw,56px)!important;background:linear-gradient(180deg,#020814,#06142d)!important}.band-container{width:min(1180px,100%)!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(180px,.75fr) minmax(280px,1.25fr)!important;gap:clamp(18px,4vw,48px)!important;align-items:center!important;padding:0!important}.band-center,.x-text,.diagonal,.diagonal-left,.diagonal-right{display:none!important}.band-left{position:relative!important;z-index:2!important}.band-right{position:relative!important;z-index:2!important}.band-right p{max-width:760px!important;margin:0!important;line-height:1.75!important}@media(max-width:768px){.band{padding:34px 16px!important}.band-container{grid-template-columns:1fr!important;gap:18px!important;text-align:left!important}.band-left h2{font-size:clamp(24px,7vw,36px)!important}.band-right p{font-size:15px!important;line-height:1.75!important}}