:root{--ink: #17201c;--paper: #faf6ec;--card: #ffffff;--pine: #0f5545;--exact: #1f9d57;--near: #efa92e;--far: #c3cbc5;--line: #e6e1d4;--shadow: 0 1px 0 rgba(23, 32, 28, .04), 0 8px 24px -12px rgba(23, 32, 28, .18);--r: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Hanken Grotesk,system-ui,sans-serif;line-height:1.45;min-height:100dvh;display:flex;justify-content:center}.wrap{width:100%;max-width:452px;padding:16px 16px 40px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px;border-bottom:1px solid var(--line)}.mark{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1;display:flex;align-items:center}.mark .dot{width:9px;height:9px;border-radius:50%;background:var(--exact);margin:0 1px 2px 3px;display:inline-block}.hbtns{display:flex;gap:6px}.icon{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:16px;font-weight:700;display:grid;place-items:center;cursor:pointer;font-family:Space Mono,monospace}.icon:hover{border-color:var(--pine)}.icon:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.prompt{padding:20px 2px 8px}.eyebrow{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pine);font-weight:700}.eyebrow .cat{color:#8a9089}h1{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:26px;line-height:1.12;letter-spacing:-.015em;margin:8px 0 6px}.metric{font-size:13.5px;color:#6b716a;display:flex;align-items:center;gap:6px}.metric .arrow{color:var(--pine);font-weight:700}.ladder{margin:18px 0 4px;display:flex;flex-direction:column;gap:8px}.rung{display:grid;grid-template-columns:34px 16px 1fr auto;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:11px 10px 11px 8px;box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.2,.9,.3,1.2),border-color .18s,background .18s,box-shadow .18s,opacity .18s;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.rung.lift{z-index:6;cursor:grabbing;background:#fff;border-color:var(--pine);box-shadow:0 18px 34px -10px #17201c73;transition:box-shadow .15s}.ladder.dragging .rung:not(.lift):not(.exact){opacity:.45}.grip{color:#c6cec6;flex:none}.grip circle{fill:currentColor}.grip-spacer{width:16px}.rung:hover .grip,.rung.lift .grip{color:var(--pine)}.rung.locked,.rung.exact{cursor:default}.rung.settle{animation:settle .28s ease}@keyframes settle{0%{transform:scale(.98)}60%{transform:scale(1.015)}to{transform:scale(1)}}.rank{font-family:Space Mono,monospace;font-weight:700;font-size:16px;color:#fff;background:var(--ink);width:30px;height:30px;border-radius:9px;display:grid;place-items:center;margin-left:4px}.label{font-weight:600;font-size:15.5px;letter-spacing:-.01em}.moves{display:flex;flex-direction:column;gap:3px}.mv{width:30px;height:22px;border:1px solid var(--line);background:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer;font-size:12px;color:var(--ink)}.mv:disabled{opacity:.3;cursor:default}.mv:not(:disabled):hover{border-color:var(--pine);color:var(--pine)}.rung.exact{background:#eaf7ef;border-color:var(--exact)}.rung.exact .rank{background:var(--exact)}.rung.near{border-color:var(--near)}.rung.near .rank{background:var(--near)}.rung.far{opacity:.92}.rung.locked .moves{visibility:hidden}.truth{font-size:12px;color:#8a9089;grid-column:2 / 3;margin-top:-2px}.truth b{color:var(--pine);font-weight:700}.hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 2px 0;font-family:Space Mono,monospace;font-size:11.5px;color:#9aa09a;letter-spacing:.02em}.hint .grip{color:#b3bbb3}@keyframes hintpulse{0%,to{opacity:.55}50%{opacity:1}}.hint{animation:hintpulse 2.4s ease-in-out infinite}.bar{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 0}.dots{display:flex;gap:5px}.adot{width:9px;height:9px;border-radius:50%;background:var(--line)}.adot.used{background:var(--ink)}.adot.win{background:var(--exact)}.attemptslabel{font-family:Space Mono,monospace;font-size:11px;color:#8a9089;letter-spacing:.04em}.cta{margin-top:14px;width:100%;border:none;border-radius:12px;background:var(--pine);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:16px;letter-spacing:.01em;padding:15px;cursor:pointer;transition:transform .12s,background .18s}.cta:active{transform:translateY(1px)}.cta:disabled{background:#b7c2bc;cursor:default}.cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.result{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);text-align:center;animation:pop .3s ease}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.result h2{font-family:Bricolage Grotesque,sans-serif;font-size:20px;margin:0 0 4px}.result p{margin:0 0 14px;color:#6b716a;font-size:14px}.stats{display:flex;justify-content:center;gap:22px;margin:0 0 16px}.stat b{display:block;font-family:Bricolage Grotesque,sans-serif;font-size:22px}.stat span{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8a9089}.grid{display:inline-flex;flex-direction:column;gap:4px;margin-bottom:16px}.grow{display:flex;gap:4px;justify-content:center}.sq{width:22px;height:22px;border-radius:5px}.sq.e{background:var(--exact)}.sq.n{background:var(--near)}.sq.f{background:var(--far)}.share{width:100%;border:none;border-radius:12px;background:var(--ink);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:15px;padding:14px;cursor:pointer}.share:active{transform:translateY(1px)}.next-in{margin-top:12px;font-family:Space Mono,monospace;font-size:11px;color:#9aa09a;letter-spacing:.04em}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#17201c66;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--paper);width:100%;max-width:452px;border-radius:20px 20px 0 0;padding:22px 20px 30px;animation:up .26s ease}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.sheet h3{font-family:Bricolage Grotesque,sans-serif;font-size:19px;margin:0 0 12px}.sheet p{font-size:14px;color:#4c524c;margin:0 0 10px}.legend{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13.5px}.legend .sq{width:18px;height:18px;border-radius:4px}.close{margin-top:8px;width:100%;padding:13px;border:none;border-radius:12px;background:var(--ink);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:15px;cursor:pointer}.footlink{margin:22px auto 0;font-size:12px;color:#9aa09a;text-align:center;font-family:Space Mono,monospace;letter-spacing:.03em}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}