:root{color:#253b35;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f5ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:450}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button,select{touch-action:manipulation}button{cursor:pointer;background:0 0;border:1px solid #dcded5;border-radius:11px;min-height:46px;padding:10px 16px;font-weight:550}button:disabled{cursor:default;opacity:.45}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b16a2d}button:hover:not(:disabled){background:#e9ede4}main{max-width:552px;padding:0 16px max(22px, env(safe-area-inset-bottom));margin:auto}header{justify-content:space-between;align-items:center;height:92px;display:flex}.wordmark{color:#254c40;letter-spacing:-1.5px;align-items:center;font-size:30px;font-weight:750;text-decoration:none;display:flex}.wordmark>span:first-child{margin-right:7px;font-family:Georgia,serif;font-size:38px}.wordmark-dot{color:#bc754d}.quiet{border:0;padding:10px 16px;font-size:13px;font-weight:500}.intro{margin:16px 0 25px}.eyebrow{letter-spacing:2px;color:#8b9182;margin:0 0 9px;font-size:10px;font-weight:650}h1{letter-spacing:-1px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400;line-height:1.2}.personal-stats{border-bottom:1px solid #dddfd5;justify-content:space-between;align-items:center;margin-bottom:18px;padding:0 0 22px;display:flex}.personal-stats>div{align-items:center;gap:7px;display:flex}.personal-stats strong{font-size:18px}.personal-stats span:not(.stat-icon):not(.streak-icon){color:#7b8276;font-size:12px}.stat-icon{color:#4b7860;margin-right:2px;font-size:23px}.streak-icon{color:#b87949;font-size:25px}.puzzle-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.puzzle-toolbar>span{color:#808779;font-size:12px}.puzzle-toolbar strong{color:#3b4b40;margin-left:4px;font-weight:600}select{background:#e9ede3;border:0;border-radius:8px;min-height:44px;padding:10px 30px 10px 12px;font-size:14px;font-weight:600}.board{aspect-ratio:1;isolation:isolate;border-radius:5px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 20px #3545340d}.square{aspect-ratio:1;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex;position:relative;opacity:1!important}.square.light{background:#e9ebd6}.square.dark{background:#779780}.square.light:hover:not(:disabled){background:#e9ebd6}.square.dark:hover:not(:disabled){background:#779780}.square.last.light{background:#d7dbab}.square.last.dark{background:#a5b57e}.square.selected,.square.selected:hover:not(:disabled){background:#d1c375}.square.hinted{box-shadow:inset 0 0 0 4px #d8b442}.piece{z-index:1;pointer-events:none;font-family:Arial Unicode MS,Apple Symbols,DejaVu Sans,serif;font-size:clamp(32px,10vw,54px);font-weight:400;line-height:1;transform:translateY(-1px)}.white-piece{color:#fffdf3;-webkit-text-stroke:1px #30443b;text-shadow:0 2px 1px #30443b55}.black-piece{color:#293d35;-webkit-text-stroke:.5px #1f3028;text-shadow:0 1px 1px #fff5}.coordinate{z-index:3;color:#41694f;pointer-events:none;font-size:9px;font-weight:700;line-height:1;position:absolute}.dark .coordinate{color:#edf0dc}.rank-coordinate{top:4px;left:4px}.file-coordinate{bottom:3px;right:4px}.move-target{z-index:2;pointer-events:none;background:#25493555;border-radius:50%;width:25%;height:25%;position:absolute}.capture-target{z-index:2;pointer-events:none;border:5px solid #25493577;border-radius:50%;position:absolute;inset:3px}.under-board{justify-content:space-between;align-items:center;gap:8px;margin-top:21px;display:flex}.turn-label{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.turn-label i{border:1px solid #294238;border-radius:50%;width:12px;height:12px;display:block}.white-dot{background:#fffdf6}.black-dot{background:#294238}.turn-label small{letter-spacing:.2px;background:#e8ecdf;border-radius:4px;padding:4px;font-size:10px;font-weight:500}.hearts{color:#b67459;white-space:nowrap;gap:4px;font-size:21px;display:flex}.hearts .spent{color:#deddd4}.themes{color:#858a7e;margin:7px 0 0 20px;font-size:12px}.feedback{flex-direction:column;justify-content:center;gap:6px;min-height:90px;padding:16px 0;display:flex}.feedback strong{font-size:14px;font-weight:550}.feedback span{color:#878c80;font-size:12px;line-height:1.4}.feedback.success strong{color:#2d7953}.actions{grid-template-columns:1fr 1fr 1.7fr;gap:10px;display:grid}.actions button{justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:14px;display:flex}.primary{color:#fffdf6;background:#315b49;border-color:#315b49}.primary:hover:not(:disabled){background:#224a39}.bottom-row{color:#93978b;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;display:flex}.text-button{color:#7c8375;text-underline-offset:3px;border:0;padding:8px 0;font-size:12px;font-weight:400;text-decoration:underline}footer{text-align:center;color:#969b8c;margin:25px 0 8px;font-size:11px;line-height:1.7}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error{color:#8a3d2c;background:#f6e6dc;border-radius:10px;margin-bottom:16px;padding:14px;font-size:14px;line-height:1.6}.error button{margin-top:8px;display:block}.loading{padding:70px 0}.loading p{color:#7b8276;line-height:1.7}.section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-heading h1{font-size:29px}.section-heading button{font-size:12px}.progress-view h2{margin:30px 0 10px;font-size:15px}.progress-view p{color:#778073;font-size:13px;line-height:1.65}.progress-stats{border-block:1px solid #dadfd1;grid-template-columns:repeat(3,1fr);margin:24px 0;padding:22px 0;display:grid}.progress-stats div{flex-direction:column;gap:5px;display:flex}.progress-stats strong{font-size:27px;font-weight:550}.progress-stats span{color:#818879;font-size:11px}.backup-buttons{flex-wrap:wrap;gap:8px;display:flex}.backup-buttons button{font-size:13px}.restore-confirm{background:#eaedde;border:1px solid #d2d8c5;border-radius:10px;margin-top:16px;padding:14px}.restore-confirm h2{margin-top:0}.history article{border-bottom:1px solid #e1e3d9;padding:14px 0}.history article>div{justify-content:space-between;gap:8px;font-size:13px;display:flex}.history article span{text-transform:capitalize;color:#59745c}.history article p{margin:6px 0 0;font-size:11px}.muted{color:#8c9384;margin-left:6px;font-size:12px;font-weight:400}.promotion-backdrop{z-index:20;background:#1f342b66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.promotion-dialog{background:#f7f5ef;border-radius:16px;max-width:420px;padding:24px}.promotion-dialog h2{margin:0 0 20px;font-size:20px}.promotion-dialog>div{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}@media (width<=420px){header{height:72px}.intro{margin:14px 0 20px}h1{font-size:28px}.personal-stats{margin-bottom:12px;padding-bottom:16px}.under-board{margin-top:16px}.turn-label{font-size:14px}.hearts{gap:3px;font-size:19px}.actions{gap:7px}.actions button{padding:10px 7px}.feedback{min-height:85px}footer{margin-top:16px}}@media (prefers-reduced-motion:no-preference){button{transition:background .12s}.piece{animation:.15s ease-out appear}@keyframes appear{0%{opacity:.8}to{opacity:1}}}.puzzle-toolbar label{position:relative}.puzzle-toolbar label:after{content:"⌄";pointer-events:none;position:absolute;top:10px;right:12px}select{appearance:none}.solution-line{background:#eaedde;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:13px;line-height:1.6}.solution-line strong{margin-right:8px}@media (width<=420px){header{height:60px}.intro{margin:6px 0 16px}.eyebrow{margin-bottom:6px;font-size:9px}h1{font-size:26px}.personal-stats{padding-bottom:14px}}.onboarding{padding:32px 0}.onboarding>p:not(.eyebrow){color:#62665f;max-width:360px;line-height:1.5}.level-options{gap:10px;margin-top:28px;display:grid}.level-options button{justify-content:space-between;align-items:center;min-height:60px;padding:18px 20px;display:flex}.level-options span{opacity:.7;font-size:14px}.feedback.review-feedback{background:#f0ebe2;border-left:3px solid #b67459;border-radius:0 10px 10px 0;min-height:82px;margin:18px 0 16px;padding:14px 16px}.review-feedback strong{color:#754d39}.review-feedback span{color:#706b60}.actions button:disabled{opacity:1;color:#969e94;background:0 0;border-color:#e4e6dd}.actions .primary:disabled{background:#e4e8de;border-color:#e4e8de}.feedback.success{text-align:center;background:radial-gradient(at top,#f4f6df,#e7efe3);border:1px solid #cadbc7;border-radius:16px;align-items:center;gap:8px;margin:18px 0 16px;padding:22px 16px;animation:.42s ease-out completion-arrive;position:relative;overflow:hidden}.feedback.success strong{color:#24543e;font-size:21px;font-weight:650;line-height:1.25}.feedback.success>span{color:#4c6755}.feedback.success .completion-eyebrow{letter-spacing:1.7px;color:#607b49;font-size:10px;font-weight:700}.celebration-mark{color:#fffdf6;background:#315b49;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:3px;font-size:26px;display:grid;position:relative;box-shadow:0 0 0 6px #dce7cc}.celebration-mark i{color:#b38a35;font-size:21px;font-style:normal;animation:.65s ease-out completion-spark;position:absolute;top:0;left:-34px}.celebration-mark i:last-child{font-size:15px;top:22px;left:auto;right:-30px}@keyframes completion-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes completion-spark{0%{opacity:0;transform:scale(.3)rotate(-35deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.feedback.success,.celebration-mark i{animation:none}}.hint-arrow{z-index:3;pointer-events:none;fill:#e3a52e;fill-opacity:.9;filter:drop-shadow(0 1px 2px #49371380);width:100%;height:100%;position:absolute;inset:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e9df;background:#171e1b}button{border-color:#3b4840}button:hover:not(:disabled),select{background:#29372f}button:focus-visible,select:focus-visible,a:focus-visible{outline-color:#e0b36d}.wordmark{color:#b2d3bd}.wordmark-dot,.streak-icon{color:#dba070}.eyebrow,.themes,.puzzle-toolbar>span,.feedback span,.personal-stats span:not(.stat-icon):not(.streak-icon),.text-button,footer,.bottom-row,.muted,.loading p,.progress-view p,.progress-stats span,.onboarding>p:not(.eyebrow){color:#a5b2a5}.puzzle-toolbar strong{color:#e2e9df}.stat-icon,.history article span{color:#9ac7a8}.personal-stats,.progress-stats,.history article{border-color:#36433b}.square.light,.square.light:hover:not(:disabled){background:#a4af99}.square.dark,.square.dark:hover:not(:disabled){background:#5d7967}.square.last.light{background:#b2bb87}.square.last.dark{background:#82965f}.square.selected,.square.selected:hover:not(:disabled){background:#c2ad62}.black-piece{color:#18271f;-webkit-text-stroke-color:#101e17}.coordinate{color:#243e2e}.dark .coordinate{color:#eef1df}.turn-label i{border-color:#a5b2a5}.black-dot{background:#101813}.turn-label small,.restore-confirm,.solution-line{background:#29372b}.restore-confirm{border-color:#46543d}.hearts{color:#d69576}.hearts .spent{color:#465047}.primary{color:#172d20;background:#a4c8ae;border-color:#a4c8ae}.primary:hover:not(:disabled){background:#bedcc6}.actions button:disabled{color:#7e8d80;border-color:#354038}.actions .primary:disabled{background:#2b3b30;border-color:#2b3b30}.feedback.review-feedback{background:#322b23;border-color:#d69576}.review-feedback strong{color:#efbc99}.review-feedback span{color:#c6b7a7}.feedback.success{background:radial-gradient(at top,#34482e,#233a2e);border-color:#4b6447}.feedback.success strong{color:#d0ebc7}.feedback.success>span{color:#b5d0b1}.feedback.success .completion-eyebrow{color:#c5d29a}.celebration-mark{color:#172d20;background:#a4c8ae;box-shadow:0 0 0 6px #415538}.celebration-mark i{color:#e7bd64}.error,.progress-view p.error{color:#ffc7ac;background:#412b25}.promotion-backdrop{background:#080e0bc4}.promotion-dialog{background:#222d26}}.text-button:hover:not(:disabled){background:0 0;text-decoration-thickness:2px}