:root{color-scheme:light;--ink:#121820;--muted:#505b69;--blue:#065fc8;--line:#dce2e9;--yellow:#ffdf26;--paper:#fff;--soft:#f2f6fc;--wrap:1180px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;font-size:1rem;line-height:1.6}a{color:var(--blue);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(2.6rem,5.4vw,4.8rem);font-weight:850;max-width:13ch;text-wrap:balance}h2{font-size:clamp(2rem,3.4vw,3rem);max-width:22ch;text-wrap:balance}h3{font-size:1.35rem;letter-spacing:-.025em;line-height:1.2}p{max-width:66ch}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:1rem;z-index:1000}.skip:focus{top:1rem}.header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);font-size:1.25rem;font-weight:850;text-decoration:none;letter-spacing:-.045em}.brand img{width:42px;height:42px;border-radius:10px}.languages{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.languages a{color:var(--ink);font-size:.875rem;padding:.45rem .65rem;text-decoration:none;border-radius:6px}.languages a[aria-current]{background:var(--ink);color:#fff;font-weight:750}.hero{padding:72px 0 56px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px}.eyebrow{color:var(--blue);font-weight:750;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.intro{font-size:1.17rem;color:var(--muted);margin-top:26px;line-height:1.65}.store-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.store-button{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;min-height:56px;color:#fff;background:var(--ink);border:2px solid var(--ink);border-radius:10px;text-decoration:none;font-size:1rem;font-weight:700;line-height:1.2}.store-button:hover{background:var(--blue);border-color:var(--blue);text-decoration:none}.store-button svg{width:23px;height:26px;flex:none}.download-note{font-size:.875rem;margin-top:12px;color:var(--muted)}.hero-art{background:var(--blue);padding:14px;border-radius:20px;transform:rotate(1.5deg)}.hero-art img{border-radius:10px;width:100%;height:auto}.hero-art figcaption{color:#fff;font-size:.875rem;line-height:1.45;padding:16px 6px 3px;transform:rotate(-1.5deg)}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:25px}.fact{display:flex;align-items:baseline;gap:12px;justify-content:center;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact strong{font-size:2.4rem;letter-spacing:-.055em;font-weight:850;line-height:1}.fact span{font-size:1rem;color:var(--muted)}.section{padding-block:88px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.section-top p{max-width:44ch;color:var(--muted)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step-number{display:block;font-weight:850;font-size:.875rem;color:var(--blue);margin-bottom:18px}.steps p{margin-top:14px;color:var(--muted)}.modes-section{background:var(--ink);color:white}.modes-section h2{max-width:24ch}.modes-intro{margin-top:20px;color:#cdd5e1;max-width:64ch}.mode-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:36px 0 0}.mode-list li{font-weight:850;letter-spacing:-.03em;font-size:clamp(1.3rem,2.5vw,2rem);padding:25px;border-top:5px solid var(--yellow);background:#242d39;border-radius:4px 4px 12px 12px}.mode-list li:nth-child(2){border-color:#ff398e}.mode-list li:nth-child(3){border-color:#59b9ff}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.category-grid p{margin-top:22px;color:var(--muted)}.category-list{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:25px 0 0;padding:0}.category-list li{padding:10px 18px;background:var(--soft);border:1px solid var(--line);border-radius:100px;font-weight:650}.category-art img{border:1px solid var(--line);border-radius:12px}.category-art figcaption{font-size:.875rem;margin-top:12px;color:var(--muted)}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;padding-block:78px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}.faqs summary{cursor:pointer;font-weight:700;padding:22px 28px 22px 0;position:relative;list-style:none;line-height:1.5}.faqs summary::-webkit-details-marker{display:none}.faqs summary::after{content:'+';position:absolute;right:0;top:19px;font-size:1.45rem;color:var(--blue)}.faqs details[open] summary::after{content:'−'}.faqs details p{color:var(--muted);padding-bottom:24px}.download-section{background:var(--yellow);border-radius:22px;padding:52px;margin-bottom:54px;display:flex;align-items:center;justify-content:space-between;gap:36px}.download-section h2{max-width:19ch}.download-section p{margin-top:18px;max-width:45ch}.download-section .store-buttons{margin-top:0}.smart-link{font-size:.875rem;color:var(--ink);display:inline-block;margin-top:14px}.footer{border-top:1px solid var(--line);padding-block:30px 36px;color:var(--muted);font-size:.875rem}.footer-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer a{color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:20px}.footer-note{margin-top:16px}.nav{display:flex;gap:22px;font-size:.875rem}.nav a{color:var(--ink);text-decoration:none}.nav a:hover{text-decoration:underline}@media(max-width:1050px){.hero{gap:30px}.nav{display:none}.facts .fact{flex-direction:column;align-items:center;gap:7px}.category-grid{gap:32px}.download-section{padding:38px;flex-direction:column;align-items:start}.download-section .store-buttons{margin-top:5px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{min-height:80px;gap:10px}.brand{font-size:1.1rem}.brand img{width:34px;height:34px}.languages a{padding:.5rem .4rem;font-size:.8125rem}.hero{padding:42px 0 38px;grid-template-columns:1fr;gap:34px}.hero h1{max-width:15ch}.hero-art{transform:none;padding:10px;border-radius:14px}.hero-art figcaption{transform:none;padding:13px 4px 3px}.intro{font-size:1.08rem;margin-top:20px}.store-buttons{gap:10px}.store-button{padding:13px 16px;font-size:.95rem}.facts{padding-block:20px}.fact strong{font-size:2rem}.fact span{font-size:.875rem;text-align:center;line-height:1.3}.section{padding-block:56px}.section-top{display:block;margin-bottom:30px}.section-top p{margin-top:20px}.steps{grid-template-columns:1fr;gap:28px}.step-number{margin-bottom:9px}.steps p{margin-top:10px}.mode-list{gap:8px}.mode-list li{font-size:1.15rem;padding:20px 12px}.category-grid,.faq-section{grid-template-columns:1fr;gap:30px}.faq-section{padding-block:52px}.download-section{border-radius:14px;padding:28px;margin-bottom:34px}.download-section h2{font-size:2.2rem}.footer-top,.footer-bottom{gap:18px}.footer-links{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.store-button,.languages a[aria-current]{border:2px solid LinkText}.hero-art{outline:1px solid CanvasText}}
/* Basta's playing-table palette, shared by every locale. */
.header{border:0;min-height:94px}.brand{font-size:1.45rem;letter-spacing:-.055em}.brand img{width:44px;height:44px}.nav a{font-weight:600}.languages a{font-weight:650}.hero-shell{background:#085dcc;color:#fff;padding-bottom:0;overflow:hidden;position:relative}.hero{padding:70px 0 60px;grid-template-columns:.95fr 1.05fr;gap:52px}.hero h1{font-size:clamp(2.8rem,4.9vw,4.5rem);line-height:1.03;max-width:15ch;letter-spacing:-.05em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--yellow);margin-top:12px}.hero .eyebrow{color:#d8ebff;font-size:.8125rem;letter-spacing:.11em;margin-bottom:22px}.hero .intro{color:#eef5ff;font-size:1.1rem;max-width:43ch;margin-top:25px;line-height:1.65}.hero .download-note{color:#dbeaff}.hero .store-button{background:#fff;border-color:#fff;color:var(--ink);box-shadow:0 5px 0 #004393;transition:transform .15s,box-shadow .15s}.hero .store-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #004393}.hero .store-button:active{transform:translateY(3px);box-shadow:0 2px 0 #004393}.hero a:focus-visible{outline-color:var(--yellow)}.hero-art{padding:12px;background:#fff;transform:rotate(-3deg);border-radius:15px;box-shadow:14px 18px 0 #03459d;margin:15px 8px 10px 0}.hero-art img{border-radius:7px}.hero-art figcaption{color:var(--ink);font-weight:650;font-size:.875rem;transform:none;text-align:center;padding:16px 5px 6px;line-height:1.4}.facts{border:0;background:#004caa;width:100%;max-width:none;padding:25px max(32px,calc((100vw - var(--wrap))/2));gap:0}.fact{border-color:#397cc9}.fact strong{color:var(--yellow);font-size:2.5rem}.fact span{color:#fff;font-weight:550}.section{padding-block:82px}.steps{gap:25px;counter-reset:steps}.steps li{border-top:3px solid var(--ink);padding:24px 18px 0 0}.steps li:nth-child(2){border-color:#0870d3}.steps li:nth-child(3){border-color:#e5166e}.step-number{font-size:1.125rem;letter-spacing:-.03em;margin-bottom:24px}.steps h3{font-size:1.5rem}.modes-section{background:#f2f5fa;color:var(--ink)}.modes-section .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px 50px}.modes-section h2{grid-column:1}.modes-intro{grid-column:1;color:var(--muted);margin-top:8px}.mode-list{grid-column:2;grid-row:1/3;margin:0;display:flex;flex-direction:column;gap:12px}.mode-list li{border:none;background:var(--yellow);color:var(--ink);border-radius:12px;padding:16px 26px;box-shadow:4px 4px 0 var(--ink);font-size:1.75rem;transform:rotate(-1deg)}.mode-list li:nth-child(2){background:#ff3385;color:#151b22;transform:rotate(1deg)}.mode-list li:nth-child(3){background:#57b9ff;transform:rotate(-1deg)}.category-list li{background:#eaf3ff;color:#074c98;border:none;padding:9px 18px}.category-art img{border:0;border-radius:16px}.download-section{border-radius:18px;background:var(--yellow);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);margin-bottom:65px;padding:48px}.download-section h2{font-size:clamp(2rem,3.6vw,3rem)}.download-section .download-note{color:#323c48}.footer{border-top:0;background:white}.faq-section{padding-block:65px 80px}@media(max-width:1050px){.hero{gap:35px}.hero h1{font-size:clamp(2.65rem,4.9vw,4rem)}.hero-art{margin-right:10px;box-shadow:8px 12px 0 #03459d}.modes-section .wrap{gap:12px 38px}.facts{padding-inline:28px}}@media(max-width:720px){.header{min-height:80px}.brand{font-size:1.25rem}.brand img{width:36px;height:36px}.hero{grid-template-columns:1fr;padding:38px 0 35px;gap:36px}.hero h1{font-size:clamp(2.65rem,10.8vw,4rem);max-width:17ch}.hero h1 em{margin-top:5px}.hero .eyebrow{margin-bottom:16px;font-size:.75rem}.hero .intro{font-size:1.04rem;margin-top:20px}.hero .store-buttons{margin-top:24px}.hero .store-button{padding:13px 18px}.hero-art{margin:8px 5px 5px;transform:rotate(-1deg);padding:8px;border-radius:12px;box-shadow:6px 8px 0 #03459d}.hero-art figcaption{font-size:.8125rem;padding:12px 3px 4px}.facts{padding:22px 14px}.fact strong{font-size:2.1rem}.fact span{font-size:.8125rem}.section{padding-block:52px}.steps li{padding-top:18px}.step-number{margin-bottom:12px}.modes-section .wrap{grid-template-columns:1fr;gap:18px}.modes-section h2,.modes-intro,.mode-list{grid-column:1;grid-row:auto}.modes-intro{margin-top:0}.mode-list{margin:6px 4px 0 0}.mode-list li{font-size:1.4rem;padding:16px 22px;box-shadow:3px 3px 0 var(--ink)}.download-section{padding:28px 24px;margin-bottom:45px;box-shadow:5px 5px 0 var(--ink)}.faq-section{padding-block:44px 56px}.footer{padding-top:16px}}@media(prefers-reduced-motion:reduce){.hero .store-button{transition:none}}
.modes-section .wrap{align-items:center;grid-template-columns:.9fr 1.1fr;gap:56px}.mode-copy .mode-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:9px;margin-top:28px}.mode-copy .mode-list li{font-size:1rem;padding:9px 15px;border-radius:6px;box-shadow:2px 3px 0 var(--ink);transform:none}.mode-art img{border-radius:15px;box-shadow:8px 8px 0 #d8e2ef}.mode-art figcaption{font-size:.875rem;color:var(--muted);margin-top:20px}@media(max-width:720px){.modes-section .wrap{grid-template-columns:1fr;gap:28px}.mode-art{margin-right:5px}.mode-art img{border-radius:10px;box-shadow:5px 5px 0 #d8e2ef}.mode-copy .mode-list{margin-top:22px}}
.mode-copy .mode-list{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}.mode-copy .mode-list li{position:relative;isolation:isolate;display:inline-block;width:max-content;max-width:100%;padding:0 5px 3px 0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:var(--ink);font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:850;line-height:1.13;letter-spacing:-.04em}.mode-copy .mode-list li::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:.29em;background:var(--yellow);z-index:-1}.mode-copy .mode-list li:nth-child(2)::after{background:#ff5c9c}.mode-copy .mode-list li:nth-child(3)::after{background:#65c1ff}@media(max-width:720px){.mode-copy .mode-list{gap:12px;margin-top:25px}.mode-copy .mode-list li{font-size:1.85rem}}

.brand-copy{display:flex;align-items:baseline;gap:.4rem}.brand-copy small{font-size:.875rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.brand-copy small::before{content:"· ";font-weight:500}@media(max-width:720px){.brand-copy{flex-direction:column;align-items:flex-start;gap:0;line-height:1.15}.brand-copy small{margin-top:2px}.brand-copy small::before{content:none}}
@media(max-width:380px){html[lang="en"] .header{gap:8px}html[lang="en"] .languages{gap:2px;flex-wrap:nowrap;flex-shrink:0}html[lang="en"] .brand{gap:7px}}

/* Compact, crawlable language navigation; no client-side router or fonts. */
.header{position:relative}.brand{min-width:0}.brand img{flex:none}.language-picker{position:relative;flex:none;z-index:20}.language-picker>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;color:var(--ink);font-size:.875rem;font-weight:700;border:1px solid var(--line);border-radius:8px;cursor:pointer;list-style:none}.language-picker>summary::-webkit-details-marker{display:none}.language-picker>summary svg{width:20px;height:20px;flex:none}.picker-arrow{line-height:1;font-size:1.1rem}.language-picker[open] .picker-arrow{transform:rotate(180deg)}.language-picker .languages{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:540px;max-height:min(65vh,520px);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:14px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #142b4930}.language-picker .languages a{display:block;padding:11px 9px;line-height:1.35;overflow-wrap:anywhere}.language-picker .languages a:hover{background:var(--soft)}.language-picker .languages a[aria-current]{background:var(--ink);color:#fff}.hero>div,.hero figure,.category-grid>div,.mode-copy,.mode-art,.steps li,.download-section>div{min-width:0}.hero h1,.brand,h2,h3{overflow-wrap:break-word}.fact{min-width:0}.fact strong{unicode-bidi:isolate;white-space:nowrap}.fact span{overflow-wrap:anywhere}
html[dir="rtl"] .fact{border-right:0;border-left:1px solid #ffffff3b}html[dir="rtl"] .fact:last-child{border-left:0}html[dir="rtl"] .faqs summary{padding:22px 0 22px 28px}html[dir="rtl"] .faqs summary::after{right:auto;left:0}html[dir="rtl"] .skip{left:auto;right:1rem}html[dir="rtl"] .store-buttons{direction:rtl}html[dir="rtl"] .store-button{direction:ltr}html[dir="rtl"] .mode-copy .mode-list li{padding-inline:0 5px}
html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3,html:lang(ar) .brand,html:lang(ar) .mode-list li,html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3,html:lang(hi) .brand,html:lang(hi) .mode-list li,html:lang(th) h1,html:lang(th) h2,html:lang(th) h3,html:lang(th) .brand,html:lang(th) .mode-list li{letter-spacing:normal;line-height:1.35}html:lang(ar) .eyebrow,html:lang(hi) .eyebrow,html:lang(th) .eyebrow{letter-spacing:normal}html:lang(ja) h1,html:lang(ko) h1,html:lang(zh) h1{font-size:clamp(2.3rem,4.2vw,3.8rem);letter-spacing:-.015em;line-height:1.3;max-width:none;word-break:normal}html:lang(ja) h2,html:lang(ko) h2,html:lang(zh) h2{line-height:1.3;letter-spacing:normal}html:lang(ko) h1,html:lang(ko) h2,html:lang(ko) h3{word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:720px){.header{gap:12px}.brand{font-size:1.2rem;line-height:1.2;max-width:calc(100% - 105px)}.language-picker{position:static}.language-picker .languages{top:calc(100% - 5px);width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.language-picker .languages a{font-size:.875rem;padding:12px 10px}.language-picker>summary{padding:8px}.hero h1{overflow-wrap:anywhere}html:lang(ja) .hero h1,html:lang(ko) .hero h1,html:lang(zh) .hero h1{font-size:clamp(2rem,8.8vw,3rem)}html:lang(th) .hero h1,html:lang(hi) .hero h1,html:lang(ar) .hero h1{font-size:clamp(2rem,8.8vw,3rem)}.facts{gap:6px}.mode-copy .mode-list li{overflow-wrap:anywhere}}
.brand-copy{min-width:0}@media(max-width:720px){.brand-copy small{white-space:normal}}