@font-face{font-family:system-fallback;src:local("Arial");font-display:swap}
:root{color-scheme:light;--bg:#faf9f6;--panel:#eef2ef;--ink:#23363b;--muted:#536569;--mint:#28666c;--gold:#b74b35;--line:#23363b26;--font:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:disabled:not(.scene-button){opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a:hover{text-decoration-thickness:1px}::selection{background:var(--gold);color:var(--bg)}.site-shell{max-width:1440px;margin:auto;padding:0 72px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:750;letter-spacing:-1.3px}.wordmark-light{font-weight:450}.wordmark-period{color:var(--gold)}.wordmark img{object-fit:contain}.site-header nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:550}.site-header nav>a:not(.nav-cta):hover{color:var(--gold)}.nav-cta{border:1px solid #91ad8a70;border-radius:999px;padding:12px 19px}.nav-cta span{margin-left:18px;color:var(--mint)}.nav-cta:hover{background:#c7e79d10}.hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:695px;padding:58px 0 46px;gap:8px}.hero-copy{z-index:2;position:relative;padding-bottom:34px}.eyebrow{font-size:10px;line-height:1.6;font-weight:650;letter-spacing:2.1px;color:var(--mint);margin:0 0 29px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #c7e79d33}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.3vw,90px);letter-spacing:-5px;line-height:1.03;font-weight:600;margin-bottom:29px}.moving-word{position:relative;color:var(--mint);white-space:nowrap;display:inline-block}.title-period{color:var(--gold)}.moving-word svg{position:absolute;width:100%;height:20px;left:0;bottom:-18px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;opacity:.8}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);max-width:388px;margin-top:42px;margin-bottom:29px}.hero-actions{display:flex;gap:21px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;border-radius:8px;padding:14px 22px;border:0;font-size:13px;font-weight:700;line-height:1.5;transition:background .15s,transform .15s}.button-primary{background:var(--gold);color:#173127}.button:hover{background:#ffe5a5;transform:translateY(-1px)}.button span[aria-hidden]{font-size:20px;font-weight:450;line-height:1}.platform-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.platform-note svg{fill:none;stroke:currentColor;stroke-width:1.2}.hero-small{font-size:8px;letter-spacing:1.5px;color:#7e9b88;margin:26px 0 0}.city-figure{margin:0 -50px 0 -38px;position:relative;align-self:center}.city-stage{width:100%;aspect-ratio:900/790;position:relative}.city-halo{position:absolute;inset:5% -2% 0;background:radial-gradient(ellipse at 50% 55%,#476d3845,transparent 66%);pointer-events:none}.city-stage canvas,.city-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.city-stage canvas{opacity:0;transition:opacity .3s}.city-stage.is-ready canvas{opacity:1}.city-stage.is-ready .city-poster{opacity:0}.scene-label{position:absolute;top:4%;right:11%;font-size:8px;letter-spacing:1.5px;color:#b4c8a7;border:1px solid #91ad8a35;border-radius:999px;padding:9px 12px;transform:rotate(5deg);background:#183529a6}.scene-label>span{color:var(--gold);margin-right:5px;font-size:6px}.city-controls{display:flex;align-items:center;justify-content:center;gap:21px;padding:2px 25px 0;position:relative;z-index:2;flex-wrap:wrap}.signal-invite{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.signal-invite strong{font-weight:550;color:var(--ink)}.tiny-signal{display:inline-flex;flex-direction:column;gap:2px;background:#284437;border-radius:4px;padding:4px}.tiny-signal i{width:4px;height:4px;border-radius:50%;background:#ff9b7577}.tiny-signal i:nth-child(2){background:#ffda8377}.tiny-signal i:nth-child(3){background:var(--mint)}.curved-arrow{color:var(--gold);font-size:28px;transform:rotate(40deg);margin-left:2px}.scene-buttons{display:flex;gap:6px}.scene-button{background:#1a382c;border:1px solid #6482666b;border-radius:7px;min-height:36px;color:#d8e5cc;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:9px;padding:8px 10px}.scene-button:hover{background:#2a4937}.scene-button:disabled{opacity:.5}.scene-button[aria-pressed=true]{border-color:var(--gold)}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px #c7e79d88}.motion-button{width:36px;font-size:15px}.coming-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:18px}.coming-strip>span{display:flex;align-items:center;gap:9px;letter-spacing:1.7px;font-size:9px;font-weight:600;color:var(--mint)}.coming-strip p{margin:0;font-size:13px;letter-spacing:.2px;color:#c4d0c0}.coming-strip>a{font-size:8px;letter-spacing:1.6px;color:#9cb39d;display:flex;gap:20px;align-items:center}.coming-strip>a span{font-size:18px;color:var(--mint)}.about-section{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding:95px 0 88px}.section-intro .eyebrow{margin-bottom:20px}h2{font-size:43px;letter-spacing:-1.9px;line-height:1.14;font-weight:500;margin-bottom:25px}h2 em{font-style:normal;color:var(--mint)}.section-intro>p:last-child{font-size:13px;line-height:1.9;color:var(--muted)}.game-detail{display:grid;grid-template-columns:25px 1fr 45px;gap:18px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.game-detail:last-child{margin:0;padding-bottom:0;border:0}.detail-number{font-family:ui-monospace,monospace;font-size:10px;color:#a4bb93;padding-top:5px}.game-detail h3{font-size:15px;font-weight:550;letter-spacing:-.3px;margin-bottom:9px}.game-detail p{font-size:12px;color:var(--muted);line-height:1.8;max-width:325px;margin-bottom:0}.detail-glyph{width:39px;fill:none;stroke:#a8c395;stroke-width:1.2;align-self:center}.detail-glyph .glyph-fill{fill:var(--gold);stroke:var(--gold)}.signup-section{padding:49px 43px 45px;background:#203d2f;border:1px solid #93af7f35;border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;overflow:hidden}.signup-section:before{content:"";position:absolute;inset:auto auto -220px -160px;width:500px;height:500px;border:1px solid #9fbe7c0a;border-radius:50%;box-shadow:0 0 0 45px #9fbe7c03,0 0 0 90px #9fbe7c03;pointer-events:none}.signup-copy{position:relative}.signup-copy .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:17px}.signup-copy h2{font-size:37px;margin-bottom:17px}.signup-copy>p:last-child{font-size:12px;line-height:1.85;color:#b5c7b0;margin-bottom:0;max-width:345px}.signup-form{align-self:center;position:relative}.email-label{display:block;margin:0 0 10px;font-size:11px;font-weight:550}.email-row{display:flex;gap:8px}.email-row>input{width:100%;min-width:0;border-radius:7px;background:#142d22;border:1px solid #8ca57866;padding:14px 13px;color:var(--ink);font-size:12px;min-height:49px}.email-row>input::placeholder{color:#a2b19b}.email-row .button{font-size:11px;padding:13px 15px;gap:15px;white-space:nowrap}.consent-label{display:flex;gap:9px;align-items:flex-start;font-size:10px;color:#c3d0b9;line-height:1.65;margin-top:17px;cursor:pointer}.consent-label input{accent-color:var(--gold);width:15px;height:15px;margin:1px 0 0;flex-shrink:0}.form-note{font-size:9px;color:#a9bda3;line-height:1.8;margin:8px 0 0 24px}.form-note a{color:#d3dfc5;text-decoration:underline;text-underline-offset:3px}.form-status{font-size:12px;line-height:1.65;margin:12px 0 0;min-height:0;color:var(--mint)}.form-status:empty{display:none}.form-status[data-state=error]{color:#ffd2bc}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.team-section{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:64px 0 59px}.team-section .eyebrow{font-size:8px;letter-spacing:1.8px;color:#90ab8b;margin-bottom:15px}.team-section>div>p:last-child{font-size:20px;font-weight:450;line-height:1.5;letter-spacing:-.5px;margin-bottom:0}.shopsplit-link{display:flex;gap:18px;align-items:center;border:1px solid #789b6a50;border-radius:9px;padding:22px 25px;min-width:340px;transition:background .15s}.shopsplit-link:hover{background:#c7e79d08}.shopsplit-symbol{width:47px;height:47px;display:grid;place-items:center;background:#d9edc8;border-radius:11px}.shopsplit-symbol svg{width:31px;height:31px;fill:none;stroke:#244335;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shopsplit-link>span:last-child{display:flex;flex-direction:column;gap:6px;flex:1}.shopsplit-link strong{font-size:16px;font-weight:550}.shopsplit-link strong>span{float:right;color:#c2d5ac;font-weight:400}.shopsplit-link>span:last-child>span{font-size:10px;color:var(--muted)}.site-footer{padding:24px 0 34px;border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;align-items:center}.footer-wordmark{font-size:21px;gap:8px;letter-spacing:-.8px}.site-footer p{font-size:8px;color:#93aa96;margin:0}.site-footer nav{display:flex;gap:22px;font-size:9px;color:#b4c4ac}.site-footer nav a:hover{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-80px;left:20px;z-index:10;background:var(--gold);padding:12px;color:#112820;border-radius:5px}.skip-link:focus{top:12px}.info-main{max-width:780px;margin:0 auto;padding:66px 0 75px}.info-main>.eyebrow{margin-bottom:20px}.info-main h1{font-size:58px;letter-spacing:-2.5px;line-height:1.12;margin-bottom:24px}.info-main .info-lead{font-size:19px;color:#c1d0ba;line-height:1.7}.info-main h2{font-size:25px;letter-spacing:-.6px;margin-top:37px;margin-bottom:16px}.info-main p,.info-main li{font-size:14px;line-height:1.9;color:#b9cbb8}.info-main a{color:var(--mint);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.info-main ul{padding-left:23px}.info-main .info-callout{padding:20px 24px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.info-main .info-callout p:last-child{margin:0}.info-toc{display:flex;flex-wrap:wrap;gap:10px 25px;margin:30px 0}.info-toc a{font-size:12px}.info-main .revision{font-size:11px;color:#8fa88e;margin-top:36px}.error-page{min-height:60vh}.error-page .button{color:var(--bg);text-decoration:none}
@media(min-width:1441px){h1{font-size:90px}}
@media(max-width:1150px){.site-shell{padding:0 40px}.hero{min-height:620px;grid-template-columns:1fr 1fr}.hero-copy{padding-bottom:14px}h1{font-size:72px;letter-spacing:-4px}.hero-actions{gap:15px;flex-wrap:wrap}.city-figure{margin:0 -32px 0 -45px}.city-controls{gap:8px;padding:0 10px}.signal-invite{font-size:10px}.curved-arrow{display:none}.about-section{gap:35px}.signup-section{gap:30px;padding:35px 30px}.email-row{flex-direction:column}.email-row .button{align-self:flex-start;gap:28px}.signup-copy h2{font-size:34px}}
@media(max-width:800px){.site-shell{padding:0 28px}.site-header{padding:23px 0}.wordmark{font-size:25px}.site-header nav{gap:20px;font-size:11px}.nav-cta{padding:10px 14px}.nav-cta span{margin-left:9px}.hero{grid-template-columns:1fr;min-height:0;padding:49px 0 30px;gap:0}.hero-copy{padding:0;text-align:center}.hero-copy>.eyebrow{justify-content:center;margin-bottom:25px;font-size:9px}h1{font-size:76px;letter-spacing:-4px}.hero-description{margin:35px auto 23px;max-width:400px;font-size:14px}.hero-actions{justify-content:center;gap:20px}.hero-small{font-size:7px;margin-top:22px}.city-figure{max-width:650px;width:calc(100% + 40px);margin:5px -20px 0;justify-self:center}.city-controls{gap:22px;flex-wrap:nowrap;margin-top:-8px}.scene-label{top:4%;font-size:7px}.coming-strip{padding:21px 0}.coming-strip p{font-size:11px}.coming-strip>a{display:none}.about-section{grid-template-columns:1fr;gap:35px;padding:60px 0}.section-intro h2{font-size:40px}.section-intro>p:last-child{margin-bottom:0}.game-detail{grid-template-columns:25px 1fr 40px;gap:14px}.game-detail p{max-width:none}.signup-section{grid-template-columns:1fr;gap:26px;padding:34px 27px}.signup-copy h2{font-size:36px}.signup-copy>p:last-child{max-width:400px}.email-row{flex-direction:row}.email-row .button{align-self:stretch}.team-section{padding:45px 0;gap:25px}.shopsplit-link{min-width:0;padding:18px;gap:13px}.team-section>div>p:last-child{font-size:17px}.shopsplit-symbol{width:41px;height:41px;flex-shrink:0}.shopsplit-link>span:last-child>span{font-size:9px}.site-footer{flex-wrap:wrap;gap:17px}.site-footer p{order:3;width:100%;font-size:9px}.info-main{padding:45px 0}.info-main h1{font-size:44px;letter-spacing:-1.9px}}
@media(max-width:440px){.site-shell{padding:0 22px}.site-header{padding:20px 0}.site-header nav{gap:13px}.nav-about{display:none}.site-header .wordmark{font-size:23px;gap:6px}.site-header .wordmark img{width:28px;height:34px}.nav-cta{padding:9px 11px;font-size:10px}.nav-cta span{margin-left:6px}.hero{padding-top:38px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:64px;letter-spacing:-3.7px;line-height:1.04}.hero-description{font-size:12px;line-height:1.85;max-width:320px;margin-top:33px}.hero-actions{gap:14px}.hero-actions .button{font-size:11px;gap:18px;padding:13px 17px;min-height:46px}.platform-note{font-size:10px}.hero-small{font-size:6.5px;letter-spacing:1.2px}.city-figure{width:calc(100% + 34px);margin:12px -17px 0}.city-controls{gap:10px;flex-wrap:wrap;margin-top:2px}.scene-button{min-height:35px}.signal-invite{font-size:9px}.scene-label{right:8%;font-size:6px;padding:7px 9px}.coming-strip>span{font-size:8px;letter-spacing:1.3px}.coming-strip p{font-size:10px}.about-section{padding:47px 0;gap:29px}.section-intro h2{font-size:34px}.section-intro>p:last-child{font-size:12px}.game-detail{gap:10px;grid-template-columns:22px 1fr 30px}.game-detail h3{font-size:14px}.game-detail p{font-size:11px}.detail-glyph{width:29px}.signup-section{padding:29px 20px;gap:24px}.signup-copy h2{font-size:32px}.signup-copy>p:last-child{font-size:11px}.email-row{flex-direction:column}.email-row .button{align-self:stretch;justify-content:space-between}.consent-label{font-size:10px}.form-note{font-size:9px}.team-section{align-items:stretch;flex-direction:column;padding:37px 0}.team-section>div>p:last-child{font-size:19px}.team-section>div>p:last-child br{display:none}.team-section .eyebrow{margin-bottom:10px}.shopsplit-link{padding:18px 20px}.shopsplit-link>span:last-child>span{font-size:10px}.info-main h1{font-size:39px}.info-main p,.info-main li{font-size:13px}.info-main .info-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}
/* Avoid scrollable clipping containers around focusable form controls. */
.city-halo{inset:5% 0 0}.signup-section{overflow:clip}.signup-section:before{inset:0;width:auto;height:auto;border:0;border-radius:inherit;box-shadow:none;background:radial-gradient(ellipse at 0% 100%,#9fbe7c08,transparent 65%)}.form-trap{left:0;top:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
/* Keep the interactive and consent controls comfortable to read and tap. */
.scene-button{min-height:44px;font-size:11px}.motion-button{width:44px;font-size:17px}.city-controls{row-gap:12px}.consent-label{font-size:12px}.form-note{font-size:11px}.email-label{font-size:13px}.email-row>input{font-size:14px}.signup-copy>p:last-child{font-size:13px}.game-detail p{font-size:13px}.site-footer p,.site-footer nav{font-size:11px}
@media(max-width:440px){.city-controls{flex-wrap:wrap;gap:9px}.signal-invite{font-size:11px}.scene-buttons{gap:8px}.scene-button{font-size:10px}.game-detail p{font-size:13px}.signup-copy>p:last-child{font-size:13px}.consent-label{font-size:12px}.form-note{font-size:11px}.email-row .button{font-size:13px}.shopsplit-link>span:last-child>span{font-size:12px}.site-header nav{font-size:12px}.nav-cta{font-size:11px}}
@media(max-width:360px){h1{font-size:clamp(48px,16.4vw,59px);letter-spacing:-3px}.site-header nav>a[href="/support"]{display:none}.nav-cta{font-size:10px;padding:9px 10px}}
/* City play: an illustrative map becomes a board in one deliberate reveal. */
.city-play-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;padding:6px 0 92px}.city-play-copy .eyebrow{margin-bottom:22px}.city-play-copy h2{font-size:48px;margin-bottom:23px}.city-play-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:360px}.city-play-copy>p:nth-of-type(3){font-size:12px;color:#a8bfa7}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;color:var(--mint);padding:12px 0;border-bottom:1px solid #93af7f55}.text-link:hover{color:var(--gold)}.map-demo{margin:0;border:1px solid #829b714d;border-radius:16px;overflow:clip;background:#19352b;box-shadow:0 25px 70px #071a1730}.map-demo-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0;gap:15px}.map-demo-header>span:first-child{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:#c0d4b1}.map-demo-tag{font-family:ui-monospace,monospace;letter-spacing:1px;font-size:8px;color:var(--gold);padding:6px 8px;border:1px solid #f6d38a44;border-radius:5px}.map-viewport{position:relative;aspect-ratio:720/530;overflow:hidden;overflow:clip;margin-top:14px;isolation:isolate;background:#19382e}.map-art,.board-art,.map-fallback{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%;pointer-events:none}.map-art svg,.board-art svg{display:block;width:100%;height:100%}.map-art,.board-art{opacity:0}.map-viewport.is-ready .map-fallback{visibility:hidden}.map-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px 14px #19352b80;z-index:2}.board-art{background:radial-gradient(ellipse at 50% 48%,#5f7b3b30,transparent 70%)}.map-scene-label{position:absolute;left:12px;right:12px;bottom:35px;z-index:3;text-align:center;font-size:11px;color:#e6e9cc;letter-spacing:.3px;text-shadow:0 2px 8px #112820}.map-illustration-note{position:absolute;bottom:13px;left:10px;right:10px;text-align:center;z-index:3;font-family:ui-monospace,monospace;font-size:7px;letter-spacing:1px;color:#a6b99f}.map-crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;border:1px solid #f6d38a88;border-radius:50%;pointer-events:none;opacity:0}.map-viewport[data-phase=zone] .map-crosshair{opacity:1}.map-demo figcaption{padding:20px 22px 18px;border-top:1px solid #789b6a30}.map-steps{display:flex;justify-content:space-between;gap:10px;list-style:none;margin:0 0 20px;padding:0}.map-steps li{display:flex;flex-direction:column;gap:7px;font-size:10px;line-height:1.4;color:#91aa92}.map-steps li span{font-family:ui-monospace,monospace;font-size:9px;color:#91aa92}.map-steps li[aria-current]{color:var(--ink)}.map-steps li[aria-current] span{color:var(--gold)}.map-demo-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zone-picker{display:flex;gap:4px;flex:1;flex-wrap:wrap}.zone-picker button,.map-replay{font-size:10px;min-height:44px;padding:8px 9px;border:1px solid transparent;background:transparent;color:#b6c9ad;border-radius:6px}.zone-picker button[aria-pressed=true]{border-color:#f6d38a66;background:#f6d38a0b;color:var(--gold)}.zone-picker button:hover,.map-replay:hover{background:#c7e79d0c;color:var(--ink)}.map-replay{display:flex;align-items:center;gap:6px}.map-replay span{font-size:18px}.map-status{font-size:10px;line-height:1.7;color:#9db59b;margin:13px 0 0}.map-demo button:disabled{opacity:.45;cursor:default}
@media(max-width:1150px){.city-play-section{gap:35px;grid-template-columns:.9fr 1.1fr}.city-play-copy h2{font-size:42px}.map-demo-header{padding:17px 16px 0}.map-demo-header>span:first-child{font-size:8px;letter-spacing:1px}.map-demo figcaption{padding:17px 16px}.map-demo-controls{gap:4px}.zone-picker button{font-size:9px;padding:8px}.map-replay{font-size:9px}}
@media(max-width:800px){.city-play-section{grid-template-columns:1fr;gap:28px;padding:0 0 58px}.city-play-copy>p:not(.eyebrow){max-width:560px}.city-play-copy h2{font-size:40px}.city-play-copy h2 br{display:none}.city-play-copy h2 em{margin-left:6px}.map-demo{max-width:600px;width:100%;justify-self:center}.map-demo-header{padding:20px 22px 0}.map-demo figcaption{padding:20px 22px}.map-demo-header>span:first-child{font-size:9px}.zone-picker button{font-size:11px}.map-steps li{font-size:12px}.map-status{font-size:11px}.map-illustration-note{font-size:8px}}
@media(max-width:440px){.city-play-section{padding-bottom:47px}.city-play-copy h2{font-size:34px}.city-play-copy>p:not(.eyebrow){font-size:13px}.city-play-copy>p:nth-of-type(3){font-size:12px}.map-demo-header{padding:16px 14px 0;gap:8px}.map-demo-header>span:first-child{font-size:7px;letter-spacing:.8px}.map-demo-tag{font-size:7px}.map-demo figcaption{padding:16px 14px}.map-steps{gap:8px;margin-bottom:13px}.map-steps li{font-size:10px;max-width:80px}.zone-picker{flex-basis:100%;margin-bottom:5px;gap:6px}.zone-picker button{font-size:11px;flex:1}.map-replay{font-size:11px}.map-demo-controls>.motion-button{margin-left:auto}.map-scene-label{font-size:10px;bottom:32px}.map-illustration-note{font-size:6px;letter-spacing:.7px}.map-viewport:after{box-shadow:inset 0 0 30px 7px #19352b80}}

@media(max-width:440px){.city-play-copy h2 br{display:block}.city-play-copy h2 em{margin-left:0}}

/* setthesignal — warm white, slate and blue-green; signal colours stay in the art. */
::selection{background:#cfe1e1;color:#173f46}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#a54432}
.wordmark{color:#23363b}.wordmark-light{color:#52666a}.wordmark-period{color:#b74b35}
.site-header nav>a:not(.nav-cta):hover,.site-footer nav a:hover{color:#a54432}
.nav-cta{border-color:#9db7b9;background:#eef4f3}.nav-cta:hover{background:#e1edeb}
.button-primary{background:#d9e9e9;color:#173f46;border:1px solid #94b3b6;box-shadow:0 3px 0 #23363b08}
.button:hover{background:#c5dede;color:#173f46}.hero-small{color:#657575}
.status-dot{background:#28666c;box-shadow:0 0 0 3px #28666c0a}
.city-halo{background:radial-gradient(ellipse at 50% 55%,#a8b98625,transparent 66%)}
.scene-label{color:#325b53;border-color:#9db8a780;background:#f7f9eeeb}
.scene-label>span{color:#a54432}.tiny-signal{background:#e0e9de}.tiny-signal i:nth-child(3){background:#3f7456}
.scene-button{background:#edf2f0;border-color:#adc0bb;color:#264d4e}
.scene-button:hover{background:#dfe9e6}.scene-button[aria-pressed=true]{border-color:#a54432}
.live-dot{background:#39735c;box-shadow:0 0 0 3px #39735c12}
.coming-strip p{color:#4c6265}.coming-strip>a{color:#526b6e}
.detail-number{color:#446968}.detail-glyph{stroke:#426b69}.detail-glyph .glyph-fill{fill:#b74b35;stroke:#b74b35}
.signup-section{background:#eef2ef;border-color:#c6d3ca}.signup-section:before{background:radial-gradient(ellipse at 0% 100%,#95b7b318,transparent 65%)}
.signup-copy>p:last-child{color:#4e6565}.email-row>input{background:#fcfcf9;border-color:#9eb3b1;color:#23363b}
.email-row>input::placeholder{color:#687b7e}.consent-label{color:#40575b}.consent-label input{accent-color:#28666c}
.form-note{color:#5d7073}.form-note a{color:#285e66}.form-status{color:#286052}.form-status[data-state=error]{color:#9d3629}
.team-section .eyebrow{color:#577169}.shopsplit-link{border-color:#c7d4cc;background:#f3f5ee}.shopsplit-link:hover{background:#eaf0e3}
.shopsplit-symbol{background:#dbe8cf}.shopsplit-link strong>span{color:#476c57}.shopsplit-link>span:last-child>span{color:#526563}
.site-footer p{color:#617373}.site-footer nav{color:#3d5c61}.info-main .info-lead{color:#455f62}
.info-main p,.info-main li{color:#4e6468}.info-main .revision{color:#627776}.info-main .info-callout{background:#eef2ef}
.skip-link{background:#d9e9e9;color:#173f46}.error-page .button{color:#173f46}
.city-play-copy>p:nth-of-type(3){color:#607373}.text-link{border-color:#a5bcbb}.text-link:hover{color:#a54432}
.map-demo{background:#f2f5f0;border-color:#c6d3ca;box-shadow:0 22px 55px #294b4210}
.map-demo-header>span:first-child{color:#3f6261}.map-demo-tag{color:#8c4636;border-color:#b997874d}
.map-viewport{background:#e8efe6}.map-viewport:after{box-shadow:inset 0 0 60px 14px #edf2e680}
.board-art{background:radial-gradient(ellipse at 50% 48%,#a9b78a35,transparent 70%)}
.map-scene-label{color:#284e50;text-shadow:0 1px 8px #faf9f6}.map-illustration-note{color:#4b6966}
.map-crosshair{border-color:#a95035}.map-demo figcaption{border-color:#b8cbbc80}
.map-steps li,.map-steps li span{color:#617670}.map-steps li[aria-current]{color:#213d42}.map-steps li[aria-current] span{color:#a95035}
.zone-picker button,.map-replay{color:#3c6061}.zone-picker button[aria-pressed=true]{border-color:#8daaa7;background:#e0ebe4;color:#285c57}
.zone-picker button:hover,.map-replay:hover{background:#e1e9e5;color:#173f46}.map-status{color:#516f69}
.nav-city{white-space:nowrap}
.real-board-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;padding:0 0 92px}
.real-board-copy .eyebrow{margin-bottom:22px}.real-board-copy h2{font-size:44px}
.real-board-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:370px}
.real-board-copy .board-detail{font-size:12px!important;color:#607373!important}
.real-board-copy .board-place{font-size:17px!important;color:var(--ink)!important;line-height:1.5!important;margin:0 0 24px;font-weight:600}
.board-place>span:first-child{display:inline-grid;place-items:center;border:1px solid #afc6bf;background:#e8efdf;border-radius:50%;width:29px;height:29px;margin-right:7px;font-weight:450}
.board-place>span:last-child{display:block;font-size:12px;font-weight:400;color:#627674;margin:5px 0 0 39px}
.real-board-figure{margin:0 auto;width:min(100%,440px);border:1px solid #c6d3ca;border-radius:14px;background:#fffefa;box-shadow:0 24px 65px #23363b12;overflow:clip}
.real-board-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 16px;font-size:8px;letter-spacing:1.1px;color:#48675f}
.real-board-topline>span:first-child{display:flex;align-items:center;gap:8px}.real-board-topline>span:last-child{font-size:7px;letter-spacing:.9px}
.real-board-art{position:relative;aspect-ratio:354/566;overflow:hidden;overflow:clip;background:#e1dbc9}
.real-board-art img{position:absolute;width:112.995%;max-width:none;height:auto;left:-6.497%;top:-10.071%}
.real-board-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 0;font-size:11px;color:#4e6664}
.board-open{background:transparent;border:0;color:#285e66;min-height:44px;font-size:11px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}
.board-open:hover{color:#a54432}.board-open span{margin-left:7px}.board-attribution{font-size:9px!important;color:#667871!important;line-height:1.6!important;padding:0 18px;margin:8px 0 18px!important}.board-attribution a{text-decoration:underline;text-underline-offset:2px}
.board-dialog{width:min(92vw,680px);max-height:92vh;padding:0;border:1px solid #becdc5;border-radius:14px;background:#faf9f6;color:var(--ink);overflow-y:auto;overscroll-behavior:contain}
.board-dialog::backdrop{background:#172e32b3;backdrop-filter:blur(5px)}.board-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;position:sticky;top:0;z-index:1;background:#faf9f6f5;border-bottom:1px solid var(--line)}
.board-dialog-header .eyebrow{font-size:8px;margin-bottom:5px}.board-dialog-header h2{font-size:27px;letter-spacing:-.8px;margin:0}.board-dialog .board-attribution{padding-top:15px}
@media(max-width:1150px){.real-board-section{gap:35px;grid-template-columns:.9fr 1.1fr}.real-board-copy h2{font-size:37px}.site-header nav{gap:22px}}
@media(max-width:800px){.real-board-section{grid-template-columns:1fr;gap:28px;padding-bottom:58px}.real-board-copy>p:not(.eyebrow){max-width:560px}.real-board-copy h2{font-size:40px}.real-board-figure{width:min(100%,430px)}.nav-city{display:none}.wordmark{font-size:24px}.map-viewport:after{box-shadow:inset 0 0 35px 8px #edf2e680}}
@media(max-width:440px){.site-header .wordmark{font-size:21px;gap:6px;letter-spacing:-1.1px}.site-header .wordmark img{width:24px;height:30px}.site-header nav{gap:10px}.site-header nav>a[href="/support"]{display:none}.nav-cta{font-size:10px;padding:9px 10px}.nav-cta span{margin-left:3px}.real-board-section{padding-bottom:47px}.real-board-copy h2{font-size:34px}.real-board-copy>p:not(.eyebrow){font-size:13px}.real-board-topline{padding:15px 13px}.real-board-figure figcaption{padding:10px 13px 0;font-size:10px}.board-open{font-size:10px}.board-attribution{padding:0 13px}.board-dialog-header{padding:15px}.board-dialog-header h2{font-size:24px}}
@media(max-width:360px){.site-header .wordmark{font-size:19px;letter-spacing:-1px}.site-header .wordmark img{width:21px;height:27px}.nav-cta{font-size:9px;padding:9px 8px}.nav-cta span{display:none}}

/* A slightly larger reading scale across the site, including small-screen copy. */
.hero-description{font-size:17px;max-width:420px}
.site-header nav{font-size:15px}.nav-cta{font-size:14px}
.button,.email-row .button{font-size:15px}.platform-note{font-size:13px}
.eyebrow,.hero-copy>.eyebrow,.signup-copy .eyebrow,.team-section .eyebrow,.board-dialog-header .eyebrow{font-size:11px}
.hero-small{font-size:10px;letter-spacing:1px}.scene-label{font-size:10px;letter-spacing:1px}
.signal-invite,.scene-button{font-size:13px}.motion-button{font-size:19px}
.coming-strip>span{font-size:11px;letter-spacing:1px}.coming-strip p{font-size:15px}.coming-strip>a{font-size:10px}
.section-intro>p:last-child,.city-play-copy>p:not(.eyebrow),.real-board-copy>p:not(.eyebrow){font-size:16px}
.city-play-copy>p:nth-of-type(3){font-size:14px}.real-board-copy .board-detail{font-size:14px!important}
.game-detail h3{font-size:17px}.game-detail p,.signup-copy>p:last-child{font-size:15px}
.detail-number{font-size:12px}.text-link{font-size:14px}
.email-label{font-size:15px}.email-row>input{font-size:16px}.consent-label{font-size:14px}.form-note{font-size:13px}.form-status{font-size:14px}
.shopsplit-link strong{font-size:18px}.shopsplit-link>span:last-child>span,.site-footer p,.site-footer nav{font-size:13px}
.info-main p,.info-main li{font-size:16px}.info-toc a{font-size:14px}.info-main .revision{font-size:13px}
.map-demo-header>span:first-child{font-size:11px;letter-spacing:1px}.map-demo-tag{font-size:10px}
.map-scene-label{font-size:13px}.map-illustration-note{font-size:9px;letter-spacing:.6px}
.map-steps li{font-size:13px}.map-steps li span{font-size:11px}
.zone-picker button,.map-replay,.map-status{font-size:13px}
.board-place>span:last-child{font-size:14px}.real-board-topline{font-size:10px;letter-spacing:.7px}.real-board-topline>span:last-child{font-size:9px;letter-spacing:.5px}
.real-board-figure figcaption{font-size:13px;flex-wrap:wrap;gap:4px 12px}.board-open{font-size:13px}.board-attribution{font-size:11px!important}
@media(max-width:800px){
  .hero-description{font-size:16px}.city-controls{flex-wrap:wrap;gap:12px}
  .map-demo-header>span:first-child{font-size:10px}.map-demo-tag{font-size:9px}
}
@media(max-width:440px){
  .nav-cta{font-size:12px}.nav-cta span{display:none}
  .hero-description{font-size:15px}.hero-actions .button{font-size:14px}.platform-note{font-size:12px}
  .hero-small{font-size:9px;letter-spacing:.7px}.scene-label{font-size:9px;letter-spacing:.7px}
  .section-intro>p:last-child,.city-play-copy>p:not(.eyebrow),.real-board-copy>p:not(.eyebrow),.info-main p,.info-main li{font-size:15px}
  .coming-strip{flex-wrap:wrap;gap:10px 18px}.coming-strip p{font-size:14px}
  .map-steps li{font-size:12px}.map-scene-label{font-size:12px}.map-illustration-note{font-size:8px}
  .zone-picker button{font-size:12px;padding-inline:7px}.map-status{font-size:12px}
  .real-board-topline{flex-wrap:wrap;row-gap:7px}.board-attribution{font-size:11px!important}
}
.map-demo-tag{white-space:nowrap}

/* Shopsplit's official wordmark and navy, from shopsplit.uk. */
.shopsplit-link{background:#061e35;border-color:#061e35;gap:24px;padding:25px 28px;min-width:370px}
.shopsplit-link:hover{background:#0b2944;border-color:#0b2944}
.shopsplit-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;flex:1}
.shopsplit-brand img{display:block;width:205px;max-width:100%;height:auto;mix-blend-mode:lighten}
.shopsplit-link .shopsplit-brand>span{color:#c8dcf0;font-size:14px;line-height:1.6}
.shopsplit-link .shopsplit-arrow{color:#adff2f;font-size:28px;line-height:1;flex-shrink:0}
@media(max-width:800px){.shopsplit-link{min-width:0;gap:18px;padding:23px}.shopsplit-brand img{width:180px}}
@media(max-width:440px){.shopsplit-link{padding:23px 20px}.shopsplit-brand img{width:190px}.shopsplit-link .shopsplit-brand>span{font-size:13px}}
.shopsplit-link>span.shopsplit-arrow{display:block;flex:0 0 auto}

/* Optional analytics: equally prominent choices, with the rest of the page usable. */
.analytics-notice[hidden],.analytics-notice [hidden],[data-analytics-settings][hidden]{display:none!important}
.analytics-notice{position:fixed;z-index:20;bottom:20px;right:20px;width:calc(100% - 40px);max-width:620px;padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 35px #23363b26}
.analytics-notice h2{font-size:20px;letter-spacing:-.4px;line-height:1.3;margin:0 0 10px}
.analytics-notice p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.analytics-notice .analytics-choice-note{font-size:12px}.analytics-notice a{text-decoration:underline;text-underline-offset:3px}
.analytics-actions{display:flex;gap:12px}.analytics-actions button{flex:1;padding:12px 14px;min-height:44px;border:1px solid #a6c4ca;background:#deedf1;color:var(--ink);border-radius:7px;font-weight:600;font-size:14px}
.analytics-actions button:hover{background:#cadddf}.analytics-notice .analytics-current{margin:12px 0 4px;font-size:12px}
.analytics-settings,.analytics-cancel{border:0;padding:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit}
.analytics-cancel{font-size:13px;min-height:32px}.analytics-notice-open{padding-bottom:310px}
@media(max-width:440px){.analytics-notice{bottom:12px;right:12px;width:calc(100% - 24px);padding:18px}.analytics-actions{gap:8px}.analytics-actions button{padding:11px 8px;font-size:13px}.analytics-notice-open{padding-bottom:390px}}

/* Colour illustrations for the three game features. */
.game-detail{grid-template-columns:25px minmax(0,1fr) 56px}
.detail-glyph{width:52px;height:52px;fill:none;stroke:none;justify-self:center}
@media(max-width:800px){.game-detail{grid-template-columns:25px minmax(0,1fr) 48px}.detail-glyph{width:46px;height:46px}}
@media(max-width:440px){.game-detail{grid-template-columns:22px minmax(0,1fr) 44px}.detail-glyph{width:42px;height:42px}}