.kg-page {
  --kg-bg: #05101d;
  --kg-panel: #091c30;
  --kg-panel-2: #0d2741;
  --kg-line: rgba(93, 181, 255, .24);
  --kg-blue: #5db5ff;
  --kg-red: #d31737;
  --kg-ice: #eef7ff;
  --kg-muted: #adc1d3;
  background: var(--kg-bg);
  color: var(--kg-ice);
  overflow: hidden;
}

.kg-page *, .kg-page *::before, .kg-page *::after { box-sizing: border-box; }
.kg-page a:focus-visible { outline: 3px solid #8ac9ff; outline-offset: 4px; }
.kg-shell { width: min(1120px, calc(100% - 32px)); margin-inline: auto; }

.kg-hero {
  position: relative;
  min-height: 690px;
  display: grid;
  align-items: center;
  isolation: isolate;
  background: #05101d;
  border-bottom: 1px solid var(--kg-line);
}
.kg-hero-bg { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; }
.kg-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(5,16,29,.04) 45%,#05101d 100%); }
.kg-hero-copy { width: min(720px, 100%); margin-inline: auto; padding: 84px 0 48px; text-align: center; }
.kg-eyebrow { display:inline-flex; align-items:center; gap:10px; margin:0 0 18px; color:#9ed4ff; font-size:13px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.kg-eyebrow::before,.kg-eyebrow::after { content:""; width:28px; height:1px; background:var(--kg-blue); }
.kg-hero h1 { margin:0; color:#fff; font-size:clamp(42px,7vw,78px); line-height:.98; letter-spacing:-.045em; text-shadow:0 12px 34px rgba(0,0,0,.62); }
.kg-hero-lead { max-width:660px; margin:24px auto 0; color:#dbeafa; font-size:clamp(18px,2vw,22px); line-height:1.55; text-shadow:0 3px 16px #000; }
.kg-hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:30px; }
.kg-hero-actions a { min-width:190px; padding:15px 24px; border-radius:10px; color:#fff !important; font-weight:800; text-align:center; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.kg-hero-actions a:first-child { background:var(--kg-red); box-shadow:0 12px 30px rgba(211,23,55,.32); }
.kg-hero-actions a:last-child { background:#0c3151; border:1px solid rgba(138,201,255,.5); }
.kg-hero-actions a:hover { transform:translateY(-2px); opacity:1; box-shadow:0 16px 34px rgba(0,0,0,.35); }
.kg-disclosure { margin:16px auto 0; color:#9bb3c8; font-size:12px; line-height:1.5; }

.kg-console { width:min(860px,calc(100% - 32px)); margin:0 auto -58px; padding:18px; display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:12px; border:1px solid rgba(111,194,255,.34); border-radius:22px; background:linear-gradient(145deg,rgba(8,30,51,.94),rgba(3,12,22,.96)); box-shadow:0 28px 70px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06); }
.kg-console-card { min-height:112px; padding:18px; border:1px solid var(--kg-line); border-radius:15px; background:linear-gradient(180deg,rgba(19,53,84,.82),rgba(7,24,42,.9)); text-align:left; }
.kg-console-card strong { display:block; margin-bottom:8px; color:#fff; font-size:18px; }
.kg-console-card span { color:#9bbad2; font-size:13px; line-height:1.45; }
.kg-console-card.is-live { position:relative; background:radial-gradient(circle at 50% 25%,rgba(211,23,55,.22),transparent 52%),#0a2037; }
.kg-meter { height:8px; margin-top:18px; overflow:hidden; border-radius:99px; background:#06111e; }
.kg-meter i { display:block; width:72%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--kg-blue),var(--kg-red)); box-shadow:0 0 14px var(--kg-blue); }

.kg-story { padding:130px 0 72px; }
.kg-intro { max-width:780px; margin:0 auto 66px; color:#c9d9e7; font-size:20px; line-height:1.72; text-align:center; }
.kg-chapter { width:min(900px,100%); margin:0 auto 82px; }
.kg-chapter h2 { margin:0 0 22px; color:#fff; font-size:clamp(30px,4.2vw,48px); line-height:1.08; letter-spacing:-.025em; }
.kg-chapter > p { margin:0 0 26px; color:#c2d2df; font-size:18px; line-height:1.82; }
.kg-chapter > p:last-child { margin-top:26px; margin-bottom:0; }
.kg-visual { position:relative; min-height:230px; margin:30px 0; padding:28px; overflow:hidden; border:1px solid var(--kg-line); border-radius:22px; background:linear-gradient(145deg,#0d2945,#071827); box-shadow:0 22px 48px rgba(0,0,0,.24); }
.kg-visual::after { content:""; position:absolute; width:220px; height:220px; right:-90px; bottom:-120px; border-radius:50%; background:rgba(77,163,255,.11); filter:blur(3px); }
.kg-label { color:#81c8ff; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }

.kg-reels { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:24px; }
.kg-reel { display:grid; place-items:center; aspect-ratio:.82; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:linear-gradient(180deg,#eaf5ff,#89aac5); color:#071423; font-size:36px; font-weight:900; box-shadow:inset 0 0 24px rgba(4,18,31,.2); }
.kg-reel:nth-child(3) { outline:2px solid var(--kg-red); outline-offset:3px; }

.kg-rail { display:flex; align-items:stretch; gap:12px; margin-top:25px; }
.kg-rail div { flex:1; padding:18px 15px; border:1px solid var(--kg-line); border-radius:14px; background:#071a2d; }
.kg-rail b { display:block; color:#fff; font-size:16px; }
.kg-rail span { display:block; margin-top:8px; color:#8faac1; font-size:13px; }

.kg-wave { display:flex; align-items:end; gap:7px; height:126px; margin-top:28px; padding:0 4px 14px; border-bottom:1px solid rgba(255,255,255,.18); }
.kg-wave i { flex:1; min-width:6px; border-radius:4px 4px 0 0; background:linear-gradient(180deg,#62bcff,#174b74); }
.kg-wave i:nth-child(3n) { background:linear-gradient(180deg,#ef3152,#78152a); }
.kg-wave i:nth-child(1){height:22%}.kg-wave i:nth-child(2){height:38%}.kg-wave i:nth-child(3){height:68%}.kg-wave i:nth-child(4){height:45%}.kg-wave i:nth-child(5){height:82%}.kg-wave i:nth-child(6){height:35%}.kg-wave i:nth-child(7){height:94%}.kg-wave i:nth-child(8){height:58%}.kg-wave i:nth-child(9){height:73%}.kg-wave i:nth-child(10){height:42%}.kg-wave i:nth-child(11){height:88%}.kg-wave i:nth-child(12){height:53%}

.kg-jackpot { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:28px; }
.kg-jackpot div { min-height:112px; padding:18px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,255,255,.1); border-radius:60px 60px 14px 14px; background:linear-gradient(180deg,rgba(77,163,255,.22),rgba(7,23,39,.9)); text-align:center; }
.kg-jackpot div:nth-child(4) { border-color:rgba(211,23,55,.6); box-shadow:inset 0 0 26px rgba(211,23,55,.14); }
.kg-jackpot b { color:#fff; }.kg-jackpot span { margin-top:6px; color:#91abc1; font-size:12px; }

.kg-felt { min-height:260px; display:grid; place-items:center; background:radial-gradient(ellipse at center,#0b5a58,#073430 66%,#061a22 67%); }
.kg-hand { display:flex; gap:10px; transform:rotate(-2deg); }
.kg-card { width:84px; aspect-ratio:.7; padding:10px; border-radius:10px; background:#f8fbff; color:#081424; font-size:26px; font-weight:900; box-shadow:0 12px 25px rgba(0,0,0,.32); }
.kg-card.red { color:#c8102e; transform:translateY(-8px) rotate(3deg); }
.kg-chip { position:absolute; width:58px; height:58px; right:16%; bottom:16%; display:grid; place-items:center; border:7px dashed #fff; border-radius:50%; background:#d31737; color:#fff; font-weight:900; box-shadow:0 8px 18px rgba(0,0,0,.3); }

.kg-wheel { width:190px; aspect-ratio:1; margin:20px auto 0; display:grid; place-items:center; border:18px dotted #d6e7f3; border-radius:50%; background:conic-gradient(#d31737 0 12.5%,#071827 0 25%,#418bc4 0 37.5%,#071827 0 50%,#d31737 0 62.5%,#071827 0 75%,#418bc4 0 87.5%,#071827 0); box-shadow:0 0 0 10px #102f4b,0 20px 45px #02080e; }
.kg-wheel::after { content:""; width:62px; aspect-ratio:1; border-radius:50%; background:#dbeeff; box-shadow:inset 0 0 0 13px #0a1b2c; }

.kg-poker { display:flex; justify-content:center; align-items:center; gap:8px; min-height:150px; margin-top:18px; }
.kg-poker .kg-card:nth-child(2){transform:translateY(-9px) rotate(-2deg)}.kg-poker .kg-card:nth-child(3){transform:translateY(-14px)}.kg-poker .kg-card:nth-child(4){transform:translateY(-9px) rotate(2deg)}

.kg-phone { width:230px; min-height:360px; margin:0 auto; padding:18px 14px; border:7px solid #02080f; border-radius:38px; background:#0a2036; box-shadow:0 24px 48px rgba(0,0,0,.5); }
.kg-phone::before { content:""; display:block; width:72px; height:7px; margin:0 auto 18px; border-radius:99px; background:#020810; }
.kg-phone-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.kg-phone-grid i { aspect-ratio:1.2; border-radius:10px; background:radial-gradient(circle at 70% 25%,#ec3150 0 9%,transparent 10%),linear-gradient(145deg,#17527f,#081624); border:1px solid rgba(255,255,255,.1); }

.kg-dial { width:220px; aspect-ratio:1; margin:15px auto 0; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--kg-blue) 0 68%,#102b43 68% 100%); box-shadow:0 0 0 15px #071827,inset 0 0 25px rgba(0,0,0,.4); }
.kg-dial::after { content:"PAUSE"; width:145px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:#092039; color:#e8f5ff; font-size:16px; font-weight:850; letter-spacing:.15em; }

.kg-table-wrap { margin:30px 0; overflow-x:auto; border:1px solid var(--kg-line); border-radius:18px; }
.kg-table { width:100%; min-width:700px; border-collapse:collapse; background:#071827; }
.kg-table caption { padding:18px 20px; background:#0c2944; color:#fff; font-weight:800; text-align:left; }
.kg-table th,.kg-table td { padding:16px 18px; border-bottom:1px solid rgba(93,181,255,.15); color:#c6d8e6; font-size:15px; line-height:1.55; text-align:left; vertical-align:top; }
.kg-table th { background:#0a2239; color:#8fd0ff; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.kg-table tr:last-child td { border-bottom:0; }

.kg-route { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; }
.kg-route div { padding:22px; border:1px solid var(--kg-line); border-radius:14px; background:#081b2e; }
.kg-route b { display:block; color:#fff; font-size:18px; }.kg-route span { display:block; margin-top:9px; color:#91adc4; font-size:13px; line-height:1.55; }

.kg-faq { padding-top:4px; }
.kg-faq details { margin:12px 0; border:1px solid var(--kg-line); border-radius:14px; background:#081b2e; }
.kg-faq summary { cursor:pointer; padding:20px 22px; color:#fff; font-size:17px; font-weight:800; }
.kg-faq details p { margin:0; padding:0 22px 22px; color:#b9ccdb; font-size:16px; line-height:1.7; }

.kg-footer { padding:40px 0; border-top:1px solid var(--kg-line); background:#020a12; text-align:center; }
.kg-footer img { width:auto; height:38px; max-width:200px; object-fit:contain; }
.kg-footer p { max-width:760px; margin:18px auto 0; color:#849db2; font-size:13px; line-height:1.65; }
.kg-footer a { color:#a8d8ff !important; }

@media (max-width:760px){
  .kg-hero{min-height:720px;background-position:center}.kg-hero-copy{padding-top:66px}.kg-hero h1{font-size:44px}.kg-hero-actions{flex-direction:column}.kg-hero-actions a{width:100%}
  .kg-console{grid-template-columns:1fr;margin-bottom:-30px}.kg-console-card{min-height:82px}.kg-story{padding-top:92px}.kg-intro{text-align:left;font-size:18px}.kg-chapter{margin-bottom:62px}.kg-chapter h2{font-size:34px}.kg-chapter>p{font-size:17px;line-height:1.72}.kg-visual{padding:20px;min-height:210px}
  .kg-reels{gap:5px}.kg-reel{font-size:24px}.kg-rail,.kg-route{display:grid;grid-template-columns:1fr 1fr}.kg-jackpot{grid-template-columns:1fr 1fr}.kg-hand{gap:5px}.kg-card{width:58px;font-size:20px}.kg-chip{right:8%;bottom:10%}.kg-poker{gap:4px}.kg-poker .kg-card{width:54px}.kg-table-wrap{margin-inline:-2px}
}
@media (max-width:440px){.kg-shell{width:min(100% - 24px,1120px)}.kg-rail,.kg-route{grid-template-columns:1fr}.kg-hero h1{font-size:39px}.kg-hero-lead{font-size:17px}.kg-console{width:calc(100% - 20px);padding:10px}.kg-visual{border-radius:17px}.kg-wheel{width:160px}.kg-phone{width:210px}}
@media (prefers-reduced-motion:reduce){.kg-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}