*{box-sizing:border-box}body{color:#23392f;-webkit-font-smoothing:antialiased;background:#f7f7f0;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #526f46}[hidden]{display:none!important}.site-header{border-bottom:1px solid #dcded4;justify-content:space-between;align-items:center;max-width:1120px;height:90px;margin:auto;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:9px;font-size:20px;font-weight:700;display:flex}.mark{color:#daeea3;background:#23392f;border-radius:10px;width:34px;height:34px;margin-right:4px;padding:5px 9px}.mark span{color:#f4bb82}.muted{color:#768077;font-weight:400}.back{color:#6c7769;font-size:12px}main{max-width:470px;margin:38px auto 42px}.eyebrow{letter-spacing:1.8px;color:#747f6c;justify-content:space-between;font-size:9px;display:flex}.eyebrow>span{letter-spacing:1px;color:#949d8b}.title-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}h1{letter-spacing:-2px;margin:0;font-size:43px;font-weight:500}h1>span{color:#85a267}.tools{gap:8px;display:flex}.icon-button{background:0 0;border:1px solid #d6dccd;border-radius:50%;width:34px;height:34px;font:18px Georgia,serif}.icon-button:hover{background:#e9eede}.subtitle{color:#75806e;margin:10px 0 26px;font-size:12px}.modes{background:#eaece2;border-radius:10px;gap:4px;padding:4px;display:flex}.modes button{color:#7b8473;background:0 0;border:0;border-radius:7px;width:50%;padding:11px 0;font-size:12px}.modes button[aria-pressed=true]{color:#23392f;background:#fffef9;box-shadow:0 1px 4px #23392f10}.modes button>span{margin-left:8px}.dot{vertical-align:middle;background:#809864;border-radius:50%;width:5px;height:5px;display:inline-block}.puzzle-meta{color:#7c8574;letter-spacing:.3px;justify-content:space-between;max-width:312px;margin:22px auto 16px;font-size:10px;display:flex}.board{gap:7px;width:312px;margin:auto;display:grid}.row{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.tile{aspect-ratio:1;background:#f0f2e8;border:1px solid #dce1d2;border-radius:7px;place-items:center;font-size:27px;font-weight:600;display:grid}.tile.active{background:#fffef9;border-color:#ccd5c0}.tile.filled{background:#fdfdf6;border-color:#799565}.correct{color:#fff!important;background:#668457!important;border-color:#668457!important}.present{color:#fff!important;background:#c3a04f!important;border-color:#c3a04f!important}.absent{color:#fff!important;background:#7b8474!important;border-color:#7b8474!important}.message{text-align:center;color:#69775d;min-height:33px;margin:17px 0 9px;font-size:12px;line-height:1.5}.keyboard{-webkit-user-select:none;user-select:none;gap:6px;width:100%;display:grid}.key-row{justify-content:center;gap:5px;display:flex}.key{touch-action:manipulation;background:#e9eddf;border:1px solid #d8ddcd;border-radius:6px;flex:1;min-width:0;height:47px;padding:0;font-size:14px;font-weight:600;box-shadow:0 2px #d6dccb}.key.wide{background:#dce4cd;flex:1.5;font-size:10px}.key.wide:last-child{font-size:22px}.key:hover:not(:disabled){filter:brightness(.95)}.key:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.key:disabled{cursor:default;opacity:.8}.legend{color:#737f67;justify-content:center;gap:16px;margin:24px 0 16px;font-size:9px;display:flex}.legend>span{align-items:center;gap:5px;display:flex}.legend i{border-radius:2px;width:8px;height:8px}.footnote{text-align:center;color:#818a78;font-size:10px;line-height:1.8}.footnote>span{display:block}.result{text-align:center;background:#edf2e4;border:1px solid #d9e3cb;border-radius:10px;margin:0 0 18px;padding:15px}.result>p{margin:0 0 14px;font-size:14px}.result-actions{justify-content:center;gap:8px;display:flex}.primary,.secondary{border:1px solid #cbd6be;border-radius:7px;padding:10px 12px;font-size:11px}.primary{color:#fff;background:#23392f;border-color:#23392f}.secondary{background:#f9fbf3}.text-button{color:#697b58;background:0 0;border:0;border-bottom:1px solid #bdc8af;margin:18px auto 0;padding:4px 0;font-size:11px;display:block}textarea{background:#fffef9;border:1px solid #cbd6be;border-radius:6px;width:100%;height:165px;margin-top:15px;padding:12px;font:12px monospace}footer{color:#89917e;border-top:1px solid #dcded4;justify-content:space-between;max-width:1120px;margin:0 auto;padding:24px 0;font-size:10px;display:flex}dialog{color:#23392f;background:#fffef8;border:1px solid #d8dece;border-radius:16px;width:480px;max-width:calc(100% - 32px);max-height:85dvh;padding:28px;box-shadow:0 20px 100px #17291830}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23392f66}.dialog-top{justify-content:space-between;align-items:center;display:flex}.close{color:#7c8672;background:0 0;border:none;width:30px;height:30px;font-size:25px}dialog h2{letter-spacing:-.8px;font-size:27px;font-weight:500;line-height:1.2}dialog p,dialog li{color:#6e7a64;font-size:13px;line-height:1.75}dialog ul{padding-left:18px}.example{gap:6px;margin:20px 0;display:flex}.example b{border:1px solid #d8dece;border-radius:6px;place-items:center;width:45px;height:48px;display:grid}.license{color:#6e7a64;font-size:10px;text-decoration:underline}.stats-summary{justify-content:space-around;margin:25px 0 32px;display:flex}.stats-summary>div{text-align:center;gap:8px;display:grid}.stats-summary strong{font-size:32px;font-weight:500}.stats-summary span{color:#7c8672;font-size:11px}#stats-content h3{font-size:13px;font-weight:500}.stat-row{align-items:center;gap:12px;margin:7px 0;font-size:12px;display:flex}.stat-row>b{color:#fff;text-align:right;background:#668457;border-radius:3px;min-width:28px;padding:5px 8px}.stat-row>span{width:10px}@media (width<=1180px){.site-header,footer{margin-left:30px;margin-right:30px}}@media (width<=520px){.site-header{height:70px;margin:0 20px}.brand{font-size:17px}.back{font-size:11px}main{max-width:none;margin:27px 14px 30px}.game-top{margin:0 8px}.title-row{margin-top:10px}h1{font-size:38px}.subtitle{margin-bottom:20px}.board{width:min(300px,87vw)}.puzzle-meta{max-width:min(300px,87vw)}.key-row{gap:4px}.key{height:46px;font-size:13px}.key.wide{font-size:9px}.legend{gap:12px;font-size:9px}.result-actions{flex-wrap:wrap}footer{margin:0 22px}.message{font-size:11px}.tile{font-size:25px}}@media (width<=350px){main{margin-left:8px;margin-right:8px}.key-row{gap:3px}.key{font-size:12px}.key.wide{font-size:8px}.legend{gap:8px;font-size:8px}.board{width:270px}}@media (prefers-reduced-motion:no-preference){.tile.filled{animation:.1s ease-out pop}@keyframes pop{0%{transform:scale(.94)}to{transform:scale(1)}}}@media (width<=520px) and (height<=900px){.site-header{height:58px}main{margin-top:16px}.title-row{margin-top:8px}h1{font-size:34px}.subtitle{margin:7px 0 16px}.puzzle-meta{margin-top:15px;margin-bottom:12px}.board{width:clamp(220px,79svh - 331.8px,300px)}.message{min-height:30px;margin-top:13px;margin-bottom:6px}}