:root{--paper:#faf9f6;--card:#fff;--line:#e7e5df;--ink:#1b1a20;--ink-2:#5c5b63;--ink-3:#9c9ba3;--machine:#44418f;--machine-soft:#edecfa;--machine-line:#cfcdf2;--machine-ink:#2e2b6b;--amber:#b97a1c;--amber-soft:#faeeda;--amber-line:#ebcd96;--amber-ink:#4a2e05;--green:#0f6e56;--green-soft:#e1f5ee;--green-ink:#06432f;--pad-width:240px;--r-control:10px;--r-card:14px;--r-chip:999px;--fast:.12s;--base:.2s;--feature:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow-card:0 1px 2px #1b1a200a, 0 6px 24px #1b1a200f}@media (prefers-color-scheme:dark){:root{--paper:#131217;--card:#1c1b22;--line:#2c2b33;--ink:#edecef;--ink-2:#a6a5ae;--ink-3:#6e6d77;--machine:#8b87e8;--machine-soft:#2a2840;--machine-line:#3c3a5c;--machine-ink:#c9c6f2;--amber:#d69a45;--amber-soft:#3a2e18;--amber-line:#5a4a28;--amber-ink:#f2d9a8;--green:#4fb89a;--green-soft:#16382e;--green-ink:#cdefe2;--shadow-card:0 1px 2px #0000004d, 0 8px 28px #00000073}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55}.shell{flex-direction:column;height:100dvh;display:flex}.app{flex-direction:column;flex:1 1 0;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex}.play,.stage{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.hdr{border-bottom:1px solid var(--line);flex:0 0 52px;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.hleft{align-items:center;gap:8px;display:flex}.hright{align-items:center;gap:12px;display:flex}.help{display:flex;position:relative}.helpbtn{width:24px;min-width:24px;height:24px;color:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-chip);transition:color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out);background:0 0;padding:0;font-size:13px;font-weight:700}.helpbtn:hover,.helpbtn[aria-expanded=true]{color:var(--machine);border-color:var(--machine-line)}.helppop{z-index:20;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);width:264px;max-width:82vw;box-shadow:var(--shadow-card);animation:ctrl-pop var(--fast) var(--ease-out);padding:14px 15px;position:absolute;top:calc(100% + 8px);right:0}.helptext{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.6}.hdr .bot{width:auto;height:18px}h1{letter-spacing:-.01em;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:16px;font-weight:800}.juice{border-radius:var(--r-chip);background:var(--machine-soft);border:1px solid var(--machine-line);flex:none;width:72px;height:8px;overflow:hidden}.juicefill{background:var(--machine);border-radius:var(--r-chip);height:100%;transition:width var(--feature) var(--ease-out);display:block}.intro{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:24px;min-height:0;padding:16px;display:flex}.intro .bot{width:auto;height:132px}.introcopy{flex-direction:column;align-items:center;gap:8px;display:flex}.introtitle{letter-spacing:-.01em;color:var(--ink);margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:28px;font-weight:800}.introlead{max-width:30ch;color:var(--ink-2);margin:0;font-size:15px}.intro .feed{width:100%;max-width:260px;height:46px}.mzone{flex-direction:column;flex:0 0 150px;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}.mcap{flex-direction:column;align-items:center;display:flex}.mname{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:17px;font-weight:600}.msub{color:var(--ink-2);margin-top:1px;font-size:13px}.bot{transition:transform var(--fast) var(--ease-out);flex:none}.bot.chomp{transform:translateY(4px)scaleY(.9)}.mzone .bot{width:auto;height:96px}.evidence{flex-direction:column;flex:1 1 0;gap:6px;min-height:0;padding:12px 8px;display:flex;overflow-y:auto}.row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;max-width:440px;min-height:40px;margin:0 auto;display:flex}.cleft{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px;min-width:0;display:flex}.cright{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:3px;min-width:0;display:flex}.row.miss{border-color:var(--amber-line)}.row.hit{border-color:var(--green-soft)}.arrow{color:var(--ink-3);justify-content:center;align-items:center;font-size:13px;display:flex}.waitdot{border-radius:var(--r-chip);background:var(--machine);width:18px;height:18px;animation:pulse 1.4s var(--ease-out) infinite;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.chip{border-radius:var(--r-chip);border:1px solid;justify-content:center;align-items:center;min-width:33px;height:33px;padding:0 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;font-weight:500;display:inline-flex}.chip.in{background:var(--machine-soft);border-color:var(--machine-line);color:var(--machine-ink)}.chip.out{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber-ink)}.bottom{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:10px;padding:10px 16px 16px;display:flex}.builder{flex-direction:column;gap:10px;display:flex}.feed{border-radius:var(--r-control);width:100%;height:32px}.recipehead{justify-content:space-between;align-items:center;display:flex}.recipehl{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.clearbtn{min-width:0;height:auto;color:var(--ink-3);background:0 0;border:none;padding:2px 6px;font-size:13px;font-weight:500}.clearbtn:hover{color:var(--amber)}.recipe{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.step{border-radius:var(--r-control);background:var(--machine-soft);border:1px solid var(--machine-line);animation:step-in var(--base) var(--ease-out);align-items:center;gap:10px;padding:9px 11px;display:flex}.stepnum{border-radius:var(--r-chip);border:1px solid var(--machine-line);width:20px;height:20px;color:var(--ink-3);flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.steptext{color:var(--machine-ink);flex:auto;font-size:15px}.numtag{vertical-align:middle;min-width:26px;height:26px;color:var(--machine-ink);background:var(--card);border:1.5px solid var(--machine);border-radius:var(--r-chip);justify-content:center;align-items:center;margin:0 1px;padding:0 7px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;font-weight:700;display:inline-flex}.stepx{min-width:32px;height:32px;color:var(--ink-3);background:0 0;flex:none;padding:0;font-size:13px}.stepx:hover{color:var(--amber)}.picker{flex-direction:column;gap:8px;display:flex}.search{width:100%;height:40px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);padding:0 14px;font-family:inherit;font-size:15px}.search::placeholder{color:var(--ink-3)}.search:focus-visible{outline:3px solid var(--machine-soft);outline-offset:2px;border-color:var(--machine-line)}.nomatch{text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--r-control);margin:0;padding:14px 12px;font-size:14px}.page{border:1px solid var(--machine-line);border-radius:var(--r-control);background:var(--card);flex-direction:column;gap:2px;max-height:120px;margin:0;padding:5px;list-style:none;display:flex;overflow-y:auto}.pickop{text-align:left;width:100%;height:auto;min-height:44px;color:var(--ink);border-radius:var(--r-control);background:0 0;border:none;padding:10px 12px;font-size:15px;font-weight:400}.pickop:hover{background:var(--machine-soft);color:var(--machine-ink)}@keyframes step-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}button{border-radius:var(--r-control);background:var(--machine);color:#fff;cursor:pointer;min-width:48px;height:48px;transition:transform var(--fast) var(--ease-out);border:none;padding:0 18px;font-size:15px;font-weight:600}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid var(--machine-soft);outline-offset:2px}button.quiet{color:var(--machine);border:1.5px solid var(--machine-line);background:0 0}button:disabled{opacity:.4;cursor:default}.feedback{color:var(--ink-2);margin:4px 0 0;font-size:13px}.feedback:empty{display:none}.feedback .ok{color:var(--green);font-weight:600}.feedback .nope{color:var(--amber);font-weight:600}.rulebox{margin-top:0}.rule{border-radius:var(--r-control);padding:12px 13px;font-size:15px}.rule.crack{background:var(--green-soft);color:var(--green-ink)}.rule.open{background:var(--amber-soft);color:var(--amber-ink)}.rule b{font-family:Bricolage Grotesque,system-ui,sans-serif}.endstats{margin:4px 0 12px;font-size:17px}.share{white-space:pre-wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-control);margin-bottom:10px;padding:10px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}footer{color:var(--ink-3);text-align:center;margin-top:20px;font-size:13px}.light{transition:fill var(--base) var(--ease-out)}.modes{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}.mode{letter-spacing:-.01em;min-width:0;height:auto;color:var(--ink-3);transition:color var(--fast) var(--ease-out);background:0 0;border:none;border-radius:0;padding:2px 4px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:15px;font-weight:600}.mode:not(.modeon):hover{color:var(--ink-2)}.mode.modeon{color:var(--machine);font-weight:800}.modesep{color:var(--ink-3);opacity:.55;-webkit-user-select:none;user-select:none;font-size:15px}.composer{flex-direction:column;gap:10px;display:flex}.comprev{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:34px;display:flex}.comprev:empty{min-height:0}.compchip{cursor:pointer;min-width:34px;height:34px;animation:chip-pop var(--base) var(--ease-out);padding:0 11px;font-size:13px}.compfield{width:100%;height:44px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);padding:0 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px}.compfield::placeholder{color:var(--ink-3)}.compfield:focus-visible{outline:3px solid var(--machine-soft);outline-offset:2px;border-color:var(--machine-line)}.pad{max-width:var(--pad-width);grid-template-columns:repeat(3,1fr);align-self:center;gap:6px;width:100%;display:grid}.guesspane .feed,.tester .feed{max-width:var(--pad-width);align-self:center}.padkey{height:36px;color:var(--machine-ink);background:var(--machine-soft);border:1px solid var(--machine-line);border-radius:var(--r-control);touch-action:manipulation;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px;font-weight:600}.padkey:active{transform:scale(.96)}.padkey:disabled{opacity:.4}.guesspane,.tester{flex-direction:column;gap:10px;display:flex}.guesshint{text-align:center;color:var(--ink-3);margin:0;font-size:12px;line-height:1.4}.pips{justify-content:center;gap:6px;min-height:8px;display:flex}.pip{border-radius:var(--r-chip);background:var(--machine-line);opacity:.45;width:8px;height:8px}.pips.testpips .pip.pipon{background:var(--machine);opacity:1}.pips.misspips .pip.pipon{background:var(--amber);opacity:1}.chip.probe{border-color:var(--line);color:var(--ink-2);background:0 0}.throwrow{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:4px 0;display:flex;position:relative}.chip.guess{cursor:pointer;background:var(--amber-soft);border-color:var(--amber-line);min-width:40px;height:40px;color:var(--amber-ink);transition:box-shadow var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out);animation:chip-pop var(--base) var(--ease-out);padding:0 12px;font-size:14px}.chip.guess.sel{border-color:var(--machine);box-shadow:0 0 0 3px var(--machine-soft)}.ghost{min-width:40px;height:40px;color:var(--ink-3);border:1.5px dashed var(--machine-line);border-radius:var(--r-chip);transition:color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out);background:0 0;padding:0 12px;font-size:20px;font-weight:500}.ghost:hover{color:var(--machine);border-color:var(--machine)}.ghost.teach{animation:2.4s ease-in-out infinite breathe}.tool{min-width:40px;height:40px;color:var(--machine);background:var(--machine-soft);border:1px solid var(--machine-line);border-radius:var(--r-control);touch-action:manipulation;justify-content:center;align-items:center;padding:0;display:inline-flex}.tool:active{transform:scale(.94)}.chip.guess.dragging{z-index:6;cursor:grabbing;box-shadow:var(--shadow-card);pointer-events:none;transition:none;animation:none}.chip.guess.dropx{opacity:.45;border-color:var(--amber)}.chip.wrong{border-color:var(--ink-3);color:var(--ink-3);opacity:.7;background:0 0}.vs{min-width:24px;height:24px;color:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-chip);cursor:pointer;transition:color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out);background:0 0;flex:none;margin:0 2px;padding:0;font-size:12px;font-weight:600}.vs:hover,.vs[aria-expanded=true]{color:var(--amber);border-color:var(--amber-line)}.ctrl{background:var(--card);border:1px solid var(--machine-line);border-radius:var(--r-card);box-shadow:var(--shadow-card);animation:ctrl-pop var(--fast) var(--ease-out);align-self:flex-start;gap:8px;padding:10px;display:flex;position:relative}.caret{border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:8px solid var(--card);width:0;height:0;position:absolute;bottom:100%;left:18px}.ctrlbtn{min-width:52px;height:52px;color:var(--machine);background:var(--machine-soft);border:1px solid var(--machine-line);border-radius:var(--r-control);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:none;padding:0;font-size:22px;font-weight:600}.ctrlbtn:active{transform:scale(.94)}.ctrlx{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-line);font-size:20px}.typepop{align-items:center;gap:8px;display:flex}.typein{height:40px;color:var(--ink);background:var(--card);border:1px solid var(--machine-line);border-radius:var(--r-control);flex:auto;padding:0 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px}.typein:focus-visible{outline:3px solid var(--machine-soft);outline-offset:2px}.typepop button{height:40px}.endscreen{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:16px;min-height:0;padding:24px 16px;display:flex}.endscreen .bot{width:auto;height:96px}.enddots{gap:10px;display:flex}.enddot{border-radius:var(--r-chip);width:14px;height:14px}.enddot.crack{background:var(--green)}.enddot.open{background:var(--amber)}.endhead{letter-spacing:-.01em;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:22px;font-weight:800}.endsub{color:var(--ink-3);margin:0;font-size:13px}@keyframes chip-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes ctrl-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.modebody{min-height:0;animation:mode-in var(--base) var(--ease-out);flex-direction:column;flex:auto;order:0;justify-content:center;display:flex}@keyframes mode-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width>=768px){.app{max-width:none}.stage{flex-direction:row;align-items:stretch;column-gap:48px;padding:0 clamp(16px,4vw,64px)}.stage .bottom{border-top:none;flex:1 1 0;order:0;justify-content:center;min-width:0}.stage .bottom>*{width:100%;max-width:300px;margin-left:auto;margin-right:auto}.stage .evidence{flex:1 1 0;order:1;justify-content:safe center;min-width:0}.stage .row{max-width:520px}.stage .chip{min-width:38px;height:38px;padding:0 11px;font-size:14px}.stage .cleft,.stage .cright{gap:5px}}@media (width<=767px){.hdr{flex:0 0 42px;padding:0 14px}h1{font-size:15px}.hdr .bot{height:16px}.evidence{justify-content:safe flex-end;padding:8px}.modes{padding:9px 16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}.bot.chomp{transform:none}}