@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#202b25;background:#f7faf8;font-synthesis:none;--ink:#202b25;--green:#224e3c;--mint:#deeee4;--line:#dce5de;--coral:#d66355;--light:#e7f0e8;--dark:#80a991}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #d66355;outline-offset:3px}button svg,a svg{flex-shrink:0;vertical-align:middle}button{color:inherit}h1,h2,p{margin:0}h1,h2,.brand{font-family:Space Grotesk,sans-serif}.masthead{max-width:1140px;height:92px;margin:auto;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:72px;padding:0 26px}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:15px;line-height:1.04}.brand .club{display:block;font-size:11px;margin-top:5px}.masthead nav{display:flex;align-items:center;gap:6px}.masthead nav a{padding:10px 18px;font-weight:600;font-size:14px;border-radius:4px}.masthead nav a.active{background:var(--mint);color:var(--green)}.free-label{font-size:13px;color:#6a756d;margin-left:auto}main{max-width:1060px;margin:auto;padding:0 30px}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 27px}.eyebrow{font-size:10px;font-weight:700;color:#657b6d;margin-bottom:10px}h1{font-size:40px;line-height:1.1;font-weight:600}.intro-copy{font-size:15px;color:#6a756d;margin-top:9px}.streak{display:flex;align-items:center;gap:10px;padding:8px 2px;color:var(--coral)}.streak>svg{width:26px;height:32px}.streak strong{display:block;font-size:26px;line-height:1.1}.streak span{font-size:11px;color:#6a756d}.game-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(235px,1fr);gap:54px;align-items:start}.play-area{min-width:0}.board-caption{display:flex;align-items:center;justify-content:space-between;height:34px;margin-bottom:8px;font-size:12px;font-weight:600}.board-caption>span:first-child{display:flex;align-items:center;gap:7px}#puzzle-label{font-size:10px;color:#738074}.turn-dot{width:13px;height:13px;border:1px solid #5d7766;border-radius:50%;background:#fffdf8}.turn-dot.b{background:#263d31}.board-frame{background:#d5e2d8;padding:8px;border-radius:6px}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden;border-radius:2px}.square{border:0;border-radius:0;padding:3px;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;min-height:0;touch-action:manipulation}.light{background:var(--light)}.dark{background:var(--dark)}.square.selected{background:#edc878}.square.possible:after{content:"";width:24%;height:24%;border-radius:50%;background:#284b3a4a;position:absolute}.square.possible:has(.piece):after{width:85%;height:85%;background:none;border:4px solid #284b3a65}.square:hover:not(:disabled){box-shadow:inset 0 0 0 3px #244d3c60}.piece{width:92%;height:92%;display:block;pointer-events:none;filter:drop-shadow(0 2px 0 #14302120)}.piece .eye{fill:#e9f0e9;stroke:none}.piece.w .eye{fill:#314738}.rank,.file{position:absolute;font-size:9px;font-weight:600;color:#31503b;line-height:1;pointer-events:none}.rank{top:5px;left:4px}.file{bottom:4px;right:5px}.dark .rank,.dark .file{color:#153524}.board-toolbar{display:flex;align-items:center;justify-content:space-between;height:54px}.board-toolbar>div{display:flex;gap:3px}.board-toolbar>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#6b776d;font-variant-numeric:tabular-nums;min-width:68px}.icon-button{display:grid;place-items:center;background:transparent;border:0;width:38px;height:38px;border-radius:4px;color:#576b5b}.icon-button:hover{background:#e7efe9}.puzzle-panel{padding-top:43px}.puzzle-panel h2{font-size:27px;font-weight:500;line-height:1.18;max-width:230px}.side-copy{font-size:14px;line-height:1.7;color:#6b756d;margin-top:15px}.puzzle-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:24px 0 22px;display:flex;justify-content:space-between;gap:14px}.puzzle-facts span{display:block;font-size:11px;color:#738074;margin-bottom:5px}.puzzle-facts strong{font-size:12px;font-weight:600}.feedback{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.5;min-height:57px;margin-bottom:13px;overflow-wrap:anywhere}.feedback-mark{display:grid;place-items:center;flex-shrink:0;background:#e3eee6;color:#53725e;width:30px;height:30px;border-radius:50%;font-family:Space Grotesk,sans-serif;font-weight:600}.feedback.success{color:#1e6240}.feedback.success .feedback-mark{background:#ceeaa5}.feedback.retry{color:#9a4e3d}.feedback.retry .feedback-mark{background:#f5dfd8}.primary-button{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:4px;min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 17px;font-size:13px;font-weight:600}.primary-button:hover{background:#173d2e}.text-button{background:none;border:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;font-size:12px;color:#5b6e5f}.text-button:hover:not(:disabled){color:#193f2d}.text-button:disabled{opacity:.4}.progress-block{margin-top:26px;border-top:1px solid var(--line);padding-top:21px}.progress-block>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.progress-block strong{font-weight:600}.progress-block span{color:#6a776d}.progress-track{height:5px;background:#e3eae5;border-radius:3px;margin-top:11px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--coral);width:0;transition:width .3s}.progress-block p{font-size:11px;color:#778478;margin-top:10px}.source-link{display:flex;gap:5px;align-items:center;font-size:10px;color:#79847b;margin-top:23px}.source-link svg{width:12px;height:12px}.puzzle-library{padding-top:39px;margin-top:8px;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;gap:15px}.section-title h2{font-size:23px;font-weight:500}.section-title>a{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.library-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.puzzle-card{min-width:0}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;border:4px solid #dce7df;border-radius:4px;overflow:hidden}.mini-board>span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.mini-board .piece{filter:none}.card-title{display:block;font-size:12px;font-weight:600;margin-top:10px}.card-title>span{font-size:10px;color:#7c857e;display:block;font-weight:400;margin-top:4px}.puzzle-card:hover .mini-board{border-color:#82a98a}footer{display:flex;align-items:center;gap:20px;padding:34px 0 24px;font-size:10px;color:#768279}footer>span{font-weight:700;color:#4b6252}footer p{margin-left:auto}footer a{text-decoration:underline;text-underline-offset:2px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#172b2470;display:grid;place-items:center;z-index:10;padding:20px}.dialog-backdrop[hidden]{display:none}.dialog-backdrop>section{background:#f7faf8;padding:25px;border-radius:8px;max-width:370px;width:100%}.dialog-backdrop h2{font-size:22px}#promotion-choices{display:flex;gap:8px;margin:25px 0}#promotion-choices button{border:1px solid var(--line);background:var(--mint);border-radius:4px;width:60px;height:60px;padding:4px}@media (min-width:1200px){.game-layout{grid-template-columns:minmax(0,540px) 280px;justify-content:space-between;padding-right:44px}.intro{padding-right:44px}}@media (max-width:760px){.masthead{height:68px;padding:0 20px;gap:18px}.masthead nav{margin-left:auto}.masthead nav a{padding:9px 13px}.free-label{display:none}main{padding:0 20px}.intro{padding:27px 0 20px}h1{font-size:32px}.intro-copy{font-size:13px}.eyebrow{font-size:9px}.game-layout{gap:24px;grid-template-columns:minmax(0,1fr)}.play-area{max-width:530px;width:100%;margin:auto}.puzzle-panel{padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.puzzle-panel>.eyebrow,.puzzle-panel>h2,.puzzle-panel>.side-copy{display:none}.puzzle-facts{margin:0 0 10px;padding:12px 0;grid-column:1/-1}.feedback{grid-column:1/-1;min-height:44px;margin-bottom:10px}.primary-button,.text-button{align-self:start}.progress-block{grid-column:1/-1;margin-top:13px;padding-top:17px}.source-link{grid-column:1/-1;margin-top:16px}.puzzle-library{margin-top:25px;padding-top:24px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.section-title h2{font-size:19px}.section-title>a{font-size:11px}footer{flex-wrap:wrap;gap:12px}footer p{order:3;margin:0;flex-basis:100%;line-height:1.6}footer>a{margin-left:auto}.board-frame{padding:6px}.board-caption{height:24px}.board-toolbar{height:43px}}@media (max-width:380px){main{padding:0 14px}.masthead{padding:0 14px;gap:10px}.masthead nav a{padding:8px 10px}.brand{font-size:13px}.brand img{width:30px;height:30px}.intro{padding-top:22px}.intro .eyebrow{font-size:8px}h1{font-size:30px}.streak strong{font-size:23px}.puzzle-panel{gap:10px}.rank,.file{font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}