:root{--ink:#fff;--muted:#cbbbd0;--purple:#2b0d35;--panel:#3b2342;--deep:#17051f;--yellow:#ffd000;--green:#2cd43e;--green2:#9aff42;--line:#5b3564;--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--purple);color:var(--ink);font:16px/1.65 Inter,Segoe UI,Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%;height:auto}button,a{touch-action:manipulation}.site-header{height:78px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:8px max(18px,calc((100vw - var(--max))/2));background:#23082d;border-bottom:1px solid #73436d;box-shadow:0 8px 26px #12001888}.logo{width:145px;flex:none}.logo img{width:145px;height:auto}.main-nav{display:flex;gap:28px;align-items:center;flex:1}.main-nav a{text-decoration:none;font-weight:750}.main-nav a:hover,.main-nav a:focus-visible{color:var(--yellow)}.header-actions{display:flex;gap:12px}.login-link,.cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:6px;padding:10px 25px;font-weight:900;text-decoration:none;text-align:center}.login-link{border:1px solid var(--yellow);color:var(--yellow)}.cta{color:#10150d;background:linear-gradient(#a7ff43,#12be3d);box-shadow:0 8px 18px #0b8b3150}.cta:hover,.cta:focus-visible{filter:brightness(1.12);transform:translateY(-1px)}.menu-toggle{display:none;background:none;border:1px solid #9f7aa8;color:#fff;padding:9px 12px;border-radius:6px;font-weight:800}.layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;padding:0 12px}.sidebar{background:#21082a;padding:16px 10px;min-height:calc(100vh - 78px);position:sticky;top:78px;align-self:start}.quick-link{display:block;padding:13px 15px;margin-bottom:8px;border-radius:6px;background:linear-gradient(135deg,#57dc45,#0fbd3a);color:#08130b;text-decoration:none;font-weight:900}.side-nav{margin:16px 0;padding:8px;background:#3c2942;border-radius:7px}.side-nav a{display:block;text-decoration:none;padding:12px 9px;border-bottom:1px solid #ffffff0d}.side-nav a:last-child{border:0}.side-nav a:hover{color:var(--yellow)}.age-card{margin-top:18px;padding:13px;border:1px solid #695071;border-radius:7px;color:var(--muted);font-size:.85rem}.page{min-width:0}.hero{position:relative;min-height:430px;display:grid;place-items:center;text-align:center;padding:55px 28px;background-image:linear-gradient(90deg,#1c092060 0,#15081bcc 42%,#15081bcc 58%,#1c092060 100%),url('/assets/hero.webp');background-size:cover;background-position:center;border-top:1px solid var(--yellow);overflow:hidden}.hero::before{content:"Bonus";position:absolute;top:0;background:var(--yellow);color:#141014;padding:18px 30px 20px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.hero-content{max-width:700px;margin-top:35px;text-shadow:0 2px 12px #140217}.eyebrow{margin:0 0 8px;color:var(--yellow);font-weight:900;letter-spacing:.12em;font-size:.82rem}.hero h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;margin:10px 0 18px}.hero-offer{font-weight:900;font-size:clamp(1.35rem,2.8vw,2.4rem);line-height:1.15;margin:0 0 20px}.hero-offer strong{color:var(--yellow)}.hero-content>p:not(.eyebrow){color:#f4edf5;max-width:620px;margin:0 auto 23px}.hero .cta{min-width:220px}.section{padding:54px clamp(18px,4vw,62px)}.section.alt{background:#230a2d}.section h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;margin:0 0 18px;color:var(--yellow)}.section h3{font-size:1.25rem;margin:28px 0 8px}.lead{font-size:1.13rem;color:#f3eaf5;max-width:900px}.center{text-align:center}.feature-grid,.steps,.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.feature,.step,.category{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}.feature b,.step b,.category b{display:block;color:var(--yellow);font-size:1.1rem}.number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--yellow);color:#1d0825;font-weight:900;margin-bottom:12px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.split img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid #816080}.facts-table{width:100%;border-collapse:collapse;margin:24px 0;background:#2f1738}.facts-table th,.facts-table td{text-align:left;padding:13px 15px;border-bottom:1px solid #604568}.facts-table th{color:var(--yellow)}.notice{border-left:4px solid var(--yellow);background:#3b2442;padding:16px 18px;margin:22px 0}.game-shell{padding:42px clamp(12px,3vw,42px);background:#2b0d35}.game-heading{text-align:center;color:var(--yellow);font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 20px}.game-filters{display:flex;gap:10px;overflow-x:auto;padding:3px 0 18px}.game-filters button{white-space:nowrap;background:#43274b;color:#fff;border:1px solid #73577a;border-radius:20px;padding:9px 15px;font-weight:800;cursor:pointer}.game-filters button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#24102b}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.game-card{min-width:0}.game-art{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#16081d}.game-art img{width:100%;height:100%;object-fit:cover}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:15px;text-align:center;text-decoration:none;background:#16091ddb;color:#fff;font-size:.78rem;font-weight:800;opacity:0;transition:.18s}.game-overlay strong{display:block;color:var(--yellow);font-size:1rem}.game-card:hover .game-overlay,.game-overlay:focus-visible{opacity:1}.game-meta{padding:8px 2px 14px}.game-meta strong,.game-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta small{color:#bcaabf}.faq details{border-bottom:1px solid #65496b;padding:14px 0}.faq summary{cursor:pointer;font-weight:850;font-size:1.05rem;color:#fff}.faq p{color:#d7cbd9}.closing{text-align:center;padding:58px 20px;background:linear-gradient(135deg,#190520,#42164d);border-top:1px solid #704679}.closing h2{margin:4px 0 12px;font-size:clamp(1.7rem,3vw,2.7rem)}.closing p:not(.eyebrow){max-width:700px;margin:0 auto 24px;color:var(--muted)}footer{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;padding:28px max(20px,calc((100vw - var(--max))/2));background:#120318;color:#c8b9cb;font-size:.9rem}footer a{text-decoration:none}footer span{margin-left:auto}.mobile-cta{display:none}.source-note{font-size:.9rem;color:#c2b2c5}.checklist{padding-left:0;list-style:none}.checklist li{padding:7px 0 7px 30px;position:relative}.checklist li::before{content:"◆";color:var(--yellow);position:absolute;left:5px}.breadcrumb{padding:14px 4vw;background:#1a0621;color:#cdbdd0;font-size:.9rem}.breadcrumb a{color:var(--yellow)}
@media(max-width:1100px){.layout{grid-template-columns:1fr;padding:0}.sidebar{display:none}.game-grid{grid-template-columns:repeat(4,1fr)}.site-header{padding:8px 18px}.main-nav{gap:16px}}
@media(max-width:760px){body{padding-bottom:68px}.site-header{height:68px;gap:12px}.logo,.logo img{width:118px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#240a2d;padding:15px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:8px}.header-actions .login-link{display:none}.header-actions .cta{padding:8px 12px;min-height:42px;font-size:.85rem}.hero{min-height:510px;padding:65px 18px 38px;background-position:center}.hero h1{font-size:2.2rem}.section{padding:40px 18px}.feature-grid,.steps,.category-grid,.split{grid-template-columns:1fr}.split img{order:-1}.game-grid{grid-template-columns:repeat(2,1fr);gap:11px}.game-shell{padding:34px 12px}.game-overlay{opacity:1;inset:auto 7px 7px;border-radius:5px;background:#1b082bea;padding:7px;font-size:.7rem}.game-overlay strong{font-size:.78rem}.facts-table{font-size:.86rem}.facts-table th,.facts-table td{padding:10px 8px}.mobile-cta{display:block;position:fixed;z-index:60;bottom:0;left:0;right:0;padding:8px 14px;background:#16051edb;backdrop-filter:blur(8px)}.mobile-cta .cta{width:100%;min-height:48px}footer span{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}