:root{--bg:#fbf9f7;--surface:#fff;--surface-2:#f4f0ec;--border:#e8e1da;--text:#2b2420;--text-2:#5f554e;--text-3:#8a7f77;--brand:#d9861a;--brand-dk:#a9620c;--link:#a9620c;--focus:#d9861a8c;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #3c28140d, 0 6px 20px #3c28140f;--header-h:56px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:17px;line-height:1.65;display:flex}img,svg{max-width:100%}a{color:var(--link);text-underline-offset:2px}a:hover{color:var(--brand-dk)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{color:var(--text);letter-spacing:-.01em;line-height:1.25}h1{margin:0 0 12px;font-size:clamp(26px,4.4vw,38px)}h2{margin:40px 0 12px;font-size:clamp(21px,3vw,26px)}h3{margin:24px 0 8px;font-size:18px}p,ul,ol{margin:0 0 16px}ul,ol{padding-left:22px}li{margin-bottom:6px}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}.prose{max-width:760px;margin:0 auto;padding:0 16px}.prose>:first-child{margin-top:0}.muted{color:var(--text-3)}.lead{color:var(--text-2);font-size:19px}.skip-link{z-index:100;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:8px}.site-header{z-index:20;height:var(--header-h);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);background:#fbf9f7eb;position:sticky;top:0}.header-inner{align-items:center;gap:16px;height:100%;display:flex}.brand{color:var(--text);letter-spacing:-.01em;flex:none;align-items:center;gap:8px;font-size:19px;font-weight:750;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand img{display:block}.site-nav{scrollbar-width:none;gap:4px;margin-left:auto;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap;color:var(--text-2);border-radius:999px;padding:7px 12px;font-size:15px;font-weight:550;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--surface-2);color:var(--text)}@media (width<=520px){.site-nav a:not(:first-child):not([href$="/daily/"]){display:none}.site-nav a{padding:7px 10px;font-size:14px}}.main{flex:1;padding:24px 0 56px}.main-game{padding-top:0}.crumbs{color:var(--text-3);margin-bottom:12px;font-size:14px}.crumbs ol{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.crumbs li{margin:0}.crumbs li+li:before{content:"›";color:var(--text-3);margin-right:4px}.crumbs a{color:var(--text-2);text-decoration:none}.crumbs a:hover{text-decoration:underline}.main-game .crumbs{margin:14px auto 0}.game-top{flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:10px;padding-bottom:10px;display:flex}.game-top h1{letter-spacing:0;margin:0;font-size:19px}.game-tabs{scrollbar-width:none;gap:4px;margin-left:auto;display:flex;overflow-x:auto}.game-tabs::-webkit-scrollbar{display:none}.game-tabs a{white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;text-decoration:none}.game-tabs a:hover{color:var(--text);border-color:#d6ccc3}.game-tabs a[aria-current=page]{background:var(--text);border-color:var(--text);color:#fff}@media (width<=640px){.game-top{padding-top:8px;padding-bottom:8px}.game-top h1{width:100%;font-size:16px}.game-tabs{margin-left:0}}.game-shell{padding:0 16px}.game-frame{max-width:1100px;height:clamp(520px, calc(100svh - var(--header-h) - 100px), 900px);background:#f7f2ef;border-radius:20px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #78503c14}@media (width<=640px){.game-shell{padding:0}.game-frame{box-shadow:none;border-radius:0}}@media (width>=900px){.game-frame{height:clamp(560px,100svh - 140px,760px)}}.game-frame-msg{text-align:center;color:#9c7672;place-content:center;justify-items:center;gap:12px;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.game-frame-spinner{border:3px solid #efa52640;border-top-color:#efa526;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite pd-spin}@keyframes pd-spin{to{transform:rotate(360deg)}}.content{padding-top:32px}.content h2:first-child{margin-top:0}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:0 0 16px;padding:0;list-style:none;display:grid}.cards li{margin:0}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);height:100%;color:var(--text);box-shadow:var(--shadow);padding:18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}a.card:hover{color:var(--text);transform:translateY(-2px);box-shadow:0 2px 4px #3c28140f,0 12px 28px #3c28141a}.card h3{margin:0 0 6px;font-size:18px}.card p{color:var(--text-2);margin:0;font-size:15px}.card .card-kicker{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.rules{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0 0 16px;padding:0;list-style:none;display:grid}.rules li{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin:0;padding:16px}.rules b{margin-bottom:4px;display:block}.rules span{color:var(--text-2);font-size:15px}.btn-link{background:var(--text);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:650;text-decoration:none;display:inline-flex}.btn-link:hover{color:#fff;background:#000}.btn-link.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-link.secondary:hover{color:var(--text);border-color:#d6ccc3}.btn-row{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.figure{margin:0 0 20px}.figure-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:0 0 20px;display:grid}.figure-row figure{margin:0}figcaption{color:var(--text-3);text-align:center;margin-top:8px;font-size:14px}.board-svg{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.board-svg.small{max-width:160px}.solution{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:20px 0}.solution summary{cursor:pointer;padding:14px 18px;font-weight:650}.solution>div{padding:0 18px 18px}.archive{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.archive li{margin:0}.archive a{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);justify-content:space-between;gap:8px;padding:10px 14px;text-decoration:none;display:flex}.archive a:hover{border-color:#d6ccc3}.archive .tag{color:var(--brand-dk);font-size:13px;font-weight:650}.faq details{border-bottom:1px solid var(--border);padding:4px 0}.faq details:first-of-type{border-top:1px solid var(--border)}.faq summary{cursor:pointer;padding:12px 28px 12px 0;font-weight:650;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-3);font-size:22px;line-height:1;position:absolute;top:10px;right:4px}.faq details[open] summary:after{content:"–"}.faq-a{color:var(--text-2);padding:0 0 12px}.faq-a p:last-child{margin-bottom:0}.hero{padding-top:24px;padding-bottom:8px}.hero h1{font-size:clamp(30px,5vw,46px)}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;display:grid}.hero-art{justify-content:center;display:flex}.hero-art .board-svg{filter:drop-shadow(0 18px 30px #7846282e);max-width:300px}@media (width<=760px){.hero-grid{grid-template-columns:1fr}.hero-art .board-svg{max-width:220px}}table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:15px}caption{text-align:left;color:var(--text-2);margin-bottom:8px}.toc{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;padding:16px 20px}.toc ul{margin-bottom:0}[id]{scroll-margin-top:80px}.walkthrough>li{margin-bottom:24px}.walkthrough h3{margin-top:0}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--text-2);font-weight:650}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:28px 0 32px;font-size:15px}.footer-inner{grid-template-columns:1fr auto;align-items:start;gap:12px 24px;display:grid}.footer-brand p{color:var(--text-3);margin:6px 0 0}.footer-nav{flex-wrap:wrap;gap:6px 18px;display:flex}.footer-nav a{color:var(--text-2);text-decoration:none}.footer-nav a:hover{color:var(--text);text-decoration:underline}.footer-copy{color:var(--text-3);grid-column:1/-1;margin:8px 0 0;font-size:14px}@media (width<=640px){.footer-inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.game-frame-spinner{animation-duration:2s}}