@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--night:#10151b;--panel:#181e25;--ivory:#f4efe6;--coral:#ff705b;--muted:#a9abb1;--line:#ffffff20;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--night);color:var(--ivory);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--coral);outline-offset:7px}::selection{background:var(--coral);color:var(--night)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.site-header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--heading);font-size:27px;letter-spacing:-1.4px;font-weight:800}.brand-period{font:12px var(--font);align-self:flex-start;margin-top:4px;margin-left:-6px}.brand-mark{display:flex;gap:3px;transform:rotate(-25deg);margin-right:2px}.brand-mark i{width:11px;height:21px;border-radius:9px;background:var(--ivory)}.brand-mark i:last-child{background:var(--coral)}nav{display:flex;gap:36px;font-size:14px}nav a{color:#c8c8cd;transition:color .2s}nav a:hover{color:var(--coral)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--coral);color:var(--night);border:1px solid transparent;border-radius:8px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);background:#ff8a77;box-shadow:0 10px 35px #ff705b20}.button-small{min-height:44px;padding:10px 20px;font-size:14px}.button-small span{font-size:20px}.hero{position:relative;min-height:746px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;padding-top:44px;padding-bottom:108px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;line-height:1.6;display:flex;align-items:center;gap:12px;margin:0 0 30px}.line{width:28px;height:2px;background:var(--coral)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading)}h1{font-size:clamp(54px,5.3vw,80px);font-weight:550;line-height:1.09;letter-spacing:-4.5px;margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400;color:var(--coral);letter-spacing:-3px}h1 em{white-space:nowrap}.hero-description{font-size:18px;line-height:1.8;color:#b7b8bd;max-width:410px;margin-bottom:32px}.app-button{padding:14px 21px;min-height:72px;gap:13px;text-align:left}.app-button svg{width:25px;height:31px;flex-shrink:0}.app-button small{display:block;font-size:12px;line-height:1.4;font-weight:500}.app-button strong{display:block;font-size:23px;line-height:1.15;letter-spacing:-.6px}.cta-arrow{margin-left:23px;font-size:25px;font-weight:400}.hero-note{font-size:12px;letter-spacing:.3px;color:var(--muted);margin:16px 0 0}.hero-art{height:550px;position:relative;isolation:isolate;perspective:1200px}.hero-art:before{content:'';position:absolute;inset:30px -10px 0;background:radial-gradient(ellipse,#ff705b12,transparent 68%);z-index:-1}.art-label{position:absolute;top:8px;left:45px;display:flex;flex-direction:column;font-size:10px;line-height:1.8;letter-spacing:2px;color:#898e96;transform:rotate(-6deg)}.board-scene{width:98%;aspect-ratio:1;position:absolute;top:58px;left:0;transform:rotateX(30deg) rotateZ(-19deg) scale(.91);filter:drop-shadow(10px 42px 24px #0008);animation:board-entry 1.2s cubic-bezier(.2,.8,.2,1) both}.board-base{width:100%;height:100%;display:block}.stone-layer{position:absolute;inset:0}.stone{position:absolute;width:15.3%;height:15.3%;transform:translate(-50%,-50%)}.move-tag{position:absolute;bottom:48px;right:-6px;display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid #ffffff24;background:#192027e8;box-shadow:0 12px 32px #0003;backdrop-filter:blur(16px);border-radius:8px;font-size:12px;line-height:1.7;color:#9da2aa;transform:rotate(-4deg)}.move-tag strong{font-weight:500;color:var(--ivory)}.move-symbol{font-size:36px;line-height:1;color:var(--coral);font-weight:400}.art-index{position:absolute;right:16px;top:34px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:#757b85}.hero-bottom{position:absolute;bottom:30px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#92959e}.hero-bottom a{font-size:12px;letter-spacing:0;color:var(--ivory)}.hero-bottom a span{margin-left:17px;color:var(--coral)}.benefit-strip{border-block:1px solid var(--line);background:#ffffff03}.benefit-strip .wrap{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:17px;font-weight:500;letter-spacing:-.4px}.strip-cross{color:var(--coral);font-size:22px;font-weight:400}.section-space{padding-block:115px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:80px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(36px,3.2vw,49px);line-height:1.2;letter-spacing:-2.1px;font-weight:500;margin-bottom:48px}.section-heading h2 span{color:#7f848d}.section-heading>p:last-child{align-self:center;color:var(--muted);font-size:18px;line-height:1.7;margin-bottom:48px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.rule{border-top:1px solid #ffffff30;padding-top:24px}.rule-number{font-size:12px;color:var(--coral)}.rule h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:23px 0 14px}.rule>p{font-size:16px;line-height:1.75;color:var(--muted);min-height:112px;margin-bottom:20px}.rule-mini{height:102px;display:flex;align-items:center;gap:12px}.rule-mini img{width:76px;height:76px;object-fit:contain}.rule-mini>span{font-size:10px;letter-spacing:1.4px;color:#8f939b}.flip-mini>span{font-size:29px;color:var(--coral);margin:0 4px}.four-mini{gap:0}.four-mini img{width:22%;max-width:76px;height:auto}.rivals{background:#1b222a;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.rivals-heading{display:flex;justify-content:space-between;gap:64px;align-items:end}.rivals h2{font-size:64px;line-height:1.1;letter-spacing:-3px;font-weight:500;margin-bottom:0}.rivals-heading>p{font-size:17px;line-height:1.8;color:#b0b4bb;max-width:370px;margin-bottom:0}.rival-lineup{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:55px}.portrait{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.portrait:before{content:'';position:absolute;width:80%;height:50%;bottom:8%;background:radial-gradient(ellipse,#ffffff07,transparent 70%)}.portrait img{width:116%;max-width:none;height:116%;object-fit:contain;position:relative;transition:transform .5s}.rival:hover .portrait img{transform:translateY(-9px)}.rival-info{border-top:1px solid #ffffff25;padding-top:20px;margin-top:18px}.rival-info>span{float:right;color:#89919c;font-size:11px;padding-top:6px}.rival-info h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 7px}.rival-info p{font-size:13px;color:#a0a7b1;margin:0}.together-content{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.together h2{font-size:clamp(36px,4vw,60px);font-weight:500;letter-spacing:-2.8px;line-height:1.16;margin:0}.together h2 span{color:#80868e}.together-description{max-width:370px}.together-description p:first-child{font-size:23px;letter-spacing:-.4px;margin-bottom:15px}.together-description p:nth-child(2){font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:20px}.duo-colors{display:flex;margin-left:-12px}.duo-colors img{width:90px;height:90px;object-fit:contain}.duo-colors img:last-child{margin-left:-24px}.download-section{position:relative;background:var(--coral);color:var(--night);padding:95px 0 85px;text-align:center;overflow:hidden}.download-section .eyebrow{justify-content:center;margin-bottom:27px}.download-section h2{font-size:clamp(65px,7.5vw,110px);font-weight:550;line-height:.97;letter-spacing:-6px;margin-bottom:28px}.download-section em{color:var(--night);letter-spacing:-5px}.download-section p:not(.eyebrow):not(.download-note){font-size:17px;line-height:1.6;margin:0 auto 28px;max-width:470px}.button-dark{background:var(--night);color:var(--ivory)}.button-dark:hover{background:#252c35;box-shadow:0 12px 30px #0002}.download-section .download-note{font-size:12px;margin:15px 0 0}.download-section a:focus-visible{outline-color:var(--night)}footer{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:22px}footer p{font-size:13px;color:var(--muted);margin:0}footer>a:last-child{font-size:13px}footer>a:last-child span{color:var(--coral);margin-left:10px}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;padding:16px;background:var(--ivory);color:var(--night)}.skip-link:focus{top:15px}@keyframes board-entry{from{opacity:0;transform:rotateX(35deg) rotateZ(-23deg) translateY(24px) scale(.88)}to{opacity:1;transform:rotateX(30deg) rotateZ(-19deg) scale(.91)}}
@media(min-width:1600px){.hero{min-height:790px}.hero-art{height:590px}.board-scene{top:45px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}h1{font-size:59px;letter-spacing:-3.5px}.hero{min-height:675px}.hero-art{height:470px}.board-scene{top:85px;width:108%;left:-5%}.art-label{left:0;top:35px}.move-tag{bottom:15px;right:0;padding:14px}.art-index{right:0;top:10px}.rules-grid{gap:28px}.rule>p{min-height:140px}.rivals-heading{gap:40px}.portrait img{width:128%;height:128%}.rival-lineup{gap:15px}.section-heading,.together-content{gap:45px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:86px}.brand{font-size:24px}nav{gap:20px;font-size:13px}.button-small{padding:10px 14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:54px;padding-bottom:75px}.hero-copy{max-width:590px}.hero .eyebrow{margin-bottom:24px}h1{font-size:clamp(47px,8.4vw,67px);letter-spacing:-3px}.hero-description{font-size:17px;max-width:420px}.hero-art{height:480px;width:100%;max-width:560px;align-self:center;margin-top:25px}.board-scene{top:25px;left:7%;width:86%}.art-label{top:0;left:15px}.move-tag{bottom:25px;right:15px}.art-index{top:35px}.hero-bottom>span:last-child{display:none}.hero-bottom{width:100%;bottom:26px}.benefit-strip .wrap{min-height:110px;display:grid;grid-template-columns:1fr 1fr;font-size:16px;gap:14px 20px;padding-block:22px}.strip-cross{display:none}.benefit-strip .wrap>span:not(.strip-cross):before{content:'+';color:var(--coral);margin-right:10px}.section-space{padding-block:75px}.section-heading{display:block}.section-heading h2{font-size:40px;margin-bottom:24px}.section-heading>p:last-child{font-size:17px;margin-bottom:36px}.rules-grid{gap:23px}.rule h3{font-size:21px}.rule>p{font-size:15px;min-height:184px}.rule-mini img{width:58px;height:58px}.rule-mini>span{font-size:9px}.flip-mini{gap:0}.flip-mini>span{font-size:23px}.four-mini img{width:25%;height:auto}.rivals-heading{display:block}.rivals h2{font-size:53px}.rivals-heading>p{margin-top:28px;max-width:440px}.rival-lineup{gap:18px;grid-template-columns:repeat(3,1fr);row-gap:36px;margin-top:42px}.rival-info{margin-top:4px}.portrait img{width:112%;height:112%}.together-content{gap:30px}.together h2{font-size:38px;letter-spacing:-1.8px}.together-description p:first-child{font-size:19px}.download-section{padding-block:75px}footer{flex-wrap:wrap;justify-content:space-between;padding-block:28px;min-height:120px}footer p{display:none}}
@media(max-width:520px){nav{display:none}.hero{padding-top:44px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:47px;letter-spacing:-2.7px}h1 em{letter-spacing:-2.5px}.hero-description{font-size:16px;line-height:1.75;max-width:340px;margin-bottom:25px}.app-button{min-height:69px}.hero-art{height:365px;margin-top:37px}.board-scene{top:36px;width:94%;left:3%}.art-label{font-size:8px;letter-spacing:1.4px;top:4px;left:7px}.art-index{font-size:8px;right:0;top:18px}.move-tag{font-size:10px;bottom:13px;padding:11px 15px;right:0;gap:10px}.move-symbol{font-size:29px}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-bottom a{font-size:11px}.benefit-strip .wrap{font-size:14px}.section-heading h2{font-size:33px;letter-spacing:-1.5px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:23px}.rules-grid{grid-template-columns:1fr;gap:32px}.rule{position:relative;padding-top:20px}.rule h3{font-size:24px;margin-top:17px}.rule>p{font-size:16px;min-height:0;max-width:370px;margin-bottom:2px}.rule-mini{height:84px}.rule-mini img{width:65px;height:65px}.rule-mini>span{font-size:10px}.flip-mini>span{font-size:25px}.four-mini img{width:60px;height:60px}.rivals h2{font-size:49px}.rival-lineup{grid-template-columns:repeat(2,1fr);gap:32px 20px}.rival:last-child{grid-column:1/-1;width:calc(50% - 10px);margin-inline:auto}.rival-info h3{font-size:22px}.rival-info p{font-size:12px}.together-content{display:block}.together h2{font-size:40px}.together-description{margin-top:30px}.together-description p:first-child{font-size:20px}.download-section h2{font-size:71px;letter-spacing:-4px}.download-section em{letter-spacing:-4px}.download-section p:not(.eyebrow):not(.download-note){font-size:16px;max-width:310px}footer>a:last-child{font-size:11px}footer .brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:801px) and (max-width:1150px){.board-scene{width:88%;left:1%;top:75px}.hero-art{height:455px}.move-tag{bottom:25px;right:0}}
@media(min-width:1151px){.board-scene{width:88%;left:3%;top:62px}} @media(max-width:520px){.board-scene{width:90%;left:3%}}