:root{--paper:#f7f5ee;--ink:#253d34;--muted:#627167;--line:#d9ded3;--orange:#b74d29;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:24px;top:-80px;padding:14px;background:white;z-index:10}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.6px}.brand img{border-radius:12px}.brand-subtitle{display:block;margin-top:6px;font-size:9px;letter-spacing:2px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav-pill{border:1px solid var(--line);border-radius:30px;padding:12px 18px}.nav-pill span{margin-left:15px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:92px 104px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.7;margin:0 0 26px;display:flex;align-items:center;gap:10px}.small-square{width:8px;height:8px;background:var(--orange);display:inline-block}h1{font-size:clamp(44px,5.3vw,72px);line-height:1.06;letter-spacing:-3px;margin:0 0 25px;font-weight:500}.serif{font-family:var(--serif);font-style:italic;font-weight:400}h1 .serif{color:var(--orange)}.hero-description{color:var(--muted);font-size:16px;line-height:1.8;max-width:420px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:24px;padding:18px 22px;border-radius:6px;font-size:13px;font-weight:700}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#365546;text-decoration:none}.quiet-note{color:var(--muted);font-size:11px;line-height:1.7}.hero-details{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px;font-size:10px;color:var(--muted)}.hero-details span+span:before{content:'·';margin-right:16px}.puzzle-stage{position:relative;padding:27px;background:#e9eddf;border:1px solid #dce2d0;border-radius:14px;transform:rotate(2deg)}.stage-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.3px;margin-bottom:25px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b8063;margin-right:6px}.board{position:relative;aspect-ratio:1;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);background:#f9f9ef;border:2px solid #374d40;border-radius:9px;overflow:hidden;box-shadow:0 12px 24px #3d4c3510}.region{position:relative;display:flex;align-items:center;justify-content:center;transition:background .45s,border-color .45s;border:2px solid transparent}.region-a{grid-area:1/1/3/4}.region-b{grid-area:1/4/3/6}.region-c{grid-area:3/1/6/3}.region-d{grid-area:3/3/6/6}.clue{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fffef9;color:var(--ink);font-family:var(--serif);font-size:29px;z-index:2;border:1px solid #ccd2c2}.board-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(100% - 1px),#53634730 0),linear-gradient(to bottom,transparent calc(100% - 1px),#53634730 0);background-size:20% 20%}.solved .region-a{background:#ebcb88;border-color:#b99244}.solved .region-b{background:#e8b7a4;border-color:#ba7860}.solved .region-c{background:#bbceaf;border-color:#7b9b6c}.solved .region-d{background:#c6c2df;border-color:#8e85b2}.board-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;font-size:11px;line-height:1.5}.board-caption>span{color:#536347}.board-caption button{border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:700;padding:8px 0;cursor:pointer;white-space:nowrap}.board-caption button:hover{text-decoration:underline;text-underline-offset:4px}.board-caption button span{margin-left:6px}.stage-decoration{position:absolute;right:20px;bottom:-35px;font:italic 18px var(--serif);color:var(--orange);transform:rotate(-5deg)}.noscript-note{font-size:12px;line-height:1.6}.how-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:68px 72px;background:#eeeee4;scroll-margin-top:24px}.section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:start}.section-heading .eyebrow{margin-top:10px;max-width:170px}h2{font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0}.section-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:8px 0 0}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:56px}.rule-number{font:italic 28px var(--serif);color:var(--orange)}h3{font-size:16px;font-weight:500;margin:20px 0 12px}.rules p,.mode-list p,.explore-intro>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.explore-section{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-block:85px;scroll-margin-top:20px}.explore-intro>p:last-child{margin-top:20px;max-width:300px}.mode-list article{display:flex;gap:20px;align-items:flex-start;padding-block:24px;border-top:1px solid var(--line)}.mode-list article:first-child{padding-top:0;border-top:0}.mode-list article:last-child{padding-bottom:0}.mode-icon{width:40px;flex-shrink:0;font:32px var(--serif);color:var(--orange)}.mode-list h3{margin:0 0 7px}.mode-label{font-size:8px;letter-spacing:1px;margin:6px 0 0 auto;flex-shrink:0}.closing{border-top:1px solid var(--line);padding-block:38px;display:flex;align-items:center;gap:24px}.closing img{border-radius:18px}.closing .eyebrow{margin-bottom:8px;font-size:9px}.closing h2{font-size:26px}.back-link{margin-left:auto;font-size:12px;white-space:nowrap}.back-link span{margin-left:12px}.site-footer{display:flex;justify-content:space-between;gap:25px;padding-block:28px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.site-footer p{margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:23px}
@media(min-width:1440px){.hero{gap:100px}.puzzle-stage{padding:34px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:36px;padding-block:70px 85px}h1{font-size:54px}.hero-details{gap:10px;font-size:9px}.hero-details span+span:before{margin-right:10px}.puzzle-stage{padding:20px}.stage-heading{font-size:7px;letter-spacing:.7px}.board-caption{font-size:10px}.section-heading{grid-template-columns:1fr 1.4fr}.section-heading>p:last-child{grid-column:2}.rules{gap:30px}.explore-section{gap:50px}.mode-label{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{min-height:88px}.brand{font-size:19px}.brand img{width:38px;height:38px}.brand-subtitle{font-size:7px;letter-spacing:1.6px}.site-header nav{gap:18px;font-size:11px}.site-header nav>a:nth-child(2){display:none}.nav-pill{padding:9px 12px}.nav-pill span{display:none}.hero{grid-template-columns:1fr;gap:55px;padding-block:44px 76px}.eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:clamp(42px,10vw,66px);letter-spacing:-2px}.hero-description{font-size:15px}.hero-details{font-size:10px;gap:12px;margin-top:28px}.hero-details span+span:before{margin-right:12px}.hero-actions{gap:20px}.button{padding:17px 20px}.puzzle-stage{width:min(100% - 12px,430px);justify-self:center;padding:23px}.stage-heading{font-size:8px}.board-caption,.board-caption button{font-size:10px}.stage-decoration{font-size:17px}.how-section{padding-block:44px}.section-heading{display:block}.section-heading .eyebrow{max-width:none;margin:0 0 20px}h2{font-size:32px}.section-heading>p:last-child{margin-top:20px}.rules{grid-template-columns:1fr;gap:26px;margin-top:32px}.rules article{display:grid;grid-template-columns:34px 1fr;gap:8px 18px;padding-top:24px;border-top:1px solid var(--line)}.rules h3{margin:5px 0 0}.rules p{grid-column:2}.explore-section{grid-template-columns:1fr;gap:35px;padding-block:48px}.explore-intro>p:last-child{max-width:none}.mode-list article{gap:14px}.closing{gap:16px;flex-wrap:wrap;padding-block:28px}.closing img{width:56px;height:56px;border-radius:14px}.closing h2{font-size:21px}.closing .eyebrow{font-size:7px}.back-link{margin:7px 0 0 72px}.site-footer{flex-direction:column;gap:18px;line-height:1.6}.site-footer nav{gap:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.region{transition:none}}