@font-face{font-family:IM Fell English SC;src:url(/fonts/im-fell-english-sc-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/eb-garamond-latin.woff2) format("woff2");font-weight:400 600;font-display:swap}:root{--parchment: #efe6d0;--ink: #2a241c;--faded: #a99c82;--oxblood: #8a2e1c;--verdigris: #47705f;--u: min(.245vw, 1px)}*{box-sizing:border-box;margin:0}body{background:var(--parchment);color:var(--ink);font-family:EB Garamond,serif;font-size:17px;line-height:1.45}.app{max-width:960px;margin:0 auto;padding:12px 14px 48px}h1,h2,h3{font-family:IM Fell English SC,serif;font-weight:400;letter-spacing:.02em}header h1{font-size:22px;border-bottom:1px solid var(--faded);padding-bottom:6px}h2{font-size:26px;margin:14px 0 8px}.chronicle{font-style:italic;margin:10px 0}.aside{color:var(--faded);font-size:15px;margin:6px 0}.board-wrap{position:relative}.board-slot,.board-wrap{width:min(92vw,420px)}.board{display:block;width:100%;height:auto}.edit-marker{position:absolute;width:calc(44 * var(--u));height:calc(44 * var(--u));display:flex;align-items:center;justify-content:center;font-family:IM Fell English SC,serif;font-size:20px;color:var(--oxblood);border:2px dashed var(--oxblood);cursor:pointer;background:transparent}.scrubber{display:flex;align-items:center;gap:8px;margin:10px 0;width:min(92vw,420px)}.scrubber .play{font-size:16px;width:40px;height:34px;background:none;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer}.notches{display:flex;flex:1;gap:4px}.notch{flex:1;height:34px;font-family:IM Fell English SC,serif;font-size:14px;background:none;border:1px solid var(--faded);color:var(--ink);cursor:pointer}.notch.active{border-color:var(--ink);border-width:2px;background:#2a241c12}.palette{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{font-family:EB Garamond,serif;font-size:16px;padding:6px 12px;background:none;cursor:pointer;border:1.5px solid var(--ink);color:var(--ink)}.chip.selected{background:var(--ink);color:var(--parchment)}.chip:disabled{border-color:var(--faded);color:var(--faded);cursor:default}.margin-ledger{border-left:2px solid var(--faded);padding:6px 0 6px 12px;margin:12px 0}.margin-ledger h3{font-size:17px;margin-bottom:4px}.margin-ledger ul{list-style:none}.ledger-entry{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.ledger-entry .remove{background:none;border:none;color:var(--oxblood);cursor:pointer;font-size:15px}.ledger-entry.founding{color:var(--faded);font-style:italic}.ledger-entry.candidate button{background:none;border:none;font:inherit;color:var(--ink);cursor:pointer;text-align:left;padding:2px 4px;width:100%}.ledger-entry.candidate.selected button{outline:2px solid var(--oxblood)}.ledger-entry .empty{color:var(--faded)}button.primary{font-family:IM Fell English SC,serif;font-size:18px;padding:10px 22px;margin-top:12px;background:var(--ink);color:var(--parchment);border:none;cursor:pointer}button.primary:disabled{background:var(--faded);cursor:default}.verdict.good{color:var(--verdigris);font-size:19px}.verdict.bad{color:var(--oxblood);font-size:19px}.modal-backdrop{position:fixed;inset:0;background:#2a241c73;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--parchment);border:2px solid var(--ink);padding:22px 26px;max-width:320px;text-align:center}.modal p{font-family:IM Fell English SC,serif;font-size:20px;margin-bottom:14px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions button{font-family:EB Garamond,serif;font-size:17px;padding:8px 16px;background:none;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer}.modal-actions button.primary{background:var(--ink);color:var(--parchment)}.modal .dismiss{background:none;border:none;color:var(--faded);margin-top:10px;cursor:pointer;font-size:14px}.trace-panel{border:1px solid var(--faded);padding:10px 12px;margin:12px 0;max-width:min(92vw,420px)}.torn-edge{margin:-10px -12px 8px;position:relative}.torn-edge svg{display:block;width:100%;height:12px;transform:scaleY(-1)}.torn-note{display:block;color:var(--faded);font-style:italic;font-size:14px;padding:4px 12px 0}.trace-node{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1px solid var(--faded);padding:7px 10px;font:inherit;color:var(--ink);cursor:pointer;text-align:left}.trace-node .mini{width:18px;height:18px;flex:none}.trace-label{flex:1}.trace-range{color:var(--faded);font-size:14px}.trace-node.severed{position:relative;border-color:var(--oxblood)}.trace-node.severed:after{content:"";position:absolute;left:6px;right:6px;top:50%;border-top:2.5px solid var(--oxblood);transform:rotate(-1.2deg)}.trace-edge{width:2px;height:14px;background:var(--faded);margin-left:24px}@keyframes creep-in{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.creep{animation:creep-in .18s both;transform-origin:center;transform-box:fill-box}@keyframes pulse-out{0%{opacity:.9}to{opacity:0}}.pulse{animation:pulse-out .6s ease-out both}@keyframes flash{0%{opacity:0}40%{opacity:.18}to{opacity:0}}.event-flash{animation:flash .28s both}@media(min-width:900px){.with-trace{display:grid;grid-template-columns:440px 1fr;gap:0 24px;align-items:start}.with-trace h2,.with-trace .chronicle,.with-trace .verdict,.with-trace button.primary,.with-trace .aside{grid-column:1 / -1}.with-trace .trace-panel{grid-column:2;grid-row:3 / span 3;margin-top:0}}
