@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,500;1,6..72,500&display=swap";.site-navigation{box-sizing:border-box;color:#173354;background:#f5f1e8;border-bottom:1px solid #17335430;width:100%;font:400 17px/1.5 Newsreader,Georgia,serif}.site-navigation__inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:24px;max-width:1380px;min-height:90px;margin:0 auto;padding:16px clamp(28px,4vw,64px);display:flex}.site-navigation a{min-height:44px;color:inherit;font:inherit;align-items:center;text-decoration:none;display:inline-flex}.site-navigation .site-navigation__brand{font-size:24px}.site-navigation__links{align-items:center;gap:36px;margin:0;padding:0;list-style:none;display:flex}.site-navigation a:hover,.site-navigation a[aria-current]{color:#ad4b2e;text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.site-navigation a:focus-visible{outline-offset:4px;outline:2px solid #ad4b2e}@media (width<=760px){.site-navigation__inner{gap:20px;min-height:76px;padding:12px 22px}.site-navigation__links{gap:20px}.site-navigation{font-size:16px}}@media (width<=360px){.site-navigation__inner{gap:16px;padding-inline:16px}.site-navigation__links{gap:16px}}:root{color:#233d32;font-synthesis:none;--green:#235e47;--muted:#67736b;--line:#d8ded3;--mint:#e5ecdf;background:#f6f5ef;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #b46b22}.page{max-width:1160px;margin:auto;padding:0 48px}main{grid-template-columns:1fr 540px;gap:70px;padding:54px 0 56px;display:grid}.eyebrow,.rule-label,legend{letter-spacing:1.3px;font:10px DM Mono,monospace}.intro>.eyebrow{align-items:center;gap:10px;display:flex}.spark{color:#7b9469;font-size:27px}h1{letter-spacing:-3.5px;margin:24px 0 20px;font:500 80px/.98 Newsreader,Georgia,serif}h1 em{color:var(--green);font-weight:500}.period{color:#b77d4e}.settings{max-width:300px}fieldset{border:0;margin:0 0 22px;padding:0}legend{margin-bottom:12px}.segmented{border:1px solid var(--line);background:#ebece4;border-radius:8px;gap:3px;padding:4px;display:flex}.segmented label{text-align:center;cursor:pointer;flex:1;position:relative}.segmented input{opacity:0;width:100%;height:100%;margin:0;position:absolute;left:0}.segmented span{border-radius:5px;padding:9px 8px;font-size:12px;display:block}.segmented input:checked+span{color:var(--green);background:#fffefa;font-weight:700;box-shadow:0 1px 4px #233d3212}.segmented input:focus-visible+span{outline:3px solid #b46b22}.rule-label{margin-bottom:12px;display:block}select{border:1px solid var(--line);color:#233d32;background:#fffefa;border-radius:7px;width:100%;padding:12px;font-size:12px}.operations{margin:22px 0 0}.operation-options{grid-template-columns:1fr 1fr;gap:12px 8px;font-size:12px;display:grid}.operation-options label{align-items:center;gap:6px;display:flex}.operation-options input{accent-color:var(--green)}.start-panel{text-align:center;background:#f0f2e9;border-radius:8px;padding:70px 24px}.start-panel h2{margin:0 0 12px;font:500 32px Newsreader,serif}.start-panel p{max-width:290px;margin:0 auto 24px;font-size:13px;line-height:1.7}.setting-note{color:var(--muted);margin:10px 0 28px;font-size:10px}.how{border-top:1px solid var(--line);max-width:302px;padding-top:18px}.how summary{cursor:pointer;justify-content:space-between;font-family:Newsreader,serif;font-size:23px;list-style:none;display:flex}.how summary::-webkit-details-marker{display:none}.how summary span{font:18px DM Sans,sans-serif}.how ol{color:var(--muted);padding-left:18px;font-size:12px;line-height:1.8}.how li{margin:9px 0;padding-left:5px}.how strong{color:var(--green)}.how p{font-size:12px;line-height:1.7}.how p.small{color:var(--muted);font-size:11px}.game{background:#fffefa;border:1px solid #dce1d5;border-radius:16px;align-self:start;padding:24px;box-shadow:0 5px 24px #233d3205}.game-top{justify-content:space-between;align-items:center;display:flex}.game-top .eyebrow{color:var(--muted)}.mode-badge{background:var(--mint);border-radius:4px;padding:6px 9px;font:9px DM Mono,monospace}.dashboard{justify-content:space-between;align-items:center;margin:25px 0 15px;display:flex}.target>span,.timer>span{letter-spacing:1.2px;color:var(--muted);font:9px DM Mono,monospace}.target>div{align-items:center;gap:17px;display:flex}.target strong{margin-top:10px;font:500 70px/.95 Newsreader,serif}.target p{margin:12px 0 0;font-size:11px;line-height:1.8}.target p b{font-weight:500}.target p small{color:var(--muted);font-size:10px}.timer{text-align:right}.timer>strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-top:6px;font:500 38px/1.3 DM Mono,monospace;display:block}.timer strong small{letter-spacing:0;margin-left:4px;font-size:17px}.timer>small{color:var(--muted);font-size:9px}.timer-track{background:#edf0e8;border-radius:9px;height:4px;overflow:hidden}.timer-track>div{background:#779572;height:100%;transition:width .1s linear}.warning .timer strong{color:#93611e}.warning .timer-track>div{background:#b58636}.critical .timer strong{color:#b34331}.critical .timer-track>div{background:#b34331}.stage-strip{align-items:center;gap:6px;margin:17px 0;display:flex}.stage-strip>span:not(.total){color:#67736b;border-radius:50%;place-items:center;width:25px;height:25px;font:11px DM Mono,monospace;display:grid}.stage-strip>span.current{background:var(--green);color:#fff}.stage-strip>span.done{background:var(--mint);color:var(--green)}.stage-strip .total{white-space:nowrap;margin-left:auto;font:11px DM Mono,monospace}.total>span{color:var(--muted)}.board-wrap{position:relative}.board{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.tile{color:#2c4937;touch-action:manipulation;background:#f0f2e9;border:1px solid #e2e7d9;border-radius:6px;min-width:0;height:45px;padding:0 2px;font:500 14px DM Mono,monospace;transition:background .16s,transform .16s,border-color .16s}.tile:hover:not([aria-disabled=true]){background:#e1ead7;border-color:#a4b99b;transform:translateY(-1px)}.tile:active:not([aria-disabled=true]){transform:scale(.94)}.tile.cleared{color:#b3c2a6;cursor:default;background:#fafbf7;border-color:#edf0e8;animation:.25s ease-out clear}.tile.incorrect{background:#f7ded6;border-color:#bc6750;animation:.25s ease-in-out shake}.tile[aria-disabled=true]{cursor:default}.feedback{min-height:39px;color:var(--green);text-align:center;justify-content:center;align-items:center;margin:16px 0 6px;font-size:11px;line-height:1.6;display:flex}.controls{gap:8px;display:flex}button:not(.tile){border:1px solid var(--line);color:#36533e;background:0 0;border-radius:6px;padding:11px 12px;font-size:11px;font-weight:600}button.primary{background:var(--green);border-color:var(--green);color:#fff}.controls .primary{justify-content:space-between;gap:28px;margin-right:auto;display:flex}button:not(.tile):hover{filter:brightness(.92)}.keyboard-help{text-align:center;color:var(--muted);margin:16px 0 0;font:9px DM Mono,monospace}.notice{background:#f8eedb;border-radius:5px;padding:12px;font-size:12px;line-height:1.6}.result{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffefaf2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.result-icon{color:#799569;margin-bottom:20px;font-size:48px}.result h2{margin:16px 0 8px;font:500 33px Newsreader,serif}.result p{color:var(--muted);font-size:12px;line-height:1.8}.result button{min-width:190px;margin-top:9px}.result .text-button{border:0;padding:5px;text-decoration:underline}.copy-fallback{margin-top:15px;font-size:12px;display:block}.copy-fallback textarea{width:100%;height:90px;margin-top:8px;font-size:11px;display:block}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:25px 0 30px;font:10px DM Mono,monospace;display:flex}@keyframes clear{50%{background:#c8dfb5;transform:scale(.93)}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (width>=1400px){.page{padding:0 48px}main{gap:100px}}@media (width<=1000px){.page{padding:0 28px}main{grid-template-columns:minmax(240px,1fr) minmax(0,500px);gap:35px}h1{font-size:70px}.game{padding:20px}.stage-strip{gap:3px}.controls{gap:5px}.controls .primary{gap:12px}button:not(.tile){padding:11px 9px}}@media (width<=740px){.page{max-width:530px;padding:0 18px}main{flex-direction:column;gap:25px;padding:28px 0 32px;display:flex}.intro>.eyebrow{font-size:9px}.spark{font-size:22px}h1{letter-spacing:-2px;margin:13px 0 9px;font-size:52px}h1 br{display:none}h1 em:before{content:" "}.settings{grid-template-columns:1fr 1fr;align-items:end;column-gap:14px;max-width:none;display:grid}.settings fieldset{grid-row:1/3;margin:0}.settings fieldset.operations{grid-area:auto/1/auto/-1;margin-top:18px}.settings legend,.rule-label{letter-spacing:.6px;margin-bottom:8px;font-size:8px}.segmented{padding:3px}.segmented span{padding:10px 2px;font-size:11px}select{min-width:0;padding:12px 7px;font-size:11px}.rule-label{grid-column:2}.setting-note{grid-column:1/-1;margin:8px 0 0;font-size:9px}.how{max-width:none;margin-top:17px;padding-top:13px}.how summary{font-size:19px}.how:not([open]){margin-bottom:0}.how ol{font-size:11px;line-height:1.5}.how li{margin:5px 0}.how p{margin:6px 0;font-size:11px}.how p.small{font-size:10px}.game{border-radius:12px;width:100%;padding:18px}.dashboard{margin:20px 0 14px}.target strong{font-size:62px}.timer>strong{font-size:34px}.board{gap:6px}.tile{height:47px;font-size:12px}.stage-strip{gap:2px}.stage-strip>span:not(.total){width:22px;height:22px;font-size:10px}.stage-strip .total{font-size:10px}.mode-badge{padding:5px 7px;font-size:8px}.controls{flex-wrap:wrap;gap:7px}.controls .primary{gap:15px}.keyboard-help{font-size:8px}footer{gap:10px;font-size:8px;line-height:1.5}.result h2{font-size:29px}}@media (width<=360px){.page{padding:0 12px}.game{padding:13px}.board{gap:5px}.tile{font-size:11px}.stage-strip>span:not(.total){width:20px}.stage-strip{gap:1px}.controls{gap:5px}.controls button{padding:10px 8px;font-size:10px}.controls .primary{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hud{z-index:2;background:#fffefa;padding-top:8px;padding-bottom:1px;position:sticky;top:0}.game{scroll-margin-top:8px}.play-page{max-width:620px;padding:12px}main.play-screen{padding:0;display:block}.play-screen .game{flex-direction:column;height:calc(100dvh - 24px);min-height:500px;max-height:1000px;padding:16px;display:flex}.play-screen .hud{flex-shrink:0;padding:0;position:static}.play-screen .dashboard{margin:12px 0}.play-screen .target strong{font-size:52px}.play-screen .stage-strip{margin:10px 0}.play-screen .board-wrap{flex:1;min-height:0}.play-screen .board{grid-template-rows:repeat(10,minmax(0,1fr));gap:5px;height:100%}.play-screen .tile{height:auto}.play-screen .feedback{flex-shrink:0;min-height:28px;margin:6px 0}.play-screen .keyboard-help{margin-top:8px}@media (width<=740px){.play-page{padding:6px}.play-screen .game{height:calc(100dvh - 12px);padding:12px}.play-screen .keyboard-help{display:none}}.play-screen.is-finished .game{height:auto;min-height:calc(100dvh - 24px);max-height:none}.play-screen.is-finished .board-wrap{min-height:460px}