:root{font-family:'Trebuchet MS',Verdana,sans-serif;color:#142044;font-size:16px;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:220px}body{margin:0}body[data-theme=coral]{--base:#f77b68;--accent:#462646;--on-accent:#fff;--on-base:#3f2338;--subtle:#49283b;--paper:#fff3f0;--ink:#3f2338;--line:#deb4ac;--soft:#f9d5cd}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;color:black;padding:15px;z-index:20}.skip:focus{top:0}.design-tools{background:#fff;color:#263248;border-bottom:1px solid #d9dfe8;padding:14px max(5%,calc((100vw - 1380px)/2));position:relative;z-index:5}.tools-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:bold;color:#4e596b;margin-bottom:10px}.themes{display:flex;gap:10px;flex-wrap:wrap}.themes button{display:flex;gap:10px;align-items:center;background:white;border:1px solid #c7d0df;padding:10px 15px;border-radius:7px;font:inherit;font-size:13px;font-weight:bold;cursor:pointer;color:#263248}.themes button[aria-pressed=true]{border:2px solid #28374e;padding:9px 14px;background:#f4f6fa}.themes button>span{font-size:10px;background:#e1e8f3;padding:2px 7px;border-radius:4px}.pair{display:block;width:27px;height:19px;border-radius:4px;border:1px solid #0001}.pair.azul{background:linear-gradient(90deg,#203bc0 50%,#ffd451 50%)}.pair.menta{background:linear-gradient(90deg,#cbecdd 50%,#12483e 50%)}.pair.coral{background:linear-gradient(90deg,#f77b68 50%,#462646 50%)}#palette-description{font-size:12px;margin:9px 0 6px;max-width:95ch}.swatches{display:flex;gap:15px;flex-wrap:wrap}.swatch{display:flex;align-items:center;gap:6px;font-size:10px}.swatch i{width:12px;height:12px;border:1px solid #0002;border-radius:50%}.website{background:var(--paper);color:var(--ink)}header{background:var(--base);color:var(--on-base);padding:22px max(5%,calc((100vw - 1380px)/2));display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:44px;font-weight:900;letter-spacing:-3px;line-height:1;text-decoration:none}nav{display:flex;gap:28px;align-items:center}nav>a:not(.play){font-size:14px;text-decoration:none}.play{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:var(--on-accent);padding:17px 24px;border-radius:10px;text-decoration:none;font-weight:bold;font-size:15px;min-height:52px}.play:hover{box-shadow:0 0 0 3px currentColor}.play.small{padding:11px 18px;min-height:44px;font-size:13px}.play svg{width:21px;height:21px;fill:currentColor}.hero{background:var(--base);color:var(--on-base);padding:40px max(5%,calc((100vw - 1380px)/2)) 80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.availability{font-size:14px;margin:0 0 22px;color:var(--subtle)}h1{font-size:clamp(50px,5.7vw,84px);font-weight:900;letter-spacing:-3.8px;line-height:1.04;margin:0 0 26px}.lead{font-size:18px;color:var(--subtle);max-width:38ch;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.quiet{font-size:13px;text-underline-offset:5px}.browser-note{font-size:11px;color:var(--subtle);margin:18px 0 0}.game{margin:0;background:var(--paper);padding:10px 10px 0;border-radius:18px;color:var(--ink);overflow:hidden;box-shadow:0 20px 50px #0002}.game>img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px}.game figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 5px 11px;font-size:10px}.life{padding:70px max(5%,calc((100vw - 1380px)/2))}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;margin-bottom:32px}h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.5px;line-height:1.18;margin:0 0 18px}.section-heading p{max-width:43ch;font-size:16px;margin:0}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:30px}.choices article{padding-right:12px}.choices svg{width:39px;height:39px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.choices h3{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:15px 0 12px}.choices p{font-size:15px;margin:0;max-width:36ch}.neighborhood{padding:30px max(5%,calc((100vw - 1380px)/2)) 80px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.street-image{height:320px;border-radius:60px 12px 12px 12px;overflow:hidden;background:var(--soft)}.street-image img{height:100%;width:100%;object-fit:cover;object-position:50% 56%}.neighborhood p{max-width:43ch;margin:0 0 26px}.feedback{background:var(--soft);padding:35px max(5%,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.feedback h2{font-size:27px;margin-bottom:10px}.feedback p{max-width:60ch;font-size:14px;margin:0}.feedback a{font-size:14px;white-space:nowrap;text-underline-offset:5px}footer{padding:35px max(5%,calc((100vw - 1380px)/2));display:flex;align-items:center;flex-wrap:wrap;gap:25px}footer .wordmark{font-size:30px}footer p{font-size:11px;margin-right:auto;max-width:40ch}footer>a:not(.wordmark){font-size:11px}@media(max-width:950px){.hero{gap:25px;grid-template-columns:1fr 1.1fr}.lead{font-size:16px}.hero-actions{gap:18px}.themes button{font-size:12px}.neighborhood{gap:35px}.feedback{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:650px){.design-tools{padding:12px 5%}.tools-head{font-size:10px}.themes{gap:7px}.themes button{font-size:11px;padding:8px}.themes button[aria-pressed=true]{padding:7px}.themes button>span{display:none}.pair{width:19px;height:16px}.swatches{gap:8px}.swatch{font-size:9px}.swatch i{width:9px;height:9px}#palette-description{font-size:11px}.wordmark{font-size:35px}header{padding:20px 6%}nav>a:not(.play){display:none}.hero{grid-template-columns:1fr;padding:20px 6% 40px;gap:30px}h1{font-size:60px;letter-spacing:-3px}.lead{font-size:16px;max-width:36ch}.availability{font-size:12px;margin-bottom:17px}.hero-actions{margin-top:22px}.game{padding:7px 7px 0;border-radius:13px}.game figcaption{font-size:9px}.life{padding:40px 6%}.section-heading{grid-template-columns:1fr;gap:0}.section-heading p{font-size:15px}.choices{grid-template-columns:1fr;gap:30px}.choices article{display:grid;grid-template-columns:38px 1fr;gap:8px 15px}.choices h3{margin:0;align-self:center;font-size:21px}.choices p{grid-column:2;max-width:40ch;font-size:14px}.neighborhood{grid-template-columns:1fr;gap:28px;padding:0 6% 40px}.street-image{height:230px}.feedback{padding:30px 6%}footer{padding:30px 6%;gap:18px}footer p{flex-basis:65%}h2{font-size:32px}.hero .play{font-size:14px}}@media(max-width:360px){h1{font-size:51px}.themes button{font-size:10px}.pair{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{background:var(--paper);color:var(--ink)}
.faq{padding:65px max(5%,calc((100vw - 1380px)/2));display:grid;grid-template-columns:1fr 1.5fr;gap:45px}
.faq .eyebrow{font-size:13px;margin:0 0 12px}
.questions{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-size:16px;font-weight:bold;padding:20px 0;list-style-position:inside}
details p{font-size:14px;max-width:64ch;margin:0 0 20px}
summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.legal{max-width:850px;padding:60px 6%;margin:auto}
.legal h1{font-size:42px;line-height:1.15;letter-spacing:-1.5px}
.legal p{max-width:70ch}
@media(max-width:650px){.faq{grid-template-columns:1fr;gap:10px;padding:40px 6%}}

.game>picture{display:block}.game>picture>img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px}