:root{--ink:#16120f;--paper:#efe4cc;--paper-2:#e2d3b3;--vermilion:#c0311f;--gold:#d9a441;--indigo:#25305a}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);background:#0c0a08;margin:0;font-family:Zen Old Mincho,Yu Mincho,serif;overflow:hidden}canvas#c{width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{display:none}#flash{pointer-events:none;opacity:0;background:radial-gradient(#0000 40%,#960a058c 100%);transition:opacity .35s;position:fixed;inset:0}#ink{pointer-events:none;opacity:0;position:fixed;inset:0}#menu,#dead,#pause{background:linear-gradient(90deg,#0a0806d1 0%,#0a080673 45%,#0a080600 70%);justify-content:flex-start;align-items:center;padding-left:6vw;display:flex;position:fixed;inset:0}#menu{pointer-events:none;background:0 0}#menu>.panel{display:none}#pause,#dead{pointer-events:none;background:0 0!important}#pause>.panel,#dead>.panel{display:none}#dead,#pause{background:#0a08068c;justify-content:center;padding:0}.panel{width:520px;max-width:92vw;color:var(--paper)}.panel.small{text-align:center;width:320px}#dead .panel{text-align:center}h1{color:#fff4e2;text-shadow:0 6px 24px #0009;margin:0;font-family:Yuji Syuku,serif;font-size:92px;font-weight:400;line-height:1}h1 small{letter-spacing:.4em;opacity:.8;text-transform:uppercase;margin-top:10px;font-family:Shippori Mincho B1,serif;font-size:14px;display:block}.lede{opacity:.9;margin:18px 0 22px;font-size:17px;line-height:1.6}h3{letter-spacing:.3em;text-transform:uppercase;opacity:.8;margin:14px 0 8px;font-family:Shippori Mincho B1,serif;font-size:13px;font-weight:500}.opts{flex-wrap:wrap;gap:8px;display:flex}.opts button{font:inherit;color:var(--paper);cursor:pointer;background:#efe4cc14;border:1px solid #efe4cc4d;padding:8px 12px;font-size:14px}.opts button:hover{background:#efe4cc2e}.opts button.sel{background:var(--paper);color:var(--ink);border-color:var(--paper)}.swatches button{border:2px solid #ffffff40;border-radius:50%;width:34px;height:34px;padding:0}.swatches button.sel{border:3px solid #fff}button#begin,button#again,button#resume,.panel>button{letter-spacing:.25em;background:var(--vermilion);color:#fff4e2;cursor:pointer;text-transform:uppercase;border:none;margin-top:26px;padding:14px 30px;font-family:Shippori Mincho B1,serif;font-size:18px;font-weight:800;display:block}#dead .panel>button,#pause .panel>button{min-width:220px;margin:18px auto 0}.panel>button.ghost{background:0 0;border:1px solid #efe4cc80;padding:10px 20px;font-size:14px}button:hover{filter:brightness(1.12)}.controls{opacity:.7;margin-top:22px;font-size:13px;line-height:1.7}#deadStats{font-size:18px;line-height:1.7}.lil-gui.lil-root,.lil-gui.root{z-index:50;--width:300px;max-height:100vh;position:fixed;top:0;right:0;overflow-y:auto}#tip{z-index:100;color:#1b1712;pointer-events:none;background:#fbf6ea;border:1px solid #c9bfa8;max-width:280px;padding:8px 10px;font:13px/1.45 IBM Plex Sans,system-ui,sans-serif;display:none;position:fixed;box-shadow:0 6px 18px #00000059}#tip b{margin-bottom:2px;display:block}.lil-gui .lil-name[data-tip],.lil-gui .name[data-tip]{cursor:help;text-underline-offset:3px;text-decoration:underline dotted #ffffff59}.editor-link{letter-spacing:.12em;color:var(--paper);opacity:.7;border-bottom:1px solid #efe4cc59;margin-top:12px;font-size:13px;text-decoration:none;display:inline-block}.editor-link:hover{opacity:1;border-color:var(--gold);color:var(--gold)}
