*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{overflow-x: hidden;margin: 0;background: #0F1115;color: #FFFFFF;font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;font-size: 17px;line-height: 1.6;}a{color: #FFE600;}a:focus-visible, button:focus-visible{outline: 3px solid #FFE600;outline-offset: 3px;}header{position: relative;top: 0;z-index: 20;background: #0A0A0B;border-bottom: 2px solid #FFE600;}header nav{max-width: 1200px;margin: 0 auto;padding: 0 48px 0 16px;height: 64px;display: flex;align-items: center;gap: 16px;overflow-x: auto;white-space: nowrap;}header nav a{font-size: 18px;color: #FFFFFF;text-decoration: none;font-weight: 600;min-height: 44px;display: inline-flex;align-items: center;}header nav a:first-child{color: #FFE600;}.logo-link img{height: 48px;width: auto;display: block;}main{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 16px 0;}h1{font-size: 32px;line-height: 1.25;color: #FFFFFF;margin: 8px 0 16px;}h2{font-size: 24px;line-height: 1.3;color: #FFFFFF;margin: 40px 0 12px;padding: 4px 0 4px 12px;border-left: 4px solid #FFE600;}h3{font-size: 19px;line-height: 1.35;color: #FFFFFF;margin: 24px 0 8px;padding-left: 16px;position: relative;}h3::before{content: "";position: absolute;left: 0;top: 0.35em;width: 8px;height: 8px;background: #FFE600;border-radius: 2px;}p{margin: 0 0 16px;}ul, ol{margin: 0 0 16px;padding-left: 24px;}li{margin-bottom: 8px;}main > p:nth-of-type(2){background: #141417;border-left: 4px solid #FFE600;border-radius: 12px;padding: 16px;}a.download-button{display: block;width: 100%;min-height: 52px;background: #FFE600;color: #0B1220;font-weight: 800;font-size: 18px;text-align: center;text-decoration: none;border-radius: 12px;padding: 14px 16px;margin: 16px 0;}a.download-button:hover{background: #FFD94D;}table{width: 100%;border-collapse: collapse;margin: 16px 0 24px;background: #141417;border: 1px solid #2E2E33;border-radius: 12px;overflow: hidden;display: block;overflow-x: auto;}th, td{text-align: left;padding: 12px 14px;border-bottom: 1px solid #2E2E33;min-width: 140px;}th{color: #FFE600;font-weight: 700;}td:first-child{color: #B8B8BE;}main h2:last-of-type{margin-top: 48px;}footer{width: 100%;background: #0A0A0B;border-top: 2px solid #FFE600;padding: 16px 16px 0;text-align: center;color: #B8B8BE;font-size: 14px;line-height: 1.8;}footer a{display: inline-block;min-height: 44px;padding: 8px 12px;}.back-to-top{color: #FFE600;font-weight: 700;text-decoration: none;border: 1px solid #FFE600;border-radius: 12px;}@media (min-width: 640px){body{font-size: 18px;}main{padding: 0 24px 0;}h1{font-size: 38px;}h2{font-size: 26px;}a.download-button{width: auto;display: inline-block;min-width: 360px;}footer{display: flex;flex-wrap: wrap;gap: 24px;justify-content: center;}} .shot{margin: 16px 0 24px;position: relative;}.shot img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;display: block;border-radius: 12px;border: 1px solid #2E2E33;}.shot::after{content: "betaserverapk.com";position: absolute;right: 12px;bottom: 36px;color: #FFFFFF;background: rgba(0,0,0,0.55);font-size: 13px;font-weight: 700;padding: 4px 8px;border-radius: 6px;}.shot figcaption{color: #B8B8BE;font-size: 15px;margin-top: 8px;}.carousel-controls{display: flex;gap: 12px;margin: 8px 0;}.carousel-controls button{background: #141417;color: #FFE600;border: 1px solid #FFE600;border-radius: 12px;min-height: 44px;padding: 8px 16px;font-weight: 700;cursor: pointer;}.footer-inner{max-width: 1440px;width: 88%;margin: 0 auto;display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 32px;align-items: start;text-align: left;}.footer-logo img{height: 40px;width: auto;}.hero{width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);background-image: radial-gradient(#2E2E33 1px, transparent 1px);background-size: 24px 24px;padding: 24px 24px 48px;margin-top: 0;margin-bottom: 24px;}.hero-inner{display: grid;grid-template-columns: 1.25fr 0.75fr;gap: 32px;align-items: center;max-width: 1200px;margin: 0 auto;width: 100%;}.eyebrow{display: inline-block;color: #FFE600;border: 1px solid #FFE600;border-radius: 999px;padding: 6px 12px;font-size: 13px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin: 0 0 16px;}.hero h1{font-size: 44px;line-height: 1.1;margin-top: 0;}.hero-pills{list-style: none;padding: 0;margin: 16px 0;display: flex;flex-wrap: wrap;gap: 8px;}.hero-pills li{background: #141417;border: 1px solid #2E2E33;border-radius: 999px;padding: 6px 12px;font-size: 15px;margin: 0;}.hero-pills li.checked::before{content: "● ";color: #22C55E;}.hero-buttons{display: flex;flex-wrap: wrap;gap: 12px;align-items: center;margin-bottom: 24px;}.hero-buttons .download-button{width: auto;min-width: 220px;margin: 0;}.secondary-button{display: inline-block;min-height: 52px;background: #141417;color: #FFFFFF;border: 1px solid #2E2E33;border-radius: 12px;padding: 14px 16px;font-weight: 700;text-decoration: none;}.hero-links{color: #B8B8BE;font-size: 15px;margin-top: 8px;}.hero-images{position: relative;padding-bottom: 8px;display: block;}.hero-shot{position: relative;margin: 0;}.hero-shot img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;display: block;border-radius: 12px;border: 1px solid #2E2E33;}.hero-shot.main{width: 100%;margin-left: 0;transform: none;z-index: 3;position: relative;border-top: 4px solid #FFE600;border-radius: 12px;}.hero-shot.back{width: 90%;margin-left: auto;margin-right: 48px;margin-top: -100px;transform: rotate(2deg);position: relative;z-index: 2;border-top: 4px solid #EA7C22;border-radius: 12px;}.hero-shot.back:last-of-type{margin-left: 0;margin-top: -130px;transform: rotate(-2deg);position: relative;z-index: 1;border-top: 4px solid #FFE600;}.hero-shot figcaption{position: absolute;bottom: 12px;left: 12px;color: #FFFFFF;background: transparent;padding: 0;font-size: 15px;font-weight: 700;text-shadow: 0 1px 4px rgba(0,0,0,0.9);}.hero-shot::after{content: "betaserverapk.com";position: absolute;right: 12px;top: 12px;color: #FFFFFF;background: rgba(0,0,0,0.55);font-size: 12px;font-weight: 700;padding: 4px 8px;border-radius: 6px;}.hero-hint{color: #B8B8BE;font-size: 14px;text-align: center;}.gallery{margin: 40px 0;}.gallery h2{font-size: 32px;line-height: 1.2;border-top: none;margin-top: 0;}.gallery-track{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 20px;padding-bottom: 16px;}.gallery-track::-webkit-scrollbar{height: 8px;}.gallery-track::-webkit-scrollbar-thumb{background: #FFE600;border-radius: 999px;}.gallery-shot{position: relative;flex: 0 0 320px;scroll-snap-align: start;margin: 0;}.gallery-shot img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;display: block;border-radius: 12px;border: 1px solid #2E2E33;}.shot-num{position: absolute;top: 12px;left: 12px;color: #FFFFFF;font-size: 22px;font-weight: 800;text-shadow: 0 1px 4px rgba(0,0,0,0.8);z-index: 2;}.gallery-shot::after{content: "betaserverapk.com";position: absolute;right: 12px;bottom: 64px;color: #FFFFFF;background: rgba(0,0,0,0.55);font-size: 12px;font-weight: 700;padding: 4px 8px;border-radius: 6px;}.gallery-shot figcaption{color: #B8B8BE;font-size: 15px;margin-top: 10px;}.gallery-shot figcaption strong{color: #FFFFFF;}@media (max-width: 800px){.hero-inner{grid-template-columns: 1fr;}.hero{padding: 16px 16px 24px;}.hero h1{font-size: 32px;}.gallery h2{font-size: 26px;}.gallery-shot{flex-basis: 280px;}} .own-game-placeholder{width: 100%;aspect-ratio: 16 / 9;display: flex;align-items: center;justify-content: center;background: #141417;border: 1px dashed #FFE600;border-radius: 12px;color: #B8B8BE;font-size: 15px;text-align: center;padding: 16px;}.hero-shot .own-game-placeholder{aspect-ratio: 16 / 9;}.gallery-shot .own-game-placeholder{aspect-ratio: 16 / 9;}@media (max-width: 800px){.footer-inner{grid-template-columns: 1fr;text-align: center;}.footer-inner a{display: inline-block;}} .hero-shot.main img{transition: opacity 0.6s ease;}.logo-link{margin-right: auto;}table{display: block;overflow-x: auto;}td, th{overflow-wrap: anywhere;word-break: break-word;}@media (max-width: 480px){.hero h1{font-size: 28px;}.hero-shot.back{margin-top: -60px;}.hero-buttons .download-button{min-width: 100%;}} .hero-shot a, .gallery-shot a{display: block;cursor: pointer;}.hero-shot figcaption, .gallery-shot figcaption{pointer-events: none;}.hero-shot::after, .gallery-shot::after{pointer-events: none;}@media (min-width: 640px){.hero{margin-top: 0;}} .lightbox{display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.92);z-index: 100;align-items: center;justify-content: center;flex-direction: column;gap: 12px;padding: 16px;}.lightbox.open{display: flex;}.lightbox img{max-width: 96vw;max-height: 82vh;object-fit: contain;border-radius: 12px;border: 1px solid #2E2E33;}.lightbox figcaption{color: #FFFFFF;font-size: 16px;font-weight: 700;text-align: center;}.lightbox-close{position: absolute;top: 16px;right: 16px;background: #FFE600;color: #0B1220;border: none;border-radius: 12px;min-height: 44px;padding: 8px 16px;font-weight: 700;cursor: pointer;font-size: 20px;}.lightbox-nav{display: flex;gap: 12px;}.lightbox-nav button{background: #141417;color: #FFE600;border: 1px solid #FFE600;border-radius: 12px;min-height: 44px;padding: 8px 16px;font-weight: 700;cursor: pointer;}footer{text-align: left;padding-bottom: 0;}.footer-brand p{color: #B8B8BE;}.footer-brand a{color: #FFFFFF;}.footer-col h3{color: #FFE600;font-size: 15px;letter-spacing: 1px;text-transform: uppercase;margin: 0 0 12px;padding-left: 0;}.footer-col h3::before{content: none;}.footer-col ul{list-style: none;padding: 0;margin: 0;}.footer-col li{margin-bottom: 4px;}.footer-col a{color: #FFFFFF;text-decoration: none;padding: 4px 0;min-height: 0;}.footer-bottom{max-width: 1440px;width: 88%;margin: 16px auto 0;border-top: 1px solid #2E2E33;padding-top: 12px;}.footer-disclaimer{color: #FFFFFF;font-size: 16px;}.footer-copy{display: flex;flex-wrap: wrap;gap: 16px;justify-content: space-between;align-items: center;color: #B8B8BE;font-size: 16px;}.footer-copy .back-to-top{margin-left: auto;font-size: 16px;padding: 10px 16px;}#hero-rotator{transition: transform 0.6s ease, opacity 0.6s ease;}.related{margin: 40px -24px;padding: 0 24px;}.related-grid{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 20px;padding-bottom: 16px;scroll-behavior: smooth;}.related-grid::-webkit-scrollbar{height: 8px;}.related-grid::-webkit-scrollbar-thumb{background: #FFE600;border-radius: 999px;}.related-card{flex: 0 0 calc((100% - 40px) / 3);scroll-snap-align: start;background: #141417;border: 1px solid #2E2E33;border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;}.related-card .thumb{position: relative;}.related-card img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;display: block;}.related-card .thumb::after{content: "betaserverapk.com";position: absolute;right: 12px;bottom: 12px;color: #FFFFFF;background: rgba(0,0,0,0.55);font-size: 12px;font-weight: 700;padding: 4px 8px;border-radius: 6px;pointer-events: none;}.related-card h3{color: #FFFFFF;font-size: 19px;margin: 16px 16px 8px;padding-left: 0;}.related-card h3::before{content: none;}.related-card p{color: #B8B8BE;font-size: 15px;margin: 0 16px 16px;flex: 1;}.learn-more{display: inline-block;background: #FFE600;color: #0B1220;font-weight: 700;font-size: 15px;text-decoration: none;border-radius: 12px;min-height: 36px;padding: 6px 12px;margin: 0 16px 16px;align-self: flex-start;}@media (max-width: 800px){.related-card{flex: 0 0 calc((100% - 20px) / 2);}} @media (max-width: 560px){.related-card{flex: 0 0 85%;}} @media (max-width: 639px){.related{margin-left: -16px;margin-right: -16px;padding-left: 16px;padding-right: 16px;}} .related-card h3 a{color: #FFFFFF;text-decoration: none;} .blog-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin: 16px 0 24px;} .blog-grid .related-card{flex: none;} .blog-date{color: #B8B8BE;font-size: 14px;margin: 0 16px 16px;} @media (max-width: 800px){.blog-grid{grid-template-columns: 1fr;}} .hero-inner{align-items: center;} .hero-images{align-self: center;} .hero-shot.main img{max-height: 240px;} .hero-shot.back img{max-height: 200px;} .version-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap:20px;margin: 16px 0 24px;} .version-card{background: #141417;border: 1px solid #2E2E33;border-radius:16px;padding:24px;} .version-card h3{margin-top: 0;} .version-card .download-button{display: block;text-align: center;margin-top: 12px;} @media (max-width: 800px){.version-grid{grid-template-columns: 1fr 1fr;}} @media (max-width: 560px){.version-grid{grid-template-columns: 1fr;}} .download-button{border-radius: 999px;} .version-top{display: flex;justify-content: space-between;align-items: center;} .version-label{font-size: 22px;font-weight: 700;color: #FFFFFF;} .version-tag{font-size: 11px;text-transform: uppercase;border: 1px solid #FFE600;color: #FFE600;border-radius: 999px;padding: 4px 10px;} .version-tag.prev{border-color: #B8B8BE;color: #B8B8BE;} .hero-eyebrow{display: inline-block;border: 1px solid #FFE600;color: #FFE600;border-radius: 999px;padding: 6px 14px;font-size: 13px;text-transform: uppercase;} .hero-center{text-align: center;} .hero-stats{display: flex;justify-content: center;gap: 32px;text-align: center;margin: 16px 0;} .hero-stats b{display: block;color: #FFFFFF;} .hero-stats span{color: #B8B8BE;font-size: 13px;text-transform: uppercase;} .faq-card{background: #141417;border: 1px solid #2E2E33;border-radius: 12px;padding: 20px;margin-bottom: 16px;} footer{background: #000000;border-top: 2px solid #FFE600;}
.hero-old{background: radial-gradient(ellipse at top center, rgba(255,230,0,0.22), transparent 55%), linear-gradient(180deg, #141417, #0A0A0B);border-bottom: 2px solid #FFE600;padding: 16px 24px 16px;margin: 0 -24px 16px;text-align: center;}
.hero-old h1{font-size: 56px;line-height: 1.1;margin: 16px 0;}
.hero-old p{max-width: 800px;margin-left: auto;margin-right: auto;}
@media (max-width: 640px){.hero-old{padding: 16px 16px 16px;margin: 0 -16px 16px;}.hero-old h1{font-size: 32px;}}
.hero-yellow{color: #FFE600;}
.hero-old .download-button{font-size: 18px;padding: 14px 28px;box-shadow: 0 0 24px rgba(255,230,0,0.35);}
.hero-old .hero-stats{border-top: 1px solid #2E2E33;padding-top: 20px;margin-top: 24px;}
.old-gallery-shot{position: relative;flex: 0 0 320px;scroll-snap-align: start;margin: 0;}
.old-gallery-shot img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;display: block;border-radius: 12px;border: 1px solid #2E2E33;}
.old-gallery-shot figcaption{color: #B8B8BE;font-size: 15px;margin-top: 10px;text-align: center;}
/* Hero/header fix 2026-11-04: hero must start below header, never overlap it */
header{position: relative;z-index: 20;}
.hero{margin-top: 0;padding-top: 24px;position: relative;z-index: 1;}
/* Mobile optimization 2026-11-04 — both pages (Home + Old), desktop untouched */
@media (max-width: 560px){
header nav{height: 56px;gap: 12px;padding: 0 24px 0 12px;}
header nav a{font-size: 16px;}
.logo-link img{height: 40px;}
main{padding: 0 12px 0;}
.hero{padding: 16px 12px 24px;}
.hero-shot.back{width: 92%;margin-right: 0;margin-top: -60px;}
.hero-shot.back:last-of-type{margin-top: -70px;}
.gallery-shot,.old-gallery-shot{flex-basis: 280px;}
.hero-stats,.hero-old .hero-stats{flex-wrap: wrap;gap: 16px;}
.version-card{padding: 20px;}
th,td{padding: 10px 12px;min-width: 110px;}
.related{padding-left: 12px;padding-right: 12px;}
}
@media (max-width: 400px){
.gallery-shot,.old-gallery-shot{flex-basis: 85vw;}
.hero h1{font-size: 26px;}
.hero-old h1{font-size: 28px;}
}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:16px 0 24px;}
.feature-card{background:#141417;border:1px solid #2E2E33;border-radius:16px;padding:24px;}
.feature-card{transition:border-color .2s ease;}
.feature-card:hover{border-color:#FFE600;}
.feature-card h3{margin-top:0;}
.feature-card p{margin-bottom:0;color:#B8B8BE;}
@media (max-width:800px){.feature-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.feature-grid{grid-template-columns:1fr;}}