/* Base */
body {
 min-height:100vh;
 display:flex;
 flex-direction:column;
 align-items:center;
 font-family:'Montserrat',sans-serif;
 margin:0;
 padding:0;
 width:100%;
 overflow-x:hidden;
 color:#fff;
 background:#0f0f0f;
}
body::before {
 content:'';
 position:fixed;
 inset:0;
 z-index:-1;
 background-image:url('images/Background.webp');
 background-position:center;
 background-size:cover;
}
.page-wrapper {
 width:100%;
 max-width:500px;
 margin:0 auto;
 background:#0f0f0f;
 min-height:100vh;
 display:flex;
 flex-direction:column;
 align-items:center;
 box-shadow:0 0 40px rgba(0,0,0,0.3);
}
.header {
 padding-top:6px !important;
 padding-bottom:6px !important;
}
.header-content {
 width:100%;
 max-width:425px;
 margin:0 auto;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:0 1.5rem;
}
.logo {
 font-size:1.75rem;
 font-weight:900;
 color:#0a1a2f;
 text-decoration:none;
 text-transform:uppercase;
 letter-spacing:2px;
 text-shadow:0 2px 10px rgba(192,192,192,0.7);
 transition:all 0.3s ease;
}
.logo:hover {
 color:#1e2a47;
 text-shadow:0 4px 20px rgba(255,215,0,0.9);
}
.logo img {
 width:auto;
 display:block;
}
/* Ads */
#banner-ad.ads-box {
 width:100%;
 height:auto;
 box-shadow:0 2px 8px rgba(0,0,0,0.1);
 position:relative;
 margin:15px auto;
 border-radius:8px;
 overflow:hidden;
 padding:25px 0;
 justify-content:center;
 display:flex;
 padding-top:1px;
 margin-top:2px;
}
.ad-divider {
 width:90%;
 max-width:425px;
 height:1px;
 background:rgba(192,192,192,0.6);
 margin:0.5rem auto;
}
.adsbygoogle,.ads-slot,iframe[src*="ads"] {
 pointer-events:auto !important;
 z-index:9999 !important;
}
/* Verification */
.verification-container {
 width:100%;
 max-width:486px;
 margin:0 auto;
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:15px 15px 0 15px;
 box-sizing:border-box;
}
button.green-border-button {
 color:#00BE4F;
 font-weight:500;
 font-size:16px;
 line-height:100%;
 text-align:center;
 border:1px solid #00BE4F;
 padding:23px;
 border-radius:20px;
 margin:0 0 20px 0;
 background:transparent;
}
.game-info {
 width:100%;
 display:flex;
 flex-direction:column;
 align-items:center;
 padding:5px 0;
}
.game-title {
 color:#fff;
 text-align:center;
 margin:0;
 letter-spacing:1.5px;
 font-weight:600;
 font-size:30px;
 line-height:100%;
}
.game-description {
 text-align:center;
 color:#c6c9ce;
 line-height:1.7;
 font-size:1.1rem;
 margin:0;
 padding:0 1rem;
 font-weight:500;
}
.buttons-container-mobile {
 width:100%;
 display:flex;
 flex-direction:column;
 align-items:center;
 margin:10px 0 0 0;
}
.btn-verify {
 width:90%;
 padding:1.2rem;
 border-radius:15px;
 font-weight:700;
 border:none;
 font-size:1.15rem;
 transition:all 0.3s ease;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:12px;
 cursor:pointer;
 margin-bottom:1.5rem;
 color:#fff;
 box-shadow:0 8px 25px rgba(0,0,0,0.3);
 text-transform:uppercase;
 letter-spacing:1.5px;
 position:relative;
 overflow:hidden;
}
.btn-above-18 {
 background:#FFE62C;
 color:#000;
}
.btn-below-18 {
 border:1px solid #FFE62C;
 background:#edebeb00;
}
.btn-verify::before {
 content:'';
 position:absolute;
 top:50%;
 left:50%;
 width:0;
 height:0;
 background:rgba(255,255,255,0.3);
 border-radius:50%;
 transform:translate(-50%,-50%);
 transition:width 0.5s ease,height 0.5s ease;
}
.btn-verify:hover::before {
 width:300px;
 height:300px;
}
.head-para {
 font-weight:400;
 font-size:18px;
 line-height:26px;
 text-align:center;
 color:#a7a1a1;
}
.btn-above-18:hover {
 transform:translateY(-5px);
 background:linear-gradient(45deg,#388e3c,#81c784);
}
.btn-below-18:hover {
 transform:translateY(-5px);
 background:linear-gradient(45deg,#d32f2f,#f44336);
}
.btn-verify:active {
 transform:translateY(-2px);
}
/* Features */
.features-grid {
 width:100%;
 display:flex;
 flex-direction:column;
 gap:1rem;
 margin:1.5rem 0;
 padding:0 0.5rem;
 box-sizing:border-box;
}
.feature-item {
 background:#fff;
 padding:1rem;
 border-radius:15px;
 display:flex;
 align-items:center;
 gap:10px;
 color:#0a1a2f;
 font-size:0.95rem;
 font-weight:700;
 transition:all 0.3s ease;
 box-shadow:0 6px 20px rgba(0,0,0,0.1);
 border:2px solid rgba(192,192,192,0.4);
}
.feature-item:hover {
 transform:translateY(-5px);
 box-shadow:0 10px 30px rgba(192,192,192,0.5);
 border-color:rgba(255,215,0,0.6);
}
.feature-item i {
 font-size:1.4rem;
 width:40px;
 height:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
 background:linear-gradient(135deg,rgba(192,192,192,0.3),rgba(255,215,0,0.3));
 color:#0a1a2f;
 transition:all 0.3s ease;
 box-shadow:0 4px 15px rgba(0,0,0,0.1);
 flex-shrink:0;
}
.feature-item:hover i {
 transform:scale(1.1) rotate(10deg);
 background:linear-gradient(135deg,rgba(192,192,192,0.5),rgba(255,215,0,0.5));
 color:#ffd700;
}
.feature-item span {
 font-size:1rem;
 font-weight:700;
 color:#0a1a2f;
 transition:all 0.3s ease;
}
.feature-item:hover span {
 color:#1e2a47;
}
.feature-benefits {
 width:100%;
 list-style-type:none;
 padding:0 0.5rem;
 margin:1rem 0;
 font-size:0.9rem;
 color:#d3d6dd;
 font-weight:500;
}
.feature-benefits li {
 margin-bottom:0.75rem;
 display:flex;
 align-items:center;
 gap:8px;
}
.feature-benefits li::before {
 content:"\2714";
 color:#ffd700;
 font-size:1rem;
}
/* Content Warning */
.content-warning {
 width:100%;
 background:#e8ecef;
 border:2px solid rgba(255,215,0,0.4);
 border-radius:15px;
 padding:1.5rem;
 margin:1.5rem 0;
 box-shadow:0 6px 20px rgba(0,0,0,0.1);
}
.content-warning h3 {
 color:#0a1a2f;
 font-size:1.15rem;
 margin-bottom:1rem;
 display:flex;
 align-items:center;
 gap:10px;
 font-weight:700;
 text-transform:uppercase;
}
.content-warning ul {
 color:#1e2a47;
 margin:0;
 padding:0;
 list-style-type:none;
 font-size:1rem;
 font-weight:500;
}
.content-warning ul li {
 margin-bottom:0.75rem;
 display:flex;
 align-items:center;
 gap:10px;
 transition:transform 0.3s ease;
}
.content-warning ul li:hover {
 transform:translateX(5px);
}
/* Footer */
.footer-links {
 width:100%;
 text-align:center;
 padding:25px 0;
 border-top:2px solid rgb(243 193 0/68%);
 background:rgba(255,255,255,0.95);
 display:flex;
 justify-content:center;
 gap:10px;
 margin-top:32px;
}
.footer-links a {
 color:#0a1a2f;
 text-decoration:none;
 margin:0 15px;
 transition:all 0.3s ease;
 display:inline-flex;
 align-items:center;
 gap:6px;
}
.footer-links a:hover {
 color:#ffd700;
 transform:translateY(-3px);
}
.footer-links a i {
 font-size:1.1rem;
}
/* Score Section */
.score-section {
 background:#191919;
 border:1px solid #191919;
 border-radius:12px;
 max-width:470px;
 color:#fff;
 width:100%;
 text-align:center;
 padding:15px;
}
.score-section h2 {
 font-weight:700;
 font-size:20px;
 margin-bottom:20px;
}
.score-section .score {
 color:#FFE62C;
}
.win-box {
 display:flex;
 flex-direction:column;
 gap:12px;
}
.win-item {
 background:#1c1c1c;
 border:1px solid #FFE62C;
 border-radius:10px;
 padding:17px;
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 justify-content:space-between;
}
.win-left {
 display:flex;
 align-items:center;
 gap:10px;
}
.win-left span {
 font-weight:500;
 font-size:16px;
 text-align:center;
}
.win-right {
 font-weight:bold;
 font-size:14px;
 color:#FFE62C;
 white-space:nowrap;
}
.roblox {
 color:#FFE62C;
 margin-left:4px;
}
@media (max-width:500px) {
 .score-section{max-width:98vw;padding:12px}
 .score-section h2{font-size:17px;margin-bottom:14px}
 .win-item{padding:12px;font-size:15px}
 .win-left span{font-size:14px}
 .win-right{font-size:13px}
}
@media (max-width:400px) {
 .score-section{max-width:99vw;padding:8px}
 .score-section h2{font-size:15px;margin-bottom:10px}
 .win-item{padding:8px;font-size:13px;gap:6px}
 .win-left span{font-size:12px}
 .win-right{font-size:12px}
}
/* Tabs */
.tabs-container {
 width:100%;
 padding:15px;
}
.nav-tabs {
 display:flex;
 flex-wrap:nowrap;
 overflow-x:auto;
 border-bottom:none;
}
.nav-link {
 color:#0a1a2f;
 font-weight:700;
 text-transform:uppercase;
 padding:0.5rem 1rem;
 border-radius:10px;
 transition:all 0.3s ease;
 font-size:0.9rem;
 white-space:nowrap;
}
.nav-link:hover,
.nav-link.active {
 background:linear-gradient(45deg,#ffd700,#ffcc00);
 color:#0a1a2f;
 box-shadow:0 4px 15px rgba(255,215,0,0.5);
}
.tab-content {
 width:100%;
 padding:15px;
 display:none;
}
.tab-content.active {
 display:block;
}
.category-title {
 font-size:1.5rem;
 font-weight:900;
 color:#0a1a2f;
 text-align:center;
 margin-bottom:1rem;
 text-shadow:0 2px 10px rgba(192,192,192,0.6);
}
/* Game Cards */
.game-card {
 background:transparent;
 border-radius:15px;
 padding:0.5rem;
 text-align:center;
 transition:all 0.3s ease;
 box-shadow:0 6px 20px rgba(0,0,0,0.1);
 border:2px solid rgb(200 201 47/96%);
 text-decoration:none;
 color:#0a1a2f;
 display:flex;
 flex-direction:column;
 align-items:center;
}
.game-card:hover {
 transform:translateY(-5px);
 box-shadow:0 1px 3px 1px rgb(251 175 84/90%);
 border-color:rgb(255 0 0/60%);
}
.game-card img {
 width:100%;
 height:200px;
 border-radius:10px;
 margin-bottom:8px;
}
.game-card .game-title {
 font-size:1rem;
 font-weight:700;
 margin:0.5rem 0;
 text-transform:uppercase;
 color:#f3db23;
}
.game-card .play-win {
 display:flex;
 align-items:center;
 gap:8px;
 font-size:0.9rem;
 font-weight:600;
 color:#4a5568;
 margin-bottom:0.5rem;
}
.game-card .play-win i {
 color:#ffd700;
 font-size:1.2rem;
}
.game-card .play-win span {
 color:#eeff13;
 font-weight:700;
}
.game-card .start-game {
 background:linear-gradient(45deg,#ffd700,#ffcc00);
 color:#0a1a2f;
 border:none;
 border-radius:20px;
 padding:0.5rem 1rem;
 font-size:0.9rem;
 font-weight:700;
 text-transform:uppercase;
 margin-bottom:0.5rem;
 transition:all 0.3s ease;
 box-shadow:0 4px 15px rgba(255,215,0,0.3);
}
.game-card .start-game:hover {
 background:linear-gradient(45deg,#ffcc00,#ffd700);
 transform:translateY(-2px);
 box-shadow:0 6px 20px rgba(255,215,0,0.5);
}
.game-card .live-users {
 display:flex;
 align-items:center;
 gap:5px;
 font-size:0.8rem;
 font-weight:600;
 color:#2e7d32;
}
.game-card .live-users::before {
 content:'';
 width:10px;
 height:10px;
 background:#2e7d32;
 border-radius:50%;
 display:inline-block;
}
/* Promo Section */
.promo-section-x5y {
 background:linear-gradient(135deg,#23272f 0%,#2d3748 100%);
 color:#f3f4f6;
 padding:30px 20px;
 margin:30px auto;
 max-width:900px;
 font-family:'Segoe UI','Montserrat',sans-serif;
 line-height:1.6;
 border:1px solid #2d3748;
 border-radius:16px;
 box-shadow:0 0 25px 0 rgba(0,0,0,0.45),0 0 0 4px #2d3748 inset;
 position:relative;
 overflow:hidden;
 text-align:left;
}
.promo-section-x5y::before {
 content:'';
 position:absolute;
 top:-60px;
 left:-60px;
 width:180px;
 height:180px;
 background:radial-gradient(circle,#4fd1c5 0%,transparent 70%);
 opacity:0.13;
 z-index:0;
}
.promo-section-x5y::after {
 content:'';
 position:absolute;
 bottom:-60px;
 right:-60px;
 width:180px;
 height:180px;
 background:radial-gradient(circle,#63b3ed 0%,transparent 70%);
 opacity:0.12;
 z-index:0;
}
.promo-title {
 color:#4fd1c5;
 background:linear-gradient(90deg,#4fd1c5 30%,#63b3ed 70%);
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 font-size:28px;
 font-weight:900;
 margin-bottom:22px;
 text-align:center;
 letter-spacing:1px;
 z-index:1;
 position:relative;
}
ol.promo-steps {
 padding:0;
}
ul.promo-benefits {
 padding:0;
 list-style:none;
}
.promo-text {
 font-size:17px;
 margin-bottom:18px;
 color:#e2e8f0;
 background:linear-gradient(90deg,#2d3748 0%,#23272f 100%);
 padding:10px 14px;
 border-radius:8px;
 z-index:1;
 position:relative;
}
.highlight {
 color:#63b3ed;
 font-weight:700;
 background:linear-gradient(90deg,#4fd1c5 0%,#63b3ed 100%);
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}
.promo-points p {
 background:linear-gradient(90deg,#2d3748 0%,#23272f 100%);
 border-left:5px solid #4fd1c5;
 border-right:5px solid #63b3ed;
 padding:14px 12px;
 margin:12px 0;
 border-radius:6px;
 color:#4fd1c5;
 font-weight:600;
 box-shadow:0 2px 12px 0 rgba(79,209,197,0.08);
 z-index:1;
 position:relative;
}
.promo-subtitle {
 font-size:22px;
 color:#63b3ed;
 background:linear-gradient(90deg,#4fd1c5 0%,#63b3ed 100%);
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 margin:22px 0 12px;
 font-weight:800;
 z-index:1;
 position:relative;
}
.promo-steps li,
.promo-benefits li {
 margin-bottom:12px;
 color:#e2e8f0;
 list-style-position:inside;
 background:linear-gradient(90deg,#2d3748 0%,#23272f 100%);
 border-radius:5px;
 padding:8px 12px;
 font-size:16px;
 box-shadow:0 1px 6px 0 rgba(79,209,197,0.07);
 z-index:1;
 position:relative;
}
.promo-steps li:nth-child(odd),
.promo-benefits li:nth-child(odd) {
 background:linear-gradient(90deg,#c1c4c9 0%,#4fd1c5 100%);
 color:#23272f;
}
.promo-steps li:nth-child(even),
.promo-benefits li:nth-child(even) {
 background:linear-gradient(90deg,#f3f6fa 0%,#63b3ed 100%);
 color:#23272f;
}
.promo-cta {
 background:linear-gradient(90deg,#4fd1c5 0%,#63b3ed 100%);
 padding:16px 20px;
 border-radius:10px;
 color:#23272f;
 font-weight:bold;
 margin:24px 0;
 text-align:center;
 font-size:18px;
 letter-spacing:1px;
 box-shadow:0 2px 12px 0 rgba(79,209,197,0.13);
 z-index:1;
 position:relative;
 transition:background 0.3s;
}
.promo-cta:hover {
 background:linear-gradient(90deg,#63b3ed 0%,#4fd1c5 100%);
 color:#fff;
}
.promo-tags {
 font-size:15px;
 color:#e2e8f0;
 margin-top:28px;
 word-wrap:break-word;
 background:linear-gradient(90deg,#2d3748 0%,#23272f 100%);
 padding:8px 12px;
 border-radius:6px;
 z-index:1;
 position:relative;
}
/* Popup */
.close-btn-wrp {
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding-bottom:10px;
}
#close-popup {
 pointer-events:all;
 width:30px;
 height:30px;
 border-radius:8px;
 background:#f44336;
 color:#fff;
 font-size:17px;
 cursor:pointer;
 border:1px dotted #fff;
 display:flex;
 justify-content:center;
 align-items:center;
 transition:transform 0.3s ease,background-color 0.3s ease;
}
#close-popup:hover {
 transform:scale(1.1);
 background-color:#d32f2f;
}
#ads-txt-pop-up {
 pointer-events:all;
 font-size:14px;
 font-weight:600;
 background:transparent;
 color:#fff;
}
#popup-blur {
 filter:blur(0);
 transition:filter 0.3s ease;
}
body.popup-active #popup-blur {
 filter:blur(5px);
}
#popup-container {
 position:fixed;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 z-index:9999;
 display:flex;
 justify-content:center;
 align-items:center;
 max-width:600px;
 width:100%;
 height:auto;
 padding:20px;
}
#popup-content {
 position:relative;
 border:1px solid #fbe2e24a;
 padding:20px 15px;
 border-radius:12px;
 width:100%;
 text-align:center;
 color:#fff;
 margin:0 10px;
 overflow:auto;
 padding-top:3px;
}
/* 600px */
@media (max-width:600px) {
 .promo-title{font-size:22px}
 .promo-subtitle{font-size:18px}
 .promo-text,.promo-steps li,.promo-benefits li{font-size:15px}
 .promo-section-x5y{padding:18px 5px}
}
/* Desktop */
@media (min-width:768px) {
 .features-grid{display:grid;grid-template-columns:repeat(2,1fr)}
}
/* 480px */
@media (max-width:480px) {
 #close-popup{width:26px;height:26px;font-size:15px}
 #ads-txt-pop-up{font-size:13px}
 .page-wrapper,.header-content,.verification-container,.game-info,.ad-divider{max-width:100%;padding:0 10px}
 #banner-ad.ads-box{width:100%;height:auto;padding:15px 0}
 .game-title{font-size:22px;letter-spacing:1px}
 .game-description{font-size:1rem;padding:0 10px}
 .btn-verify,button.green-border-button{padding:14px;font-size:1rem}
 .logo{font-size:1.25rem}
 .features-grid,.tab-content,.tabs-container{padding:0.5rem}
 .features-grid{gap:0.75rem}
 .feature-item{padding:0.75rem;font-size:0.85rem;flex-wrap:wrap}
 .feature-item i{width:36px;height:36px;font-size:1.2rem}
 .feature-item span{font-size:0.95rem}
 .head-para{font-size:16px;line-height:24px;padding:0 10px}
 .btn-verify,.btn-above-18,.btn-below-18{font-size:0.95rem;padding:14px}
 .feature-benefits{font-size:0.85rem;padding:0 1rem}
 .content-warning{padding:1rem;margin:1rem 0}
 .content-warning h3{font-size:1rem}
 .content-warning ul li{font-size:0.95rem}
 .footer-links{flex-wrap:wrap;gap:8px;padding:20px 10px}
 .footer-links a{margin:0 10px;font-size:0.95rem}
 .game-card{padding:0.5rem}
 .game-card img{height:100px}
 .promo-section-x5y{padding:20px 15px;margin:20px 10px}
 .promo-title{font-size:22px}
 .promo-subtitle{font-size:18px}
 .promo-text{font-size:15px}
 .promo-points p,.promo-steps li,.promo-benefits li{font-size:14px;padding:8px}
 .promo-cta{font-size:16px;padding:12px}
 .nav-link{font-size:0.8rem;padding:0.4rem 0.75rem}
 .game-card .game-title{font-size:0.9rem}
 .game-card .start-game{font-size:0.85rem;padding:0.4rem 0.8rem}
}
/* 420px */
@media (max-width:420px) {
 .game-title{font-size:20px}
 .game-description{font-size:0.95rem}
 .btn-verify{font-size:0.95rem}
 .logo{font-size:1.1rem}
 .feature-item{font-size:0.8rem;gap:8px}
 .feature-item i{width:32px;height:32px;font-size:1.1rem}
 .btn-verify,.btn-above-18,.btn-below-18{font-size:0.9rem;padding:12px}
 .head-para{font-size:15px}
 .feature-item span,.promo-tags,.promo-text,.promo-title{font-size:90%}
 .promo-section-x5y{padding:18px 12px}
 .game-card img{height:90px}
 .game-card .game-title{font-size:0.85rem}
 .nav-link{font-size:0.75rem}
}
/* 400px */
@media (max-width:400px) {
 #close-popup{width:24px;height:24px;font-size:13px;border-radius:6px}
 #ads-txt-pop-up{font-size:12px}
}
/* 380px */
@media (max-width:380px) {
 .btn-verify,button.green-border-button{font-size:0.9rem;padding:12px}
 .game-title{font-size:18px}
 .game-description{font-size:0.9rem}
 .btn-verify,.btn-above-18,.btn-below-18{font-size:0.85rem;padding:11px}
 .feature-item{padding:0.75rem;font-size:0.75rem;gap:6px}
 .feature-item span{font-size:0.9rem}
 .content-warning ul li{font-size:0.9rem}
 .promo-title{font-size:20px}
 .promo-text{font-size:14px}
 .game-card .start-game{font-size:0.8rem;padding:0.4rem 0.75rem}
 .game-card img{height:80px}
 .nav-link{font-size:0.7rem;padding:0.35rem 0.6rem}
 .promo-section-x5y{padding:16px 10px}
}
/* 350px */
@media (max-width:350px) {
 .game-title{font-size:17px}
 .game-description{font-size:0.85rem}
 .logo{font-size:1rem}
 .btn-verify,.btn-above-18,.btn-below-18{font-size:0.8rem;padding:10px}
 .head-para{font-size:14px;line-height:22px}
 .footer-links{flex-direction:column;gap:6px}
 .footer-links a{font-size:0.85rem}
 .feature-item{font-size:0.8rem;padding:0.5rem}
 .game-card .game-title,.game-card .play-win,.game-card .live-users{font-size:0.75rem}
 .promo-subtitle{font-size:16px}
 .promo-cta{font-size:15px}
 .promo-section-x5y{padding:14px 8px}
 .game-card img{height:70px}
}
/* 300px */
@media (max-width:300px) {
 .game-title{font-size:16px}
 .game-description{font-size:0.8rem}
 .btn-verify{font-size:0.8rem;padding:8px}
 .logo{font-size:0.95rem}
 .feature-item{padding:0.65rem;font-size:0.7rem}
 .feature-item i{width:28px;height:28px;font-size:1rem}
 .btn-verify,.btn-above-18,.btn-below-18{font-size:0.75rem;padding:9px}
 .head-para{font-size:13px;line-height:20px}
 .content-warning{padding:0.8rem}
 .content-warning h3{font-size:0.95rem}
 .tabs-container,.tab-content{padding:0.25rem}
 .nav-link{font-size:0.65rem;padding:0.3rem 0.5rem}
 .promo-title{font-size:18px}
 .promo-text,.promo-points p,.promo-steps li,.promo-benefits li{font-size:13px;padding:6px}
 .game-card img{height:60px}
 .game-card .start-game{font-size:0.75rem;padding:0.35rem 0.6rem}
 .game-card .game-title{font-size:0.75rem}
 .promo-section-x5y{padding:12px 6px}
}
/* 768px */
@media (max-width:768px) {
 body #popup-container{padding:0}
 .close-btn-wrp{padding-top:10px;padding-bottom:10px}
 #popup-content{position:relative;border:1px solid #fbe2e24a;padding:20px 15px;border-radius:12px;width:97% !important;text-align:center;color:#fff;overflow:auto;padding-top:3px;height:auto !important;margin:2px !important}
 #banner-ad{max-width:100%}
}