@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#1a2335;--muted:#6d7788;--line:#e6eaf1;--bg:#f7f9fc;--yellow:#ffd94d;--blue:#3857ba;font-family:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4874e0;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar__inner{max-width:760px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:9px 20px}.brand{display:flex;align-items:center;gap:10px}.brand__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--yellow);font-family:Outfit,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.07em}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-family:Outfit,sans-serif;font-size:18px;letter-spacing:-.035em}.brand small{font-size:10px;color:var(--muted);margin-top:5px}.topbar nav{display:flex;gap:3px}.topbar nav a{padding:8px 11px;border-radius:9px;font-size:12px;color:#586275;font-weight:800}.topbar nav a:hover,.topbar nav a[aria-current]{background:#edf2ff;color:#2f4db5}.site-main__inner{max-width:760px;margin:auto;padding:24px 20px 60px}.intro{background:#edf3ff;border:1px solid #e0eaff;border-radius:22px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}h1,h2,h3,p{margin-top:0}.intro h1,.category-hero h1{font-family:Outfit,sans-serif;font-size:clamp(31px,4vw,47px);letter-spacing:-.052em;line-height:1.05;margin:13px 0}.intro em{font-style:normal;color:#4468c3}.intro p,.category-hero p{color:#637087;line-height:1.6;font-size:14px;margin-bottom:0}.intro__badge{background:#fff;min-width:112px;height:112px;border-radius:22px;box-shadow:0 12px 25px rgba(22,46,99,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(5deg)}.intro__badge strong{font-family:Outfit,sans-serif;font-size:42px;line-height:1;color:#3159b8}.intro__badge span{font-size:10px;font-weight:700;color:var(--muted)}.search{height:49px;display:flex;align-items:center;gap:9px;margin:22px 0;background:#fff;border:1px solid #dce3ee;border-radius:12px;padding:0 16px}.search span[aria-hidden]{font-size:26px;color:#71809b;line-height:1}.search input{width:100%;border:0;outline:0;background:transparent;font-size:14px}.ad-space{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:270px;margin:24px 0;padding:5px 0}.ad-space--multiplex{min-height:90px}.ad-space>span{font-size:9px;color:#a0a9b8;text-transform:uppercase;letter-spacing:.16em}.ad-space ins{max-width:100%}.ad-space:has(ins[data-ad-status="unfilled"]){display:none}
.points{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px rgba(23,35,64,.045);padding:23px;display:flex;align-items:center;justify-content:space-between;gap:18px}.points__eyebrow{color:#8090a8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.points strong{display:block;font-family:Outfit,sans-serif;font-size:29px;margin:3px 0}.points strong small{font-family:'DM Sans',sans-serif;font-size:12px;color:#68758b}.points p{font-size:12px;color:var(--muted);margin:0}.primary-button{border:0;border-radius:12px;background:var(--yellow);color:#1e2837;padding:14px 18px;font-size:13px;line-height:1.25;font-weight:800;box-shadow:0 5px 0 #edbf2f;transition:transform .15s,box-shadow .15s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #edbf2f}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.section-title{margin:35px 0 16px}.section-title h2{font-family:Outfit,sans-serif;font-size:26px;letter-spacing:-.04em;margin:5px 0}.section-title h2 small{font-family:'DM Sans',sans-serif;font-size:11px;color:#8793a7;letter-spacing:0;margin-left:8px}.section-title--games{margin-top:34px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-chip{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 11px;text-align:center;font-size:13px;font-weight:800;transition:background .15s,transform .15s}.category-chip:hover{background:#edf3ff;transform:translateY(-2px)}.game-list{display:grid;gap:10px}.game-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;display:flex;align-items:center;gap:15px;min-width:0;box-shadow:0 3px 11px rgba(27,44,84,.035);transition:border-color .15s,transform .15s,box-shadow .15s}.game-card:hover{border-color:#bad0ff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,44,84,.08)}.game-card>img{width:88px;height:88px;object-fit:cover;border-radius:14px;flex:none}.game-card__body{display:grid;gap:4px;min-width:0;flex:1}.game-card__kind{font-size:10px;color:#5372bc;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.game-card__body strong{font-family:Outfit,sans-serif;font-size:19px;line-height:1.2;overflow-wrap:anywhere}.game-card__body small{color:#8792a1;font-size:11px}.game-card__end{display:grid;gap:10px;justify-items:end;flex:none}.game-card__end small{font-size:10px;color:#7b8799}.game-card__end small b{font-size:12px;color:#283e71}.game-card__end>span{background:#edf2ff;color:#2f52ac;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800;white-space:nowrap}.game-card[hidden]{display:none}.no-results{text-align:center;color:var(--muted);padding:25px}.more{background:#1e2c49;color:#fff;border-radius:18px;padding:25px;margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.more strong{font-family:Outfit,sans-serif;font-size:19px}.more p{color:#c0cbe0;font-size:12px;margin:7px 0 0}.more a{background:#fff;color:#233858;border-radius:9px;padding:11px 13px;font-size:11px;font-weight:800;white-space:nowrap}.crumbs{display:flex;gap:9px;font-size:11px;color:#8090a6;margin:6px 0 22px}.crumbs a:hover{color:#3455b4}.category-hero{background:#edf3ff;border-radius:20px;padding:34px}.category-hero h1{font-size:39px}.category-back{text-align:center;margin:27px 0}.category-back a{color:#3558b4;font-weight:800;font-size:13px}
.footer{border-top:1px solid var(--line);background:#fff}.footer__inner{max-width:760px;margin:auto;padding:34px 20px 40px}.footer strong{font-family:Outfit,sans-serif;font-size:20px}.footer p{color:#758096;font-size:12px;line-height:1.7;max-width:560px;margin:8px 0 20px}.footer nav{display:flex;flex-wrap:wrap;gap:14px}.footer nav a{font-size:11px;color:#4f63a2;font-weight:800}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#1d2b47;color:#fff;padding:12px 18px;border-radius:11px;box-shadow:0 12px 30px #1a274755;font-size:12px;font-weight:700;max-width:min(90vw,440px);z-index:80;text-align:center}.toast[hidden]{display:none}.gate{border:0;border-radius:22px;padding:28px;width:min(92vw,390px);text-align:center;box-shadow:0 25px 80px #0c1c4780}.gate::backdrop{background:#14213bbb}.gate__icon{font-size:35px}.gate h2{font-family:Outfit,sans-serif;font-size:31px;margin:7px 0}.gate p{color:#69758b;font-size:13px;line-height:1.55}.gate .primary-button{width:100%;font-size:14px;margin-top:8px}.quiet-button{background:none;border:0;padding:17px 10px 2px;color:#687790;font-weight:800;font-size:12px}.gate .gate__status{min-height:20px;margin:9px 0 0;color:#9b4a3e;font-size:11px}.player-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#101c34}.player-header{height:52px;flex:none;background:#fff;padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.player-header a{font-size:12px;font-weight:800}.player-header strong{font-family:Outfit,sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px}.player-header__badge{font-size:10px;color:#4761a1;font-weight:800}.player-main{flex:1;min-height:0;position:relative}.player-main iframe{display:block;width:100%;height:100%;border:0;background:#101c34}.player-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:#101c34;color:#fff;font-size:15px;font-weight:800}.player-loading[hidden]{display:none}
@media(max-width:600px){.topbar__inner{min-height:58px;padding:8px 12px}.brand__mark{width:36px;height:36px;font-size:14px;border-radius:10px}.brand strong{font-size:15px}.brand small{font-size:8px}.topbar nav a{font-size:10px;padding:7px}.site-main__inner{padding:16px 12px 40px}.intro{padding:25px;gap:10px;border-radius:16px}.intro h1{font-size:31px}.intro p{font-size:12px}.intro__badge{min-width:72px;width:72px;height:72px;border-radius:15px}.intro__badge strong{font-size:28px}.intro__badge span{font-size:7px}.points{padding:17px;align-items:stretch}.points strong{font-size:24px}.points .primary-button{max-width:160px;padding:11px;font-size:11px}.categories{gap:6px}.category-chip{padding:13px 4px;font-size:11px}.game-card{padding:9px;gap:10px}.game-card>img{width:66px;height:66px;border-radius:11px}.game-card__body strong{font-size:15px}.game-card__body small{display:none}.game-card__end{gap:5px}.game-card__end>span{font-size:9px;padding:7px}.game-card__end small{font-size:8px}.more{padding:20px;display:block}.more a{display:inline-flex;margin-top:15px}.category-hero{padding:27px}.category-hero h1{font-size:31px}.player-header strong{font-size:13px}}