:root{--bg:#101010;--bg-deep:#08080c;--surface:#151826;--surface-2:#1c2036;--surface-3:#242942;--panel-from:#182046;--panel-to:#101528;--rail:#0e1020;--hairline:#242a3d;--ink:#f4f6ff;--ink-dim:#a6abc4;--ink-mute:#6b7194;--accent:#3b82f6;--accent-2:#5b9dff;--accent-from:#4f8dff;--accent-to:#2b6be0;--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;--gold:#f5c451;--pink:#ff5a8a;--focus:#8ab4ff;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--s-xs:4px;--s-sm:8px;--s-md:12px;--s-lg:16px;--s-xl:24px;--s-2xl:32px;--s-3xl:48px;--s-4xl:72px;--section:56px;--rail-w:220px;--header-h:64px;--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow-md:0 6px 20px rgba(0,0,0,.35);--shadow-lg:0 18px 50px rgba(0,0,0,.5);--shadow-inset:inset 0 1px 0 rgba(255,255,255,.04);--kr-section-step:var(--section);--kr-content-width:1240px;--kr-reading-width:70ch;--kr-bg:var(--bg);--kr-text:var(--ink);--kr-border:var(--hairline);--kr-accent:var(--accent)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Manrope,Sora,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:Sora,Manrope,ui-sans-serif,system-ui,sans-serif;margin:0 0 var(--s-md);color:inherit;letter-spacing:-.01em}h1{font-size:clamp(1.75rem,2vw + 1rem,2.5rem);line-height:1.15;font-weight:800}h2{font-size:clamp(1.35rem,1vw + 1rem,1.75rem);line-height:1.2;font-weight:700}h3{font-size:1.15rem;font-weight:700}h4{font-size:1rem;font-weight:700}p{margin:0 0 var(--s-md)}a{color:var(--accent-2)}a:hover{color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
/* SHELL */
.app{min-height:100vh;background:var(--bg);display:grid;grid-template-columns:1fr;grid-template-rows:var(--header-h) 1fr auto;grid-template-areas:'header' 'main' 'footer'}
.app.has-rail{grid-template-columns:var(--rail-w) 1fr;grid-template-areas:'rail header' 'rail main' 'rail footer'}
@media (max-width:1023px){.app.has-rail{grid-template-columns:1fr;grid-template-areas:'header' 'main' 'footer'}.rail{display:none}}
.header{grid-area:header;position:sticky;top:0;z-index:40;background:rgba(16,16,16,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline)}
.header__inner{max-width:var(--kr-content-width);margin:0 auto;height:var(--header-h);padding:0 var(--s-xl);display:flex;align-items:center;gap:var(--s-lg);min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:var(--s-sm);text-decoration:none;color:var(--ink);font-family:Sora,sans-serif;font-weight:800;font-size:1rem;white-space:nowrap}
.brand__mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));display:inline-grid;place-items:center;color:#fff}
.nav{display:flex;align-items:center;gap:var(--s-sm);margin-left:var(--s-lg);flex:1;flex-wrap:wrap}
.nav__link{padding:8px 12px;border-radius:var(--r-sm);color:var(--ink-dim);text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap;transition:color .15s,background .15s}
.nav__link:hover{color:var(--ink);background:var(--surface-2)}
.nav__link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.nav__link.is-active,.nav__link[aria-current=page]{color:var(--ink);background:var(--surface-2)}
.header__actions{display:flex;align-items:center;gap:var(--s-sm);margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-sm);padding:10px 16px;border-radius:var(--r-pill);font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform .12s,background .15s,color .15s,box-shadow .15s}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(139,180,255,.4)}
.btn--primary{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff}
.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn--ghost{background:var(--surface-2);color:var(--ink)}
.btn--ghost:hover{background:var(--surface-3)}
.btn--outline{background:transparent;color:var(--ink);border-color:var(--hairline)}
.btn--sm{padding:6px 12px;font-size:.8rem}
.icon-btn{width:36px;height:36px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-dim);display:inline-grid;place-items:center}
.icon-btn:hover{color:var(--ink);background:var(--surface-3)}
.burger{display:none}
@media (max-width:1023px){.burger{display:inline-grid}.nav{display:none}}
/* RAIL */
.rail{grid-area:rail;background:var(--rail);border-right:1px solid var(--hairline);padding:var(--s-lg) var(--s-md);position:sticky;top:0;height:100vh;overflow:auto}
.rail__brand{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-sm) var(--s-lg)}
.rail__group{margin-top:var(--s-xl)}
.rail__label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);padding:0 var(--s-sm);margin-bottom:var(--s-sm)}
.rail__link{display:flex;align-items:center;gap:var(--s-md);padding:9px var(--s-sm);border-radius:var(--r-sm);color:var(--ink-dim);text-decoration:none;font-weight:600;font-size:.9rem;transition:background .15s,color .15s}
.rail__link:hover{background:var(--surface-2);color:var(--ink)}
.rail__link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.rail__link.is-active,.rail__link[aria-current=page]{background:var(--surface-2);color:var(--ink)}
.rail__link svg{width:18px;height:18px;flex:0 0 18px;color:var(--ink-mute)}
.rail__link.is-active svg,.rail__link[aria-current=page] svg{color:var(--accent-2)}
/* MAIN */
main.page{grid-area:main;width:100%;max-width:var(--kr-content-width);margin:0 auto;padding:var(--s-xl) var(--s-xl) var(--s-4xl);padding-top:var(--kr-section-step)}
.page > * + *{margin-top:var(--kr-section-step)}
.reading{max-width:var(--kr-reading-width);margin-inline:auto}
.reading > * + *{margin-top:var(--s-md)}
.reading h2,.reading h3{margin-top:var(--s-xl)}
.reading a:not(:where(.btn,[class*="btn-"],[class*="btn "],[class*="button"])){color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
/* HERO */
.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(120deg,var(--panel-from) 0%,var(--panel-to) 60%,#12172b 100%);min-height:340px;display:flex;isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 80% at 80% 50%,rgba(91,157,255,.25),transparent 60%),linear-gradient(120deg,#182046,#101528)}
.hero__media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,16,16,.82) 0%,rgba(16,16,16,.55) 40%,rgba(16,16,16,0) 70%)}
.hero__inner{position:relative;z-index:2;padding:clamp(24px,4vw,56px);max-width:640px;display:flex;flex-direction:column;justify-content:center;gap:var(--s-md);color:var(--ink)}
.hero__logos{display:flex;gap:var(--s-md);opacity:.75;margin-bottom:var(--s-sm);flex-wrap:wrap}
.hero__logos span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);padding:4px 10px;border:1px solid var(--hairline);border-radius:var(--r-pill)}
.hero__eyebrow{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-weight:700}
.hero__title{font-family:Sora,sans-serif;font-size:clamp(2rem,3.6vw + 1rem,3.25rem);line-height:1.05;font-weight:800;margin:0}
.hero__sub{color:var(--ink-dim);font-size:1rem;max-width:44ch;margin:0}
.hero__cta{margin-top:var(--s-md)}
.hero__legal{font-size:.75rem;color:var(--ink-mute);margin-top:var(--s-md)}
.hero--compact{min-height:200px}
.hero--compact .hero__title{font-size:clamp(1.5rem,2vw + 1rem,2.25rem)}
/* HERO CAROUSEL */
[data-hero]{position:relative}
[data-hero-slide]{display:none}
[data-hero-slide]:first-child{display:flex}
.hero__dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3}
.hero__dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);border:0}
.hero__dot:hover{background:#fff}
/* PROMO PAIR PANELS */
.promo-pair{display:grid;grid-template-columns:1fr;gap:var(--s-lg)}
@media (min-width:820px){.promo-pair{grid-template-columns:1fr 1fr}}
.promo-card{position:relative;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--hairline);padding:var(--s-xl);display:flex;flex-direction:column;gap:var(--s-md);min-height:180px}
.promo-card__title{font-family:Sora,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.15;margin:0;max-width:60%}
.promo-card__sub{color:var(--ink-dim);font-size:.9rem;max-width:60%}
.promo-card__foot{margin-top:auto;display:flex;align-items:center;gap:var(--s-md)}
.promo-card__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:rgba(91,157,255,.12);color:var(--accent-2);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.promo-card__media{position:absolute;right:-10px;top:0;bottom:0;width:45%;background:radial-gradient(70% 70% at 60% 50%,rgba(91,157,255,.25),transparent 60%)}
/* WINS STRIP */
.wins{display:flex;flex-direction:column;gap:var(--s-md)}
.wins__head{display:flex;align-items:center;gap:var(--s-sm)}
.wins__title{font-family:Sora,sans-serif;font-weight:800;font-size:1.1rem;margin:0}
.wins__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:var(--s-md);overflow-x:auto;padding-bottom:var(--s-sm);scrollbar-width:thin}
.win{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column}
.win__art{aspect-ratio:3/4;background:linear-gradient(135deg,var(--surface-3),var(--surface-2))}
.win__meta{padding:8px 10px;font-size:.78rem;color:var(--ink-dim);display:flex;justify-content:space-between;gap:6px}
.win__amt{color:var(--success);font-weight:700}
/* SEARCH */
.search{position:relative;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:6px 6px 6px 44px;display:flex;align-items:center}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-mute)}
.search input{flex:1;background:transparent;border:0;outline:0;color:var(--ink);font:inherit;padding:8px 4px}
.search input::placeholder{color:var(--ink-mute)}
.search .btn{margin-left:auto}
/* SHELF / GAME GRID */
.shelf{display:flex;flex-direction:column;gap:var(--s-md)}
.shelf__head{display:flex;align-items:center;gap:var(--s-md)}
.shelf__title{font-family:Sora,sans-serif;font-weight:800;font-size:1.15rem;margin:0;display:inline-flex;align-items:center;gap:8px}
.shelf__nav{margin-left:auto;display:flex;gap:6px}
.grid-games{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-md)}
@media (min-width:520px){.grid-games{grid-template-columns:repeat(3,1fr)}}
@media (min-width:820px){.grid-games{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1100px){.grid-games{grid-template-columns:repeat(6,1fr)}}
.tile{position:relative;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(135deg,var(--surface-3),var(--surface-2));aspect-ratio:3/4;display:block;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tile__title{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;font-size:.85rem;font-weight:700;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);color:#fff}
/* VIP BANNER */
.vip-banner{border-radius:var(--r-xl);padding:clamp(24px,3vw,40px);background:linear-gradient(120deg,#ff5a8a 0%,#f76c8a 55%,#ff8a6a 100%);color:#fff;display:grid;grid-template-columns:1fr;gap:var(--s-lg);position:relative;overflow:hidden}
@media (min-width:720px){.vip-banner{grid-template-columns:1.2fr 1fr;align-items:center}}
.vip-banner h2{font-family:Sora,sans-serif;font-size:clamp(1.5rem,2vw + 1rem,2.25rem);margin:0}
.vip-banner p{margin:0;opacity:.9;max-width:38ch}
.vip-banner .btn--primary{background:#fff;color:#0e1020}
/* RACE CARDS ROW */
.race-row{display:grid;grid-template-columns:1fr;gap:var(--s-lg)}
@media (min-width:720px){.race-row{grid-template-columns:repeat(3,1fr)}}
.race{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.race__art{aspect-ratio:16/9;background:linear-gradient(135deg,var(--panel-from),var(--panel-to));position:relative}
.race__badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:var(--r-pill);background:rgba(0,0,0,.4);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.race__body{padding:var(--s-lg);display:flex;flex-direction:column;gap:var(--s-sm)}
.race__title{font-family:Sora,sans-serif;font-weight:800;font-size:1.05rem;margin:0}
.race__sub{color:var(--ink-dim);font-size:.85rem;margin:0}
.race__cta{margin-top:var(--s-sm)}
/* BETS TABLE */
.bets{background:linear-gradient(180deg,var(--surface),var(--bg-deep));border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}
.bets__head,.bets__row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr;gap:var(--s-md);padding:12px var(--s-lg);align-items:center;font-size:.85rem}
.bets__head{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;border-bottom:1px solid var(--hairline)}
.bets__row + .bets__row{border-top:1px solid rgba(36,42,61,.55)}
.bets__row:hover{background:rgba(255,255,255,.02)}
.bets__game{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}
.bets__mult--win{color:var(--accent-2)}
.bets__payout--win{color:var(--success);font-weight:700}
.bets__payout--zero{color:var(--ink-mute)}
@media (max-width:820px){.bets__head{display:none}.bets__row{grid-template-columns:1fr 1fr;gap:6px;font-size:.8rem}}
/* REVIEWS */
.reviews{display:grid;grid-template-columns:1fr;gap:var(--s-lg)}
@media (min-width:720px){.reviews{grid-template-columns:repeat(3,1fr)}}
.review{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg);display:flex;flex-direction:column;gap:var(--s-md)}
.review__head{display:flex;align-items:center;gap:var(--s-sm)}
.review__avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;color:var(--ink-dim)}
.review__who{display:flex;flex-direction:column}
.review__name{font-weight:700;font-size:.9rem;color:var(--ink)}
.review__since{font-size:.72rem;color:var(--ink-mute)}
.review__stars{margin-left:auto;color:var(--gold);font-size:.85rem;letter-spacing:2px}
.review__body{color:var(--ink-dim);font-size:.9rem;line-height:1.5;margin:0}
.review__date{font-size:.75rem;color:var(--ink-mute)}
/* FAQ ACCORDION */
.faq{display:flex;flex-direction:column;gap:var(--s-sm)}
.faq__item{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}
.faq__item summary{list-style:none;cursor:pointer;padding:var(--s-lg) var(--s-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--s-md);font-weight:700;color:var(--ink)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:'';width:12px;height:12px;border-right:2px solid var(--ink-mute);border-bottom:2px solid var(--ink-mute);transform:rotate(45deg);transition:transform .2s}
.faq__item[open] summary::after{transform:rotate(-135deg)}
.faq__body{padding:0 var(--s-xl) var(--s-lg);color:var(--ink-dim);font-size:.92rem}
/* SUPPORT CTA */
.support-cta{display:flex;align-items:center;gap:var(--s-lg);padding:var(--s-lg) var(--s-xl);border-radius:var(--r-lg);background:linear-gradient(120deg,var(--panel-from),var(--panel-to));border:1px solid var(--hairline);flex-wrap:wrap}
.support-cta__text{display:flex;flex-direction:column;gap:2px}
.support-cta__text strong{font-family:Sora,sans-serif;font-size:1.05rem}
.support-cta__text span{color:var(--ink-dim);font-size:.85rem}
.support-cta__cta{margin-left:auto}
/* EDITORIAL SURFACES */
.callout{border:1px solid var(--hairline);border-left:3px solid var(--accent);background:var(--surface);padding:var(--s-lg) var(--s-xl);border-radius:var(--r-md);color:var(--ink-dim)}
.split{display:grid;grid-template-columns:1fr;gap:var(--s-xl);align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-xl);overflow:hidden}
@media (min-width:820px){.split{grid-template-columns:1fr 1fr}}
.split__media{aspect-ratio:16/10;border-radius:var(--r-md);background:linear-gradient(135deg,var(--panel-from),var(--panel-to));position:relative;overflow:hidden}
.split__body h2{margin-top:0}
.table-terms{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}
.table-terms th,.table-terms td{padding:12px var(--s-lg);text-align:left;border-bottom:1px solid var(--hairline);font-size:.9rem}
.table-terms th{background:var(--surface-2);color:var(--ink-dim);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:var(--s-md)}
.steps li{counter-increment:step;padding:var(--s-lg) var(--s-lg) var(--s-lg) 56px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);position:relative}
.steps li::before{content:counter(step);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.feature-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-md);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg)}
@media (min-width:720px){.feature-strip{grid-template-columns:repeat(4,1fr)}}
.feature{display:flex;align-items:center;gap:var(--s-md);color:var(--ink-dim);font-size:.88rem;font-weight:600}
.feature svg{width:22px;height:22px;color:var(--accent-2);flex:0 0 22px}
/* DEPOSIT WIDGET */
.deposit{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-xl);display:flex;flex-direction:column;gap:var(--s-md);max-width:420px}
.deposit__label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}
.deposit__input{background:var(--bg-deep);border:1px solid var(--hairline);border-radius:var(--r-md);padding:12px 14px;color:var(--ink);font:inherit;font-size:1.15rem;font-weight:700;outline:0}
.deposit__input:focus{border-color:var(--accent-2)}
.deposit__chips{display:flex;gap:var(--s-sm);flex-wrap:wrap}
.deposit__chip{padding:8px 14px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);font-weight:700;font-size:.85rem;border:1px solid var(--hairline);cursor:pointer}
.deposit__chip:hover{background:var(--surface-3)}
/* FOOTER */
.footer{grid-area:footer;background:var(--bg-deep);border-top:1px solid var(--hairline);color:var(--ink-dim)}
.footer__inner{max-width:var(--kr-content-width);margin:0 auto;padding:var(--s-3xl) var(--s-xl)}
.footer__top{display:grid;grid-template-columns:1fr;gap:var(--s-2xl);padding-bottom:var(--s-2xl);border-bottom:1px solid var(--hairline)}
@media (min-width:820px){.footer__top{grid-template-columns:1.2fr 1fr}}
.footer__brand-block{display:flex;flex-direction:column;gap:var(--s-md)}
.footer__legal-copy{font-size:.85rem;color:var(--ink-mute);max-width:52ch}
.footer__currencies{display:flex;flex-wrap:wrap;gap:var(--s-sm)}
.footer__currency{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--hairline);font-size:.8rem;font-weight:700;color:var(--ink)}
.footer__currency span{color:var(--ink-mute);font-weight:600}
.footer__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-xl);padding:var(--s-2xl) 0}
@media (min-width:720px){.footer__cols{grid-template-columns:repeat(4,1fr)}}
.footer__col h4{font-size:.85rem;font-family:Sora,sans-serif;color:var(--ink);margin:0 0 var(--s-md)}
.footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.footer__col a:not(:where(.btn,[class*="btn-"],[class*="btn "],[class*="button"])){color:var(--ink-dim);text-decoration:none;font-size:.88rem}
.footer__col a:hover{color:var(--ink)}
.footer__bottom{display:flex;flex-wrap:wrap;gap:var(--s-lg);align-items:center;justify-content:space-between;padding-top:var(--s-lg);border-top:1px solid var(--hairline);font-size:.8rem;color:var(--ink-mute)}
.footer__marks{display:flex;gap:var(--s-sm);align-items:center}
.mark{width:44px;height:44px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--hairline);display:grid;place-items:center;color:var(--ink-dim);font-size:.7rem;font-weight:700}
/* focus + motion */
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.hybrid-game-art{display:block;aspect-ratio:4/3;overflow:hidden}.hybrid-game-art img,.hybrid-game-img{width:100%;height:100%;object-fit:cover;display:block}[data-game-card]{position:relative}[data-game-card]:has(.hybrid-game-art){display:flex;flex-direction:column}[data-game-card]:has(.hybrid-game-art)>a{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}[data-game-card] .hybrid-game-art{flex:1 1 auto;min-height:0}[data-game-card] .hybrid-game-copy{min-width:0;padding:.4rem .6rem}[data-game-card] .hybrid-game-copy h3{margin:0;font-size:.95rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-game-card] .hybrid-game-copy p{margin:.15rem 0 0;font-size:.75rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-game-card]:has(.hybrid-game-art) [class*="__body"]{height:auto;min-height:0}:where(main,main>*,[class*="body-with"],[class*="layout"]){min-width:0}:where(:root){--shadow-glow:0 0 0 3px color-mix(in srgb,var(--kr-accent,#2b8cff) 45%,transparent)}.related-links,.site-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}.related-links a,.site-links a{text-decoration:none}:where(.related-links,.site-links) a{color:inherit}a:where(.kr-topnav-item,.rail-item){color:inherit}a:where([data-kr-cta]){color:inherit}a:where([data-kraken-workbook-sibling]){color:inherit}.related-links{width:100%;max-width:var(--kr-content-width,1100px);margin-left:auto;margin-right:auto;padding:1rem}.rail-item{display:block;padding:.5rem .75rem;text-decoration:none}[data-kr-rail-fallback]{width:auto;min-width:200px;max-width:280px}@media (min-width:900px){[data-kr-rail-fallback]{margin-top:var(--header-h,0px)}body:has([data-kr-rail-fallback]){--rail-w:220px}}main p>a:not([class]):not([data-kr-cta]){text-decoration:underline}.kr-topnav{display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:var(--kr-content-width,1100px);margin-left:auto;margin-right:auto;padding:.25rem 1rem}.kr-topnav-item{display:inline-flex;align-items:center;padding:.5rem .75rem;text-decoration:none;white-space:nowrap}:has(>.kr-topnav-item){flex-direction:row;flex-wrap:wrap;align-items:center}@media (max-width:899px){:has(>.kr-topnav-item){display:none}}.site-brand{display:inline-flex;align-items:center;gap:.5rem}.site-logo{display:inline-block;height:44px;width:auto;max-width:min(220px,40vw);object-fit:contain;vertical-align:middle}.section-responsible-tools{padding:2.5rem 1rem}.section-responsible-tools .responsible-tools-inner{max-width:var(--kr-content-width,1100px);margin:0 auto}.section-responsible-tools .responsible-tools-header{max-width:var(--kr-reading-width,64ch);margin:0 0 1.25rem}.section-responsible-tools .section-kicker{margin:0 0 .35rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.section-responsible-tools .responsible-tools-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.responsible-tool-card{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border:1px solid color-mix(in srgb,currentColor,transparent 82%);border-radius:10px}.responsible-tool-card>span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid color-mix(in srgb,currentColor,transparent 70%);border-radius:50%;font-weight:700}.responsible-tool-card h3{margin:0 0 .3rem}.responsible-tool-card p{margin:0 0 .6rem}.section-responsible-tools .cta{display:inline-block;padding:.45rem .9rem;border:1px solid color-mix(in srgb,currentColor,transparent 60%);border-radius:999px;font-weight:600;text-decoration:none}figure.article-image-break.has-media{width:auto;max-width:min(var(--kr-content-width,72rem),100%);margin-block:var(--kr-section-step,2.2rem);margin-inline:auto;aspect-ratio:var(--media-aspect,16/9);max-height:24rem;overflow:hidden}figure.article-image-break.has-media>a.kr-media-offer{display:block;width:100%;height:100%}figure.article-image-break.has-media img{width:100%;height:100%;object-fit:cover;display:block}figure.article-image-break:not(.has-media){display:none}[data-hybrid-visual-slot].has-media:not([data-kr-media-pos]):not([data-kr-media-mount="background"]){position:relative}[data-hybrid-visual-slot].has-media[data-kr-media-mount="background"]{position:absolute;inset:0;z-index:-1;overflow:hidden}:has(>[data-hybrid-visual-slot][data-kr-media-mount="background"]){position:relative;isolation:isolate}[data-hybrid-visual-slot].has-media:not(.article-image-break) img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:auto}[data-hybrid-visual-slot].has-media:not(.article-image-break)>a.kr-media-offer{display:block;width:100%;height:100%}[data-hybrid-visual-slot].has-media::after{pointer-events:none}[data-kr-card-link-host]{position:relative}a.kr-card-link{position:absolute;inset:0;z-index:20;display:block;border-radius:inherit}.kr-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,16,.12),rgba(4,6,16,.62))}:has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media) h1,:has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media) h2,:has(>[data-hybrid-visual-slot][data-kr-media-mount="background"].has-media) h1,:has(>[data-hybrid-visual-slot][data-kr-media-mount="background"].has-media) h2,:has(>[data-hybrid-visual-slot][data-kr-media-mount="background"].has-media) p,:has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media) p{text-shadow:0 1px 2px rgba(4,6,16,.95),0 2px 10px rgba(4,6,16,.85)}[data-hybrid-visual-slot]:not(.has-media):not([data-hybrid-visual-slot="hero"]):not(.article-image-break){display:none}.kr-nav-fab{display:none;position:fixed;bottom:1rem;right:1rem;z-index:60;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid var(--kr-border,var(--border,transparent));border-radius:50%;line-height:1;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.45);background:var(--kr-bg,var(--bg-deep,var(--bg,var(--surface,rgba(20,20,28,.92)))));color:var(--kr-text,var(--text,#fff))}.kr-nav-fab svg{width:22px;height:22px;display:block}.kr-drawer{display:none;position:fixed;inset:0 0 0 auto;z-index:59;width:min(78vw,320px);padding:4rem 1rem 1rem;overflow-y:auto;backdrop-filter:blur(6px);border-left:1px solid var(--kr-border,var(--border,transparent));background:var(--kr-bg,var(--bg-deep,var(--bg,var(--surface,rgba(12,12,20,.97)))));color:var(--kr-text,var(--text,#fff))}.kr-drawer a:not(:where(.btn,[class*="btn-"],[class*="btn "],[class*="button"])){display:block;padding:.85rem .5rem;color:inherit;text-decoration:none;font:inherit;font-size:1rem;border-bottom:1px solid var(--kr-border,var(--border,transparent))}.kr-drawer a:last-child{border-bottom:0}.kr-drawer a[aria-current="page"]{color:var(--kr-accent,var(--accent,var(--acc,inherit)))}.kr-drawer[data-open="1"]{display:block}header.kr-header-tight{height:auto;min-height:0}header.kr-header-tight :is(a,button){white-space:nowrap;font-size:.82em;padding:.5em .75em}header.kr-header-tight :is(a,button) svg{width:1.15em;height:1.15em}header.kr-header-tight .site-logo{height:32px}header.kr-header-tight>*{gap:.5rem}@media (max-width:899px){header :where(a,button){white-space:nowrap}header :where(:has(>.site-brand),:has(>.kr-brand-link)){flex-shrink:0}}.kr-brand-link{display:inline-block;color:inherit;text-decoration:none}@media (max-width:899px){.kr-nav-fab{display:flex}}.kr-cta-mirror{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:.5em 1em;border:1px solid currentColor;border-radius:var(--r-pill,var(--radius-pill,999px));font:inherit;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;color:var(--acc,var(--accent,var(--primary,var(--brand,currentColor))))}[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"]{position:relative;inset:auto;z-index:auto;display:block;overflow:hidden;border-radius:var(--kr-radius,12px);margin-top:var(--kr-section-step,24px);background:none;width:100%;grid-column:1/-1;grid-row:auto;flex:0 0 100%;order:0}[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"]::before,[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"]::after{content:none}[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"] img{height:auto;aspect-ratio:auto;object-fit:contain}[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"]>a.kr-media-offer{display:block;height:auto}:not(main):not(body):has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media[data-kr-media-mount="panel"]) h1,:not(main):not(body):has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media[data-kr-media-mount="panel"]) h2,:not(main):not(body):has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media[data-kr-media-mount="panel"]) p{text-shadow:none}:not(main):not(body):has(>[data-hybrid-visual-slot][data-kr-media-mount="background"].has-media)>:not([data-hybrid-visual-slot]):not(:is(a,button,input,select,textarea,label,[role="button"])),:not(main):not(body):has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media:not([data-kr-media-mount="panel"]))>:not([data-hybrid-visual-slot]):not(:is(a,button,input,select,textarea,label,[role="button"])){pointer-events:none}:not(main):not(body):has(>[data-hybrid-visual-slot][data-kr-media-mount="background"].has-media) :is(a,button,input,select,textarea,label,[role="button"]),:not(main):not(body):has(>[data-hybrid-visual-slot][data-kr-media-pos].has-media:not([data-kr-media-mount="panel"])) :is(a,button,input,select,textarea,label,[role="button"]){pointer-events:auto}[data-kr-media-band="background"]>:not([data-hybrid-visual-slot]):not(:is(a,button,input,select,textarea,label,[role="button"])){pointer-events:none}[data-kr-media-band="background"] :is(a,button,input,select,textarea,label,[role="button"]){pointer-events:auto}[data-kr-media-band="background"] :is(h1,h2,p){text-shadow:0 1px 2px rgba(4,6,16,.95),0 2px 10px rgba(4,6,16,.85)}[data-kr-media-band="panel"] :is(h1,h2,p){text-shadow:none}[data-kr-media-band]::before,[data-kr-media-band]::after{pointer-events:none}[data-kr-media-band="panel"] [data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"]{z-index:1;opacity:1;filter:none;mix-blend-mode:normal}[data-kr-media-band="panel"] [data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"] img{opacity:1;filter:none;mix-blend-mode:normal}[data-hero-slide] [data-hybrid-visual-slot="hero"]:not(.has-media):not(.article-image-break){display:none}:not(main):not(body):has(>[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"]){flex-wrap:wrap;height:auto;max-height:none}@media (min-width:900px){:not(main):not(body):has(>[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"]){flex-wrap:nowrap}:not(main):not(body):has(>[data-hybrid-visual-slot].has-media[data-kr-media-mount="panel"])>*{flex:1 1 50%}}.kr-drawer-close{position:absolute;top:.75rem;right:.75rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--kr-border,var(--border,transparent));border-radius:50%;background:transparent;color:inherit;cursor:pointer}.kr-drawer-close svg{width:20px;height:20px;display:block}.kr-drawer-backdrop{display:none;position:fixed;inset:0;z-index:58;background:rgba(0,0,0,.45)}.kr-drawer[data-open="1"]+.kr-drawer-backdrop{display:block}.kr-table-scroll{display:block;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}:where(.page > :first-child){margin-block-start:var(--kr-section-step)}:where(.reading > :first-child){margin-block-start:var(--s-md)}