*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#FFFFFF;
  --card:#13132A;
  --card2:#1A1A35;
  --line:#24244A;
  --yellow:#FFD600;
  --yellow2:#FFC400;
  --yellow-dark:#C9A000;
  --text:#F2F3F8;
  --muted:#98A0BA;
  --ok:#2ECC71;
}
body{font-family:Inter,system-ui,sans-serif;background:#0A0A14;color:#F2F3F8;overflow-x:hidden;position:relative}
.bg-particles{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}
.particle{position:absolute;background:linear-gradient(135deg,#FFF8DC 0%,#FFD700 35%,#B8860B 100%);clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);opacity:0.72;border:1px solid rgba(255,255,255,0.85);filter:drop-shadow(0 0 8px rgba(255,215,0,0.85)) drop-shadow(0 0 14px rgba(255,255,255,0.35));animation:drift linear infinite}
@keyframes drift{from{transform:translateY(110vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:0.45}90%{opacity:0.35}to{transform:translateY(-10vh) translateX(var(--drift,30px)) rotate(180deg);opacity:0}}
@keyframes drift-down{from{transform:translateY(-10vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:0.45}90%{opacity:0.35}to{transform:translateY(110vh) translateX(var(--drift,30px)) rotate(-180deg);opacity:0}}
@keyframes drift-left{from{transform:translateX(110vw) translateY(0) rotate(0deg);opacity:0}10%{opacity:0.4}90%{opacity:0.3}to{transform:translateX(-10vw) translateY(var(--driftY,20px)) rotate(270deg);opacity:0}}
@keyframes drift-right{from{transform:translateX(-10vw) translateY(0) rotate(0deg);opacity:0}10%{opacity:0.4}90%{opacity:0.3}to{transform:translateX(110vw) translateY(var(--driftY,20px)) rotate(-270deg);opacity:0}}
@keyframes drift-diag{from{transform:translate(-10vw,110vh) rotate(0deg);opacity:0}10%{opacity:0.5}90%{opacity:0.3}to{transform:translate(110vw,-10vh) rotate(360deg);opacity:0}}
@keyframes drift-spiral{from{transform:translateY(110vh) translateX(0) rotate(0deg) scale(1);opacity:0}15%{opacity:0.55}50%{transform:translateY(50vh) translateX(var(--drift,40px)) rotate(180deg) scale(1.2)}85%{opacity:0.35}to{transform:translateY(-10vh) translateX(calc(var(--drift,40px)*-1)) rotate(360deg) scale(0.8);opacity:0}}
@keyframes pulse-glow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,215,0,0.85)) drop-shadow(0 0 14px rgba(255,255,255,0.35))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,1)) drop-shadow(0 0 28px rgba(255,255,255,0.6))}}
.particle.glow{animation:drift linear infinite, pulse-glow 2s ease-in-out infinite}
.particle.circle{clip-path:circle(50% at 50% 50%);border-radius:50%}
.particle.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.particle.square{clip-path:polygon(15% 15%,85% 15%,85% 85%,15% 85%)}
.particle.diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.particle.cross{clip-path:polygon(35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%)}
a{text-decoration:none;color:inherit}
.container{max-width:1280px;margin:0 auto;padding:0 24px}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:#1F1F1F;backdrop-filter:blur(10px);border-bottom:2px solid #0A0A14;box-shadow:0 4px 12px rgba(0,0,0,0.25);z-index:60}
.nav-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}
.logo{display:flex;align-items:center;gap:12px}
.logo-icon{width:44px;height:44px;background:var(--yellow);color:#000;display:grid;place-items:center;font-weight:900;font-size:22px;border-radius:10px;box-shadow:0 0 16px rgba(14,165,233,0.55);border:2px solid #000}
.logo-main{font-weight:900;letter-spacing:0.06em;font-size:18px}
.logo-main em{color:var(--yellow);font-style:normal;-webkit-text-stroke:1px var(--yellow);text-shadow:0 0 10px rgba(14,165,233,0.6)}
.logo-sub{display:block;font-size:9px;letter-spacing:0.18em;color:var(--muted);font-weight:600}
.nav-links{margin-left:18px;display:flex;gap:18px}
.nav-link{font-size:12px;letter-spacing:0.12em;font-weight:700;color:#98A0BA;padding:8px 10px;border-bottom:2px solid transparent}
.nav-link.active,.nav-link:hover{color:var(--yellow);border-color:var(--yellow)}
.nav-actions{margin-left:auto;display:flex;gap:10px}
.btn-ghost{padding:10px 16px;border:1px solid #33335A;border-radius:10px;font-weight:700;font-size:12px;letter-spacing:0.08em}
.btn-yellow{background:var(--yellow);color:#0A0A14;padding:11px 18px;border-radius:10px;font-weight:900;letter-spacing:0.06em;font-size:12px;box-shadow:0 0 18px rgba(14,165,233,0.5), inset 0 -2px 0 rgba(0,0,0,0.2);border:2px solid var(--yellow);transition:.2s}
.btn-yellow:hover{transform:translateY(-1px);box-shadow:0 0 26px rgba(14,165,233,0.7)}
.btn-outline{border:2px solid var(--yellow);color:var(--yellow);padding:11px 18px;border-radius:10px;font-weight:800;font-size:12px}
.burger{display:none;background:none;border:none;color:#fff;font-size:22px}

/* yellow stroke utility */
.yellow-stroke{border:2px solid #FFD600 !important;box-shadow:0 0 0 1px rgba(255,214,0,0.15),0 0 22px rgba(255,214,0,0.28) !important}
.yellow{color:var(--yellow)}
.underline{text-decoration:underline}

/* HERO */
.hero,.section,.footer,.features{position:relative;z-index:1}
.hero{position:relative;padding:34px 0 28px;overflow:hidden;background:transparent}
.hero-bg{position:absolute;inset:0;background:radial-gradient(600px 400px at 70% 10%, rgba(255,214,0,0.08), transparent 60%), radial-gradient(800px 600px at 10% 80%, rgba(255,214,0,0.06), transparent), linear-gradient(180deg, #2E2E2E 0%, #1A1A1A 100%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr 0.85fr;gap:26px;align-items:start}
.badge-yellow{display:inline-flex;backdrop-filter:blur(6px);align-items:center;gap:8px;background:rgba(14,165,233,0.12);border:1px solid var(--yellow);color:var(--yellow);padding:6px 12px;border-radius:999px;font-size:11px;letter-spacing:0.14em;font-weight:800}
.dot{width:8px;height:8px;background:var(--yellow);border-radius:50%;box-shadow:0 0 10px var(--yellow);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.hero-title{margin-top:16px;font-size:54px;color:#F2F3F8;line-height:0.92;font-weight:900;letter-spacing:-0.03em}
.stroke-yellow{color:transparent;-webkit-text-stroke:2px #FFD600;text-shadow:0 0 22px rgba(255,214,0,0.55);filter:drop-shadow(0 0 8px rgba(255,214,0,0.3))}
.hero-desc{margin-top:14px;color:#CBD5E1;line-height:1.6;font-size:14px;max-width:520px}
.hero-desc span{color:var(--yellow);font-weight:700}
.hero-cta{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.btn-lg{padding:15px 22px;font-size:13px}
.hero-stats{margin-top:22px;display:flex;align-items:center;gap:18px;background:var(--card);border:2px solid var(--yellow);border-radius:14px;padding:14px 18px;box-shadow:0 0 18px rgba(14,165,233,0.22)}
.hero-stats b{font-size:20px;display:block}
.hero-stats span{font-size:10px;letter-spacing:0.14em;color:var(--muted);font-weight:700}
.sep{width:1px;height:36px;background:#2A2A4A}
.hero-right{display:grid;gap:14px}
.featured-card{background:var(--card);border-radius:16px;overflow:hidden;position:relative}
.featured-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(0.95) contrast(1.05)}
.featured-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;z-index:2}
.pill-yellow{background:var(--yellow);color:#000;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:0.06em}
.pill-dark{background:rgba(0,0,0,0.65);backdrop-filter:blur(6px);border:1px solid rgba(14,165,233,0.5);color:var(--yellow);padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800}
.featured-info{padding:16px 16px 14px;background:var(--card)}
.featured-info h3{font-size:18px;font-weight:900;letter-spacing:0.06em}
.featured-info p{color:var(--muted);font-size:12px;margin-top:4px}
.featured-actions{margin-top:12px;display:flex;align-items:center;justify-content:space-between}
.price b{color:var(--yellow)}
.btn-sm{padding:9px 14px;font-size:12px}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mini-card{position:relative;height:148px;border-radius:14px;overflow:hidden;background:var(--card)}
.mini-card img{width:100%;height:100%;object-fit:cover}
.mini-overlay{position:absolute;inset:auto 0 0 0;padding:10px 12px;background:linear-gradient(180deg, transparent, rgba(0,0,0,0.82));}
.mini-overlay span{font-weight:900;font-size:12px;letter-spacing:0.06em;display:block}
.mini-overlay em{font-style:normal;font-size:10px;color:var(--yellow);font-weight:700;letter-spacing:0.08em}
.cs2-card{background:linear-gradient(135deg, #1a1a2e 0%, #2a2a4e 45%, #1a1a2e 100%);display:flex;align-items:center;justify-content:center}
.cs2-bg{font-size:56px;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--yellow);opacity:0.95;text-shadow:0 0 18px rgba(14,165,233,0.5)}
.cs2-tile{background:radial-gradient(400px 200px at 50% 30%, rgba(14,165,233,0.18), transparent 70%), linear-gradient(135deg, #0E0E1E, #1E1E3A)}
.cs2-tile-bg{font-size:64px;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--yellow);opacity:0.9;position:absolute;inset:0;display:grid;place-items:center;text-shadow:0 0 22px rgba(255,214,0,0.45)}

/* SECTION */
.section{padding:36px 0;background:rgba(10,10,20,0.18)}
.section.dark{background:rgba(18,18,28,0.72);border-top:1px solid #2E2E2E;border-bottom:1px solid #2E2E2E}
.section-head h2{font-size:22px;letter-spacing:0.08em;font-weight:900}
.section-head p{color:var(--muted);margin-top:8px;font-size:13px;max-width:720px;line-height:1.6}
.filter-row,.tabs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.filter,.tab{background:#1A1A33;border:1px solid #2A2A4E;color:var(--muted);padding:8px 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:0.08em;cursor:pointer}
.filter.active,.tab.active{background:var(--yellow);color:#000;border-color:var(--yellow);box-shadow:0 0 14px rgba(14,165,233,0.45)}

/* GAMES GRID */
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.game-card{position:relative;height:160px;border-radius:16px;overflow:hidden;background:rgba(19,19,42,0.96);isolation:isolate;border:1px solid rgba(255,255,255,0.06);box-shadow:0 4px 20px rgba(0,0,0,0.22);transition:transform .2s, box-shadow .2s}
.game-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}
.game-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,0.32),0 0 0 1px rgba(255,214,0,0.12)} .game-card:hover img{transform:scale(1.03)}
.game-pill{position:absolute;left:12px;bottom:12px;background:rgba(10,10,20,0.88);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.14);color:#fff;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:0.08em;z-index:2}
.game-title{position:absolute;right:12px;top:50%;transform:translateY(-50%);text-align:right;z-index:2;pointer-events:none}
.game-card{color:#F2F3F8} .game-title h3{font-size:18px;line-height:1;letter-spacing:0.04em;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,0.8)}
.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.08) 45%, rgba(10,10,20,0.28) 100%)}
.logo-mask{position:absolute;top:8px;right:8px;z-index:5;background:#0A0A14;border:1px solid rgba(14,165,233,0.6);color:var(--yellow);font-size:8px;font-weight:900;letter-spacing:0.09em;padding:5px 8px;border-radius:999px;box-shadow:0 0 10px rgba(14,165,233,0.25)}
.status-badge{position:absolute;top:10px;right:10px;z-index:2;font-size:10px;backdrop-filter:blur(8px);font-weight:900;letter-spacing:0.08em;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,0.6);border:1px solid rgba(14,165,233,0.6);color:var(--yellow)}
.soon-card{filter:grayscale(0.2)}
.soon-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(7,7,18,0.62);backdrop-filter:blur(1px);z-index:3;text-align:center}
.soon-overlay span{font-size:28px;font-weight:900;letter-spacing:0.16em;color:var(--yellow);-webkit-text-stroke:1px var(--yellow);text-shadow:0 0 16px rgba(14,165,233,0.7)}
.soon-overlay em{display:block;font-style:normal;font-size:10px;letter-spacing:0.24em;color:#fff;opacity:0.9}
.available-card img{filter:brightness(1.05)}

/* info */
.info-grid{display:grid;grid-template-columns:1.6fr 0.9fr;gap:14px;margin-top:14px}
.info-card{background:var(--card);border-radius:12px;padding:18px;color:var(--muted);font-size:13px;line-height:1.7}
.info-card b{color:#fff}
.stats-panel{background:var(--card);border-radius:12px;padding:14px;display:grid;gap:10px}
.stat-row{display:flex;align-items:center;justify-content:space-between;background:#0A0A14;border:1px solid #1E1E3A;border-radius:10px;padding:12px 14px}
.stat-row span{font-size:10px;letter-spacing:0.14em;color:var(--muted);font-weight:700;display:block}
.stat-row b{font-size:16px}
.stat-row i{font-style:normal;background:rgba(14,165,233,0.12);border:1px solid rgba(14,165,233,0.35);padding:8px;border-radius:8px}
.avatar-j{background:var(--yellow);color:#000;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;font-weight:900;border:1px solid #000;box-shadow:0 0 12px rgba(14,165,233,0.5)}

/* status list */
.status-list{background:var(--card);border-radius:14px;overflow:hidden;padding:0}
.status-group h4{font-size:12px;letter-spacing:0.14em;color:var(--yellow);padding:16px 18px 8px;border-bottom:1px solid #1E1E3A;background:rgba(14,165,233,0.04)}
.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px dashed #23234A}
.status-row:last-child{border-bottom:none}
.s-left b{font-size:13px}
.s-left span{font-size:11px;color:var(--muted);display:block;margin-top:2px}
.s-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.sup{font-size:10px;color:var(--muted);text-align:right;line-height:1.2}
.sup b{color:#fff;font-size:11px}
.badge{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:0.08em;border:1px solid}
.ok-badge{background:rgba(46,204,113,0.14);color:#2ECC71;border-color:rgba(46,204,113,0.35)}
.soon-badge{background:rgba(255,255,255,0.08);color:var(--muted);border-color:#2A2A4E}
.btn-disabled{background:#24243E;color:var(--muted);padding:9px 14px;border-radius:9px;font-weight:800;font-size:11px;border:1px solid #2A2A4E}
.soon-group{opacity:0.9}
.disabled{opacity:0.7}

/* features */
.features{padding:36px 0;background:rgba(7,7,12,0.72)}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feat{background:rgba(19,19,42,0.92);border-radius:16px;padding:20px;display:flex;gap:16px;border:1px solid rgba(255,255,255,0.05);box-shadow:0 4px 16px rgba(0,0,0,0.12)}
.feat-icon{width:64px;height:64px;flex-shrink:0;border:2px solid var(--yellow);border-radius:12px;display:grid;place-items:center;font-size:28px;background:#0A0A14;box-shadow:0 0 16px rgba(14,165,233,0.25)}
.feat-body span{font-size:11px;letter-spacing:0.22em;color:var(--muted);font-weight:700}
.feat-body h3{font-size:22px;font-weight:900;letter-spacing:0.04em;margin-top:2px}
.line{width:70px;height:3px;background:linear-gradient(90deg, var(--yellow), transparent);margin:10px 0 12px;border-radius:999px}
.feat-body p{color:#C9CFE2;font-size:13px;line-height:1.7}
.big-num{margin-top:14px;font-size:34px;font-weight:900;letter-spacing:-0.02em}
.big-num em{font-style:normal;display:block;font-size:12px;color:var(--muted);letter-spacing:0.08em;font-weight:600}
.bottom-cta{margin-top:14px;background:var(--card);border-radius:14px;padding:20px;display:flex;align-items:center;gap:18px}
.ninja{font-size:40px;width:64px;height:64px;display:grid;place-items:center;background:#0A0A14;border-radius:12px;border:2px solid var(--yellow);box-shadow:0 0 16px rgba(14,165,233,0.2)}
.bottom-cta h3{font-weight:900;letter-spacing:0.08em}
.bottom-cta p{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.6}

.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.contact-card{background:var(--card);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center}
.contact-photo{width:56px;height:56px;border-radius:12px;object-fit:cover;border:2px solid var(--yellow);flex-shrink:0;box-shadow:0 0 14px rgba(14,165,233,0.3)}
.contact-avatar{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px;border:2px solid var(--yellow);flex-shrink:0}
.contact-avatar.owner{background:var(--yellow);color:#000;box-shadow:0 0 14px rgba(14,165,233,0.4)}
.contact-avatar.dev{background:#5865F2;color:#fff;border-color:#5865F2;box-shadow:0 0 14px rgba(88,101,242,0.4)}
.contact-info b{display:block;font-size:13px;word-break:break-all}
.contact-info span{display:block;font-size:10px;letter-spacing:0.12em;color:var(--yellow);font-weight:800;margin-top:2px}
.contact-banner{margin-top:14px;background:var(--card);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.contact-banner b{font-size:14px}
.contact-banner p{font-size:12px;color:var(--muted);margin-top:2px}
/* reviews */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.review{background:var(--card);border-radius:12px;padding:18px}
.review .stars{color:var(--yellow);letter-spacing:0.12em}
.review p{margin-top:10px;color:#E0E4F0;font-size:13px;line-height:1.6}
.review span{margin-top:10px;display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0.06em}
.count{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:0.08em;margin-left:8px}

/* footer */
.footer{background:#05050E;border-top:2px solid var(--yellow);padding:28px 0 18px;position:relative}
.footer-grid{display:grid;grid-template-columns:1.6fr 0.6fr 0.6fr 0.6fr;gap:18px}
.footer-grid h4{font-size:11px;letter-spacing:0.16em;color:var(--yellow);margin-bottom:10px}
.footer-grid a{display:block;color:var(--muted);font-size:13px;margin-top:8px;cursor:pointer}
.footer-grid a:hover{color:var(--yellow)}
.foot-desc{color:var(--muted);font-size:12px;line-height:1.6;margin-top:12px;max-width:420px}
.btn-discord{background:#5865F2;color:#fff;padding:11px 16px;border-radius:10px;font-weight:900;letter-spacing:0.06em;font-size:12px;border:2px solid #5865F2;display:inline-flex;align-items:center;gap:7px;box-shadow:0 0 14px rgba(88,101,242,0.45);transition:.2s}
.btn-discord:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(88,101,242,0.7);background:#4752C4}
.chat-bubble{position:fixed;right:18px;bottom:18px;background:var(--yellow);color:#000;padding:12px 18px;border-radius:999px;font-weight:900;box-shadow:0 0 18px rgba(14,165,233,0.55);border:2px solid #000;z-index:60;display:flex;align-items:center;cursor:pointer}
.game-card,.status-row,.featured-card,.mini-card{cursor:pointer}
.modal-overlay{position:fixed;inset:0;background:rgba(3,3,12,0.78);backdrop-filter:blur(6px);display:none;place-items:center;z-index:100;padding:18px}
.modal-overlay.open{display:grid}
.modal-card{background:#13132A;border-radius:16px;max-width:860px;width:100%;position:relative;overflow:hidden}
.modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:999px;border:1px solid #2A2A4E;background:#0A0A14;color:var(--muted);cursor:pointer;font-weight:800}
.modal-grid{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:22px}
.modal-box{width:200px;height:260px;background:linear-gradient(135deg, #0EA5E9 0%, #0284C7 50%, #1a1a2e 100%);border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden;border:2px solid var(--yellow);box-shadow:0 0 18px rgba(14,165,233,0.35)}
.modal-box img{width:100%;height:100%;object-fit:cover}
.modal-box-text{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);border:1px solid var(--yellow);color:var(--yellow);padding:4px 10px;border-radius:999px;font-weight:900;letter-spacing:0.08em;font-size:11px}
.modal-platforms{display:flex;gap:6px;margin-top:8px}
.modal-platforms span{font-size:10px;font-weight:800;letter-spacing:0.06em;background:#0A0A14;border:1px solid #2A2A4E;color:var(--muted);padding:4px 6px;border-radius:6px}
.modal-right h2{font-size:20px;font-weight:900;letter-spacing:0.04em}
.modal-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mb{font-size:10px;font-weight:900;letter-spacing:0.06em;padding:6px 8px;border-radius:999px;border:1px solid;display:inline-flex;align-items:center;gap:4px}
.mb-ok{background:rgba(46,204,113,0.14);color:#2ECC71;border-color:rgba(46,204,113,0.35)}
.mb-yellow{background:rgba(14,165,233,0.14);color:var(--yellow);border-color:rgba(14,165,233,0.4)}
.mb-dark{background:#0A0A14;color:#CBD0E0;border-color:#2A2A4E}
.modal-desc{margin-top:12px;color:#C9CFE2;font-size:13px;line-height:1.7}
.modal-features{margin-top:10px;list-style:none;display:grid;gap:6px}
.modal-features li{font-size:12px;color:#E0E4F0;display:flex;gap:8px;align-items:start}
.modal-features li::before{content:"✓";color:var(--yellow);font-weight:900}
.modal-divider{height:1px;background:linear-gradient(90deg, #0EA5E933, transparent);margin:14px 0;border-top:1px dashed #23234A}
.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.modal-price span{display:block;font-size:10px;letter-spacing:0.14em;color:var(--muted);font-weight:700}
.modal-price b{font-size:22px;color:#fff}
.modal-soon{margin-top:10px;background:rgba(255,255,255,0.06);border:1px dashed #2A2A4E;color:var(--muted);padding:8px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:0.06em;text-align:center}
@media(max-width:700px){.modal-grid{grid-template-columns:1fr}.modal-box{width:100%;height:220px}}

/* responsive */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .games-grid{grid-template-columns:repeat(2,1fr)}
  .feat-grid{grid-template-columns:1fr}
  .info-grid{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links,.nav-actions{display:none}
  .burger{display:block;margin-left:auto}
}
@media (max-width:560px){
  .games-grid{grid-template-columns:1fr}
  .hero-title{font-size:42px}
  .status-row{flex-direction:column;align-items:flex-start}
  .s-right{width:100%;justify-content:space-between}
}