:root{--navy:#071426;--blue:#0b2346;--blue2:#123a6d;--orange:#ff9f1c;--orange2:#ff6b2c;--cream:#fff4d6;--muted:#a8bdd8;--card:#102846;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}body{margin:0;font-family:'Nunito',Arial,sans-serif;background:radial-gradient(circle at top left,#173f73 0,#071426 42%,#030912 100%);color:#f7fbff;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,20,38,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:grid;place-items:center;box-shadow:0 8px 24px rgba(255,159,28,.35)}.menu{display:flex;gap:18px;align-items:center}.menu a{color:#dcecff;font-weight:800}.menu a:hover{color:var(--orange)}.btn,.play-btn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#201000;font-weight:900;padding:13px 20px;box-shadow:0 10px 24px rgba(255,107,44,.28);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:#173961;color:#fff;border:1px solid var(--line);box-shadow:none}.hero{padding:76px 0 44px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1,.page-hero h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:16px 0}.lead{font-size:20px;color:#c8d9ef;line-height:1.7}.hero-card{background:linear-gradient(160deg,rgba(255,159,28,.18),rgba(18,58,109,.72));border:1px solid var(--line);border-radius:34px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.35);transform:rotate(1deg)}.notice-strip,.warning{border:1px solid rgba(255,159,28,.45);background:rgba(255,159,28,.12);color:#ffe8b3;border-radius:22px;padding:14px 16px;font-weight:800}.section{padding:58px 0}.section-title{font-size:clamp(30px,4vw,48px);margin:0 0 14px}.grid{display:grid;gap:22px}.cards{grid-template-columns:repeat(3,1fr)}.game-grid{grid-template-columns:repeat(4,1fr)}.card,.game-card,.legal-box,.faq-item,.contact-card{background:linear-gradient(180deg,rgba(20,58,104,.92),rgba(10,30,55,.92));border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 16px 36px rgba(0,0,0,.25)}.game-card{padding:12px;position:relative;overflow:hidden}.game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}.badge18{position:absolute;top:18px;left:18px;background:#ff3d3d;color:#fff;border:3px solid #fff;border-radius:999px;font-weight:1000;padding:7px 10px}.game-card h3{font-size:18px;margin:14px 6px 8px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 6px}.tag{font-size:12px;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.1);color:#d9e9ff}.game-card .play-btn{width:calc(100% - 12px);margin:8px 6px 6px}.page-hero{padding:54px 0 28px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filter{border:1px solid var(--line);background:#102a4e;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.filter.active{background:var(--orange);color:#1b1000}.game-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.iframe-wrap{border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#000;min-height:580px}.iframe-wrap iframe{width:100%;height:620px;border:0}.description{line-height:1.7;color:#dcecff}.description p{display:block!important}.faq-item{padding:0;overflow:hidden}.faq-q{width:100%;background:none;border:0;color:#fff;text-align:left;padding:20px;font-size:18px;font-weight:900;cursor:pointer}.faq-a{display:none;padding:0 20px 20px;color:#c8d9ef;line-height:1.7}.faq-item.open .faq-a{display:block}.form{display:grid;gap:14px}.input,textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#081a31;color:#fff;padding:14px;font:inherit}textarea{min-height:150px}.success{display:none;color:#9cffbf;font-weight:900}.footer{border-top:1px solid var(--line);background:#04101f;padding:36px 0;color:#bdd0e8}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.footer a{display:block;margin:8px 0;color:#dcecff}.age-modal{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:99;display:none;align-items:center;justify-content:center;padding:20px}.age-box{width:min(540px,100%);background:linear-gradient(160deg,#143a68,#071426);border:2px solid var(--orange);border-radius:32px;padding:30px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.6)}.age-box h2{font-size:40px;margin:0 0 10px}.floating{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px) rotate(-1deg)}}@media(max-width:900px){.hero-grid,.game-layout,.footer-grid{grid-template-columns:1fr}.game-grid,.cards{grid-template-columns:repeat(2,1fr)}.menu{display:none}.iframe-wrap iframe{height:520px}}@media(max-width:560px){.game-grid,.cards{grid-template-columns:1fr}.hero{padding-top:42px}.btn,.play-btn{width:100%}.lead{font-size:17px}}
.page-hero,.section{padding-bottom:72px}
main{padding-bottom:36px}
.game-card{display:flex;flex-direction:column;height:100%}
.game-card h3{min-height:48px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.game-card .tags{min-height:34px;margin-top:auto}
.game-card .play-btn{margin-top:10px}
.nav-toggle{display:none;border:1px solid var(--line);background:#102a4e;color:#fff;border-radius:14px;padding:10px 12px;font-size:22px;font-weight:900;cursor:pointer}
.nav-toggle::before{content:"☰"}
.top-carousel{padding:22px 0 0}
.carousel-shell{position:relative;background:linear-gradient(160deg,rgba(255,159,28,.12),rgba(18,58,109,.78));border:1px solid var(--line);border-radius:30px;padding:18px;overflow:hidden}
.carousel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.carousel-head h2{margin:0;font-size:26px}
.carousel-actions{display:flex;gap:8px}
.carousel-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#102a4e;color:#fff;font-size:24px;font-weight:900;cursor:pointer}
.carousel-track{display:flex;gap:16px;overflow:hidden;scroll-behavior:smooth}
.carousel-track .game-card{flex:0 0 250px}
@media(max-width:900px){.nav{position:relative}.nav-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:#071426;border:1px solid var(--line);border-radius:0 0 22px 22px;padding:14px;box-shadow:0 18px 44px rgba(0,0,0,.35)}.menu.open{display:flex}.menu a{padding:12px;border-radius:14px;background:rgba(255,255,255,.06)}.nav>.btn{display:none}.carousel-track .game-card{flex-basis:220px}}