:root{--bg: #f6f3ec;--fg: #22211f;--quiet: #6b675f;--rule: #c9c3b6;--accent: #2d4a6b;--button: #fffdf8;--pip: #d9d3c6;--pip-on: #9a3b2e;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #1c1b19;--fg: #ece8df;--quiet: #a39e93;--rule: #45423c;--accent: #9cb8d8;--button: #26241f;--pip: #45423c;--pip-on: #d9826f}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:hidden}#app{max-width:36rem;margin:0 auto;padding:16px}.screen>*+*{margin-top:.75rem}p{margin:.35rem 0;overflow-wrap:anywhere}h1{font-size:1.2rem;margin:1rem 0 .5rem}h2{font-size:1rem;margin:1rem 0 .25rem;color:var(--quiet)}.rule{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--rule);padding-bottom:.35rem;letter-spacing:.06em}.rule .who{font-weight:600;overflow-wrap:anywhere}.stage{width:100%;border:1px solid var(--rule);background:var(--button)}.care{display:grid;gap:.2rem;font-size:.8rem;color:var(--quiet)}.pips-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pips-label{min-width:11rem}.pips{display:inline-flex;gap:.25rem}.pip{width:.7rem;height:.7rem;border-radius:50%;background:var(--pip)}.pip.on{background:var(--pip-on)}.account{color:var(--quiet)}.told{font-style:italic}.intention{font-weight:600;margin-top:.75rem}.options{display:grid;gap:.5rem;margin-top:.75rem}button{font:inherit;color:var(--fg);background:var(--button);border:1px solid var(--rule);border-radius:4px;padding:.6rem .8rem;text-align:left;width:100%;cursor:pointer;white-space:normal}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent);outline:none}button:disabled{opacity:.6;cursor:default}button.primary{border-color:var(--accent);font-weight:600}button.quiet-button,button.side-link,button.aside-ask{color:var(--quiet);font-size:.9rem}.asides,.asides>div{display:grid;gap:.4rem}.asides{border-top:1px dashed var(--rule);padding-top:.5rem}.quiet{color:var(--quiet)}.side{display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid var(--rule);padding-top:.6rem;margin-top:1.5rem}.side .side-link{width:auto}.new-game{display:grid;gap:.75rem}.new-game label{display:grid;gap:.25rem}input{font:inherit;color:var(--fg);background:var(--button);border:1px solid var(--rule);border-radius:4px;padding:.5rem;width:100%}details summary{cursor:pointer;color:var(--quiet)}dl.words{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:.25rem .75rem;margin:0}dl.words dt{color:var(--quiet)}dl.words dd{margin:0}.letter p{margin:.6rem 0}