@font-face{font-family:Chonburi;src:url(/fonts/Chonburi-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Rakkas;src:url(/fonts/Rakkas-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--gold:#f8c62f;--ink:#1b1821;--ivory:#fff8ec;--muted:#655e57;--ease-out:cubic-bezier(.23, 1, .32, 1);--focus:var(--ink);color-scheme:light;color:var(--ink);background:var(--ivory);scrollbar-color:var(--ink) var(--ivory);font-family:Figtree,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:24px}body{-webkit-font-smoothing:antialiased;margin:0}::selection{color:var(--ivory);background:var(--ink)}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}:is(a,button,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2,.mode-copy h3{letter-spacing:-.025em;font-family:Chonburi,serif;font-weight:400}.wrap{width:min(1248px,100% - 128px);margin-inline:auto}.site-header{background:var(--gold);border-bottom:1px solid #1b18211a}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:116px;display:flex}.brand{flex-shrink:0}.brand img{object-fit:contain;width:148px;height:74px}.site-header nav,.site-footer nav{align-items:center;gap:30px;display:flex}.site-header nav a{align-items:center;min-height:44px;font-size:15px;text-decoration:none;display:inline-flex}.site-header .header-play{border:1px solid #1b182180;border-radius:14px;gap:8px;padding:9px 18px;font-family:Rakkas,serif;font-size:19px}.arrow{transition:transform .14s var(--ease-out);flex-shrink:0}.hero{background:var(--gold);padding:72px 0 64px}.hero-copy{text-align:center}h1{font-size:clamp(42px,5.42vw,78px);line-height:1.1}.hero-copy>p{text-wrap:pretty;max-width:660px;margin:24px auto 20px;font-size:21px;line-height:1.48}.download-actions{flex-direction:column;align-items:center;gap:18px;display:flex}.store-actions{justify-content:center;align-items:center;gap:16px;min-height:88px;display:flex}.store-soon{background:var(--ink);width:206px;min-height:76px;color:var(--ivory);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px;display:flex}.store-soon strong{font-size:21px;line-height:25px}.store-soon span{color:var(--gold);font-size:14px;line-height:18px}.store-link{transition:transform .14s var(--ease-out);justify-content:center;align-items:center;display:flex}.apple-store{width:206px}.google-store{width:228px}.store-link img{width:100%}.web-link{align-items:center;gap:6px;min-height:44px;font-size:15px;display:inline-flex}.hero-art{max-width:1100px;margin-top:16px}.hero-art img{object-fit:contain;width:100%}.modes-section{background:var(--ink);color:var(--ivory);--focus:var(--gold);padding:94px 0 110px}h2{font-size:clamp(32px,3.7vw,52px);line-height:1.15}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px;display:flex}.section-heading h2{max-width:650px}.mode-tabs{border:1px solid #fff8ec40;border-radius:14px;flex-shrink:0;gap:5px;padding:5px;display:flex}.mode-tabs[hidden]{display:none}.mode-tabs button{color:var(--ivory);background:0 0;border:0;border-radius:9px;width:108px;min-height:44px}.mode-tabs button[aria-selected=true]{background:var(--gold);color:var(--ink);text-underline-offset:5px;text-decoration:underline}.mode-panels{gap:28px;display:grid}.mode-panel{background:var(--ivory);color:var(--ink);--focus:var(--ink);border-radius:16px;grid-template-columns:56% 44%;display:grid;overflow:hidden}.mode-panel[hidden]{display:none}.mode-art{aspect-ratio:760/610;object-fit:cover;width:100%;height:100%;min-height:520px}.mode-copy{flex-direction:column;justify-content:center;padding:56px;display:flex}.mode-copy h3{font-size:clamp(34px,3.48vw,50px);line-height:1.14}.mode-copy p{color:var(--muted);margin-top:24px;font-size:19px;line-height:1.53}.mode-name{margin-bottom:14px;font:700 16px/1.5 Figtree,sans-serif;display:block}.enhanced .mode-name{display:none}.features-section{background:var(--ivory);padding:94px 0 72px}.features-section h2{font-size:clamp(32px,3.2vw,46px)}.feature-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;margin-top:54px;display:grid}.feature-preview{flex-direction:column;justify-content:center;height:214px;margin-bottom:32px;display:flex}.friends-preview{align-items:center;gap:22px}.rival-pair{align-items:center;gap:20px;display:flex}.rival-pair img{width:92px;height:92px}.rival-pair span{font-family:Chonburi,serif;font-size:23px}.example-challenge{background:var(--gold);border-radius:12px;padding:12px 24px;font-weight:700}.ranking-preview,.results-preview{font-variant-numeric:tabular-nums;gap:4px}.ranking-row{border-radius:12px;align-items:center;gap:12px;height:60px;padding:12px 14px;font-size:17px;display:flex}.ranking-row.you{background:var(--gold)}.ranking-row .position{width:20px}.ranking-row img{border-radius:50%;width:36px;height:36px}.ranking-row strong{flex:1}.result-row{align-items:center;gap:14px;min-height:60px;font-size:17px;display:flex}.result-row strong{white-space:nowrap;margin-left:auto}.result-label{text-align:center;background:var(--gold);border-radius:8px;min-width:54px;padding:10px 6px;font-size:14px;font-weight:700}.result-label.draw{background:#eee6d9}.feature h3{text-wrap:pretty;font-size:24px;font-weight:700;line-height:1.25}.feature p{color:var(--muted);text-wrap:pretty;margin-top:12px;font-size:18px;line-height:1.5}.example-note{color:var(--muted);margin-top:32px;font-size:12px;line-height:1.5}.closing{background:var(--gold);padding:80px 0}.closing-inner{justify-content:space-between;align-items:center;gap:40px;display:flex}.closing h2{font-size:clamp(32px,3.2vw,46px)}.closing .download-actions{flex-shrink:0;align-items:end}.site-footer{background:var(--ivory)}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;font-size:14px;display:flex}.site-footer nav{flex-wrap:wrap;gap:28px}.site-footer a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.policy{overflow-wrap:anywhere;max-width:70ch;padding-block:64px 88px;font-size:18px;line-height:1.65}.policy h1{font-size:clamp(36px,5vw,56px)}.policy .updated{margin-top:16px;font-size:15px}.policy h2{margin-top:40px;font-size:26px;line-height:1.3}.policy p,.policy ul{margin-top:16px}.policy ul{margin-bottom:0;padding-left:24px}.policy li+li{margin-top:10px}.not-found{padding-block:110px}.not-found p{margin-block:24px}.skip-link{background:var(--ivory);z-index:5;padding:12px;position:absolute;top:8px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:none}.header-play,.mode-tabs button{transition:transform .14s var(--ease-out)}:is(.header-play,.store-link,.mode-tabs button):active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){:is(.web-link,.header-play):hover .arrow{transform:translate(2px,-2px)}.store-link:hover{transform:translateY(-2px)}:is(.section-link,.site-footer a):hover{text-decoration:underline}.mode-tabs button:not([aria-selected=true]):hover{background:#fff8ec14}}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.mode-copy{padding:34px}.mode-art{min-height:420px}.feature-columns{gap:28px}.feature h3{font-size:21px}.feature p{font-size:17px}.rival-pair{gap:12px}.rival-pair img{width:72px;height:72px}.ranking-row{gap:8px;padding-inline:8px}.result-row{gap:8px;font-size:15px}.closing-inner{text-align:center;flex-direction:column}.closing .download-actions{align-items:center}}@media (width<=700px){.wrap{width:calc(100% - 40px)}.header-inner{gap:16px;min-height:92px}.brand img{width:112px;height:56px}.site-header nav{gap:12px}.site-header .section-link{display:none}.site-header .header-play{padding-inline:12px;font-size:17px}.hero{padding:44px 0 40px}h1{font-size:clamp(36px,9vw,58px);line-height:1.15}.hero-copy>p{max-width:35ch;margin-top:20px;font-size:18px}.store-actions{gap:12px;width:100%;max-width:420px;min-height:76px}.store-soon{width:calc(50% - 6px);min-height:72px}.store-soon strong{font-size:18px}.store-soon span{font-size:13px}.store-link{width:calc(50% - 6px)}.download-actions{gap:8px}.hero-art{margin-top:24px}.modes-section{padding:56px 0}.section-heading{flex-direction:column;align-items:start;gap:24px;margin-bottom:28px}h2{font-size:34px}.mode-panel{grid-template-columns:1fr}.mode-art{aspect-ratio:1.25;height:auto;min-height:0}.mode-copy{min-height:265px;padding:30px 26px 36px}.mode-copy h3{font-size:34px}.mode-copy p{margin-top:18px;font-size:18px}.features-section{padding:56px 0}.feature-columns{grid-template-columns:1fr;gap:44px;margin-top:32px}.feature{width:100%;max-width:420px;margin-inline:auto}.feature-preview{height:190px;margin-bottom:24px}.rival-pair img{width:86px;height:86px}.rival-pair{gap:20px}.feature h3{font-size:24px}.ranking-row,.result-row{font-size:17px}.closing{padding:56px 0}.closing-inner{gap:24px}.closing .download-actions{width:100%}.footer-inner{flex-direction:column;align-items:start;gap:6px;padding-block:20px}.site-footer nav{gap:22px}.policy{padding-block:40px 56px;font-size:17px}}@media (prefers-reduced-motion:reduce){.arrow,.header-play,.store-link,.mode-tabs button{transition:opacity 80ms linear}:is(.header-play,.store-link,.mode-tabs button):active{opacity:.8;transform:none}.store-link:hover,:is(.web-link,.header-play):hover .arrow{transform:none}}