:root{color-scheme:light;--ink: #0b1220;--ink-soft: #334155;--muted: #5b6472;--line: #d9e2ee;--paper: #fbfdff;--paper-soft: #eef5fb;--brand: #0162dc;--brand-dark: #003a96;--cyan: #1bd1f8;--red: #ff3b5c;--blue: #3b82f6;--yellow: #fbbf24;--green: #22c55e;--dark: #07111f;--footer-bg: #081523;--footer-bg-soft: #12324f;--footer-text: #eaf4ff;--footer-link: rgba(234, 244, 255, .82);--footer-link-hover: #ffffff;--footer-link-active: #7dd3fc;--footer-link-hover-bg: rgba(27, 209, 248, .14);--radius: 8px;--shadow: 0 18px 44px rgba(11, 18, 32, .14);--container: min(1120px, calc(100vw - 2rem) );font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{max-width:10ch;margin-bottom:1.15rem;font-size:5.25rem;font-weight:950;letter-spacing:0;line-height:.95}h2{max-width:14ch;margin-bottom:1rem;font-size:3.35rem;font-weight:940;letter-spacing:0;line-height:1}h3{margin-bottom:.55rem;font-size:1.08rem;line-height:1.2}.eyebrow{margin:0 0 .9rem;color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow--dark{color:var(--brand)}@media(max-width:900px){h1{font-size:3.7rem}h2{font-size:2.55rem}}@media(max-width:560px){h1{font-size:2.85rem}h2{font-size:2.1rem}}.container{width:var(--container);margin:0 auto}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.skip-link{position:fixed;left:1rem;top:1rem;z-index:50;transform:translateY(-150%);border-radius:var(--radius);background:var(--ink);color:#fff;padding:.65rem .85rem;font-weight:800}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;border:1px solid transparent;border-radius:var(--radius);padding:.84rem 1.1rem;font-weight:900;line-height:1.1}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--yellow);color:#111827;box-shadow:0 16px 34px #fbbf243d}.button--secondary{border-color:#ffffff47;background:#ffffff14;color:#fff}.button--disabled{cursor:default;opacity:.82}.button--disabled:hover{transform:none}.brand{display:inline-flex;align-items:center;gap:.8rem;min-width:0}.brand__icon{width:48px;height:48px;border-radius:var(--radius);box-shadow:0 12px 26px #07111f2e}.brand__copy{display:grid;min-width:0}.brand__title{color:var(--ink);font-size:1rem;font-weight:900;line-height:1.1}.brand__subtitle{color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.2}@media(max-width:560px){.brand__icon{width:42px;height:42px}}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px;padding-block:.7rem;padding-inline:max(1rem,(100vw - 1120px) / 2);border-bottom:1px solid rgba(217,226,238,.82);background:#fbfdfff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header--legal{position:relative}.site-header__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}.site-header__toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;width:2.75rem;height:2.75rem;border:1px solid rgba(217,226,238,.96);border-radius:var(--radius);background:#fff;color:var(--ink);padding:0}.site-header__toggle-line{display:block;width:1.22rem;height:2px;border-radius:999px;background:currentColor;transition:transform .16s ease,opacity .16s ease}.site-header__toggle[aria-expanded=true] .site-header__toggle-line:first-child{transform:translateY(.38rem) rotate(45deg)}.site-header__toggle[aria-expanded=true] .site-header__toggle-line:nth-child(2){opacity:0}.site-header__toggle[aria-expanded=true] .site-header__toggle-line:last-child{transform:translateY(-.38rem) rotate(-45deg)}.site-header__nav-link{border-radius:var(--radius);color:var(--ink-soft);font-size:.92rem;font-weight:800;padding:.62rem .78rem}.site-header__nav-link:hover,.site-header__nav-link--current{background:#e8f2ff;color:var(--brand-dark)}@media(max-width:900px){.site-header{position:sticky;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem 1rem;min-height:68px}.site-header--legal{position:sticky}.site-header__nav{grid-column:1/-1;width:100%;justify-content:flex-start}.site-header__toggle{display:inline-flex;justify-self:end}.site-header__nav-link{width:100%;padding:.72rem .75rem}.has-js .site-header__nav{position:absolute;left:0;right:0;top:100%;z-index:30;display:grid;grid-template-columns:1fr;gap:.35rem;max-height:0;overflow:hidden;opacity:0;border:1px solid transparent;border-radius:0 0 var(--radius) var(--radius);background:#fbfdfffa;box-shadow:none;padding:0 max(1rem,(100vw - 1120px) / 2);pointer-events:none;transform:translateY(-.25rem);visibility:hidden;transition:border-color .16s ease,box-shadow .16s ease,max-height .18s ease,opacity .16s ease,padding-block .16s ease,transform .16s ease}.has-js .site-header__nav--open{border-color:#d9e2eef5;box-shadow:0 18px 36px #0f172a24;max-height:18rem;opacity:1;padding-block:.45rem;pointer-events:auto;transform:translateY(0);visibility:visible}}@media(max-width:560px){.site-header__nav-link{padding:.48rem .55rem}}.site-footer{padding:2rem 0;border-top:1px solid rgba(27,209,248,.22);background:linear-gradient(135deg,rgba(1,98,220,.2),transparent 44%),linear-gradient(315deg,rgba(27,209,248,.1),transparent 48%),linear-gradient(90deg,var(--footer-bg) 0%,var(--footer-bg-soft) 100%);color:var(--footer-text)}.site-footer__grid{display:grid;align-items:center;gap:clamp(1.4rem,4vw,3rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-footer__logo{display:inline-flex;width:min(238px,100%)}.site-footer__logo-image{width:238px;max-width:100%;height:auto}.site-footer__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}.site-footer__nav-link{border-radius:var(--radius);color:var(--footer-link);font-size:.92rem;font-weight:800;padding:.62rem .78rem}.site-footer__nav-link:hover,.site-footer__nav-link--current{background:var(--footer-link-hover-bg);color:var(--footer-link-hover)}.site-footer__nav-link--current{color:var(--footer-link-active)}@media(max-width:900px){.site-footer__grid{grid-template-columns:1fr}.site-footer__nav{justify-content:flex-start}}@media(max-width:560px){.site-footer__nav-link{padding:.48rem .55rem}}.text-link{display:inline-flex;align-items:center;border-bottom:2px solid currentColor;color:var(--brand-dark);font-weight:950}.text-link:hover{color:var(--red)}.section{position:relative;padding:clamp(4rem,8vw,6.5rem) 0}.section--light{background:linear-gradient(180deg,#ffffffd1,#fffffff0),var(--paper-soft)}.hero{position:relative;min-height:76svh;overflow:hidden;background:var(--dark);color:#fff}.hero__background,.hero__overlay{position:absolute;inset:0}.hero__background{background-image:url(./color-dash-hero.png);background-position:center;background-size:cover}.hero__overlay{background:linear-gradient(90deg,#07111ff5,#07111fe6 31%,#07111f80 64%,#07111f1f),#07111f14}.hero__content{position:relative;z-index:1;display:grid;align-content:center;min-height:76svh;max-width:1120px;padding:4.4rem 0 4.8rem}.hero__lead{max-width:43rem;margin-bottom:0;color:#ffffffe6;font-size:1.22rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:45rem;margin:2.4rem 0 0;padding:0;list-style:none}.hero__stat{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#ffffff14;padding:.85rem}.hero__stat-value{display:block;color:#fff;font-weight:950}.hero__stat-label{display:block;color:#ffffffb8;font-size:.9rem}@media(max-width:900px){.hero,.hero__content{min-height:74svh}.hero__background{background-position:62% center}.hero__overlay{background:linear-gradient(90deg,#07111ffa,#07111fe6 54%,#07111f7a),#07111f1a}.hero__lead{font-size:1.12rem}}@media(max-width:560px){.hero{min-height:72svh}.hero__content{min-height:72svh;padding:3.6rem 0 3.4rem}.hero__stats{grid-template-columns:1fr}.hero__actions,.hero .button{width:100%}}.how-to-play__grid{display:grid;align-items:center;gap:clamp(1.4rem,4vw,3rem);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.how-to-play__copy p{max-width:40rem;color:var(--muted);font-size:1.05rem}.how-to-play__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.how-to-play__card{min-height:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.1rem;box-shadow:0 16px 32px #0f172a0f}.how-to-play__card:nth-child(2) .how-to-play__number{background:#fff2c7;color:#6a4700}.how-to-play__card:nth-child(3) .how-to-play__number{background:#daf7e4;color:#0e6530}.how-to-play__number{display:inline-flex;margin-bottom:1.05rem;border-radius:var(--radius);background:#e8f2ff;color:var(--brand-dark);padding:.28rem .48rem;font-size:.78rem;font-weight:950}.how-to-play__card p{margin-bottom:0;color:var(--muted)}@media(max-width:900px){.how-to-play__grid,.how-to-play__steps{grid-template-columns:1fr}}.section--game{background:linear-gradient(90deg,rgba(255,59,92,.08),transparent 22%),linear-gradient(270deg,rgba(34,197,94,.1),transparent 28%),#fff}.game__grid{display:grid;align-items:center;gap:clamp(1.4rem,4vw,3rem);grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)}.game__icon{width:min(100%,360px);justify-self:center}.game__icon-image{border-radius:var(--radius);box-shadow:var(--shadow)}.game__copy p{max-width:40rem;color:var(--muted);font-size:1.05rem}.game__features{display:grid;gap:.75rem;margin:1.35rem 0 0;padding:0;list-style:none}.game__feature{position:relative;padding-left:1.5rem;color:var(--ink-soft);font-weight:750}.game__feature:before{content:"";position:absolute;left:0;top:.65em;width:.65rem;height:.65rem;border-radius:2px;background:var(--red)}.game__feature:nth-child(2):before{background:var(--blue)}.game__feature:nth-child(3):before{background:var(--green)}@media(max-width:900px){.game__grid{grid-template-columns:1fr}}.section--privacy{border-block:1px solid var(--line);background:#f7fafc}.privacy-panel__grid{display:grid;align-items:center;gap:clamp(1.4rem,4vw,3rem);grid-template-columns:minmax(0,1fr) auto}.privacy-panel h2{max-width:16ch}.privacy-panel p{max-width:47rem;margin-bottom:0;color:var(--muted)}.privacy-panel__actions{display:grid;gap:.75rem;justify-items:end}@media(max-width:900px){.privacy-panel__grid{grid-template-columns:1fr}.privacy-panel__actions{justify-items:start}}.section--store{padding:clamp(3.4rem,7vw,5.3rem) 0;background:linear-gradient(90deg,#3b82f61c,#fbbf241f),#101826;color:#fff}.store-cta__grid{display:grid;align-items:center;gap:clamp(1.4rem,4vw,3rem);grid-template-columns:minmax(0,1fr) auto}.store-cta h2{max-width:15ch;margin-bottom:0}@media(max-width:900px){.store-cta__grid{grid-template-columns:1fr}}.legal-main{background:linear-gradient(180deg,#eef5fb 0,#fff 18rem);padding:clamp(2.4rem,6vw,5.5rem) 1rem}.legal-article{width:min(840px,100%);margin:0 auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(1.2rem,4vw,3.2rem);box-shadow:0 18px 36px #0f172a14}.legal-article__header{padding-bottom:1.4rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.legal-article__header h1{max-width:none;margin-bottom:.6rem;color:var(--ink);font-size:3.75rem}.legal-article__header p:last-child{margin-bottom:0;color:var(--muted)}.legal-article__section{margin-top:2rem}.legal-article__section h2{max-width:none;margin-bottom:.7rem;font-size:1.55rem;line-height:1.2}.legal-article p,.legal-article li{color:var(--ink-soft)}.legal-article a{color:var(--brand-dark);font-weight:850;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.legal-article ul{padding-left:1.25rem}@media(max-width:900px){.legal-article__header h1{font-size:3rem}}@media(max-width:560px){.legal-main{padding-inline:.75rem}.legal-article__header h1{font-size:2.4rem}.legal-article__section h2{font-size:1.32rem}}
