:root{--ink: #f0e9d4;--ink-dim: #b9b49b;--ink-faint: #8e8a76;--green: #9ecb62;--amber: #e7b95c;--red: #ef8a72;--wood: #c9a06a;--panel: 20 23 15;--edge: #3a3d29;--edge-soft: #262a1c;--sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--serif: Georgia, "Times New Roman", serif;--micro: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#0d0f0a;color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%}body{overscroll-behavior:none}#app{position:fixed;inset:0;display:flex;flex-direction:column;isolation:isolate}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}button{font:inherit;color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.4}.hud{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 14px 12px;background:linear-gradient(rgb(var(--panel) / .95),rgb(var(--panel) / .78));border-bottom:1px solid var(--edge);backdrop-filter:blur(2px)}.hud-left{min-width:0}.mark{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.26em}.mark i{width:16px;height:16px;border-radius:3px;background:linear-gradient(150deg,var(--green),#4d6a2b);box-shadow:inset 0 0 0 1px #00000080}.mark b{font-weight:700}.where{margin:3px 0 0 24px;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink-dim)}.hud-right{display:flex;align-items:flex-start;gap:14px}.counters{margin:0;display:flex;gap:16px;text-align:right}.counters span{display:flex;flex-direction:column}.counters em{font-style:normal;font-family:var(--micro);font-size:9px;letter-spacing:.18em;color:var(--ink-faint)}.counters b{font-family:var(--micro);font-size:14px;letter-spacing:.04em}.counters b.warn{color:var(--red)}.counters b.ok{color:var(--green)}.hud-buttons{display:flex;gap:6px}.icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--edge);border-radius:6px;background:rgb(var(--panel) / .9);color:var(--ink-dim);font-family:var(--micro);font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.icon:hover{color:var(--ink);border-color:var(--green)}.icon[aria-pressed=false]{color:var(--ink-faint);text-decoration:line-through}.status{position:relative;z-index:3;margin:0;padding:6px 16px;min-height:22px;font-family:var(--micro);font-size:11px;letter-spacing:.06em;color:var(--ink-dim);background:rgb(var(--panel) / .72);border-bottom:1px solid var(--edge-soft)}.status.no{color:var(--red)}.status.yes{color:var(--green)}.status.warn{color:var(--amber)}.board{position:relative;z-index:3;margin-top:auto;width:min(1040px,100%);margin-inline:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(rgb(var(--panel) / .7),rgb(var(--panel) / .96));border-top:1px solid var(--edge);backdrop-filter:blur(3px)}.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.board-title{margin:0;display:flex;align-items:center;gap:10px}.board-title b{font-family:var(--micro);font-size:13px;letter-spacing:.2em}.verdict{font-family:var(--micro);font-size:10px;letter-spacing:.16em;padding:2px 8px;border-radius:999px;border:1px solid currentColor}.verdict.sound{color:var(--green)}.verdict.unsound{color:var(--amber)}.verdict.empty{color:var(--ink-faint)}.board-count{margin:0;font-family:var(--micro);font-size:11px;color:var(--ink-dim)}.board-count b{color:var(--ink)}.strip{list-style:none;margin:0;padding:0;display:flex;gap:4px}.bay{flex:1 1 0;min-width:0;height:42px;padding:0;position:relative;border:1px solid var(--edge);border-radius:4px;background:#1b1f14;color:var(--ink-faint);font-family:var(--micro);font-size:10px;cursor:pointer;overflow:hidden;transition:border-color .12s,background .12s}.bay:hover{border-color:var(--green)}.bay .fill{position:absolute;left:-22%;right:-22%;bottom:13px;height:6px;border-radius:3px;background:var(--wood);transform:rotate(var(--r, 0deg))}.bay .lean{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;line-height:1;color:var(--ink-faint)}.bay--laid{color:#1a1608;border-color:#4d462c}.bay--laid .lean{color:#1a1608}.bay--upright .fill{left:calc(50% - 3px);right:auto;bottom:6px;width:5px;background:#6a563b}.bay--gad:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#e7b95c80}.bay--steep{border-style:dashed;border-color:#6a5326}.bay--steep:before{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:repeating-linear-gradient(115deg,#5b4a24 0 3px,#241f12 3px 6px)}.bay--upright .lean{color:#cbbb92}.bay--cursor{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 0 14px #e7b95c59;color:var(--amber)}.bay--bridged{border-color:#3f6a4a}.bill{margin:0;display:flex;gap:6px;flex-wrap:wrap}.chip{flex:1 1 0;min-width:96px;padding:5px 8px;display:flex;align-items:center;gap:7px;border:1px solid var(--edge);border-radius:5px;background:#1b1f14;color:var(--ink-dim);font-family:var(--micro);font-size:11px;cursor:pointer;text-align:left;transition:border-color .12s,color .12s}.chip:hover{border-color:var(--green);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--green);color:var(--ink);background:#212b17}.chip i{width:10px;height:10px;border-radius:2px;flex:none}.chip .n{margin-left:auto;color:var(--ink)}.chip .n.out{color:var(--red)}.chip .cap{font-size:9px;color:var(--ink-faint);letter-spacing:.08em}.actions{display:flex;gap:6px;flex-wrap:wrap}.act{flex:1 1 0;min-width:84px;padding:7px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--edge);border-radius:5px;background:#1b1f14;cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.act b{font-family:var(--micro);font-size:11px;letter-spacing:.1em}.act small{font-family:var(--micro);font-size:9px;color:var(--ink-faint);letter-spacing:.1em}.act:hover:not(:disabled){border-color:var(--green);background:#222a18}.act:active:not(:disabled){transform:translateY(1px)}.act--go{border-color:#4d6a2b;background:#22301a}.act--go b{color:var(--green)}.act--end{border-color:#6a5326}.act--end b{color:var(--amber)}.act[aria-pressed=true]{border-color:var(--amber);background:#2b2716}.act[aria-pressed=true] b{color:var(--amber)}.advice{margin:0;font-family:var(--serif);font-size:13px;font-style:italic;line-height:1.35;color:var(--ink-dim)}.screen{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:18px;overflow-y:auto;background:linear-gradient(#090b076b,#090b0733 42%,#090b07a8);backdrop-filter:blur(2px)}.screen[hidden]{display:none}.sheet{width:min(720px,100%);padding:22px 24px 24px;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(#161910f5,#0f110bf7);box-shadow:0 24px 70px #0009}.sheet--title{width:min(660px,100%)}.sheet--brief{width:min(780px,100%)}.sheet--result{width:min(700px,100%)}.sheet--modal{width:min(560px,100%);text-align:left}.eyebrow{margin:0 0 6px;font-family:var(--micro);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--green)}h1{margin:0 0 12px;font-family:var(--serif);font-size:clamp(34px,8vw,54px);line-height:1;letter-spacing:.01em}h2{margin:0 0 6px;font-family:var(--serif);font-size:clamp(24px,5vw,32px);line-height:1.1}h3{margin:0 0 4px;font-family:var(--micro);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.lede{margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--ink-dim)}.rules{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:8px}.rules li{font-size:13px;line-height:1.45;color:var(--ink-dim);padding-left:12px;border-left:2px solid var(--edge)}.rules li b{color:var(--ink)}.rules--tight{gap:6px;max-height:46vh;overflow-y:auto}.rules--tight li{font-size:12px}.primary{display:block;width:100%;padding:13px 16px;border:1px solid var(--green);border-radius:7px;background:linear-gradient(#2c3d1d,#1e2a13);color:#eaf6d8;font-family:var(--micro);font-size:13px;letter-spacing:.16em;cursor:pointer;transition:background .15s,transform .08s}.primary:hover{background:linear-gradient(#3a5026,#253318)}.primary:active{transform:translateY(1px)}.ghost{display:block;width:100%;margin-top:8px;padding:10px 16px;border:1px solid var(--edge);border-radius:7px;background:transparent;color:var(--ink-dim);font-family:var(--micro);font-size:11px;letter-spacing:.16em;cursor:pointer}.ghost:hover{border-color:var(--ink-dim);color:var(--ink)}.hint{margin:12px 0 0;font-size:11px;line-height:1.5;color:var(--ink-faint)}.record{margin:8px 0 0;font-family:var(--micro);font-size:11px;color:var(--amber)}.touch-only{display:none}.brief-where{margin:0 0 10px;font-family:var(--serif);font-style:italic;color:var(--ink-faint)}.brief-text{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--ink-dim)}.choice{margin-bottom:16px}.choice-hint{margin:0 0 8px;font-size:12px;line-height:1.45;color:var(--ink-faint)}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.options--wide{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.option{padding:9px 10px;border:1px solid var(--edge);border-radius:6px;background:#1b1f14;text-align:left;cursor:pointer;transition:border-color .14s,background .14s}.option:hover{border-color:var(--green)}.option[aria-pressed=true]{border-color:var(--green);background:#22301a}.option[aria-pressed=true] .option-name{color:var(--green)}.option[aria-pressed=true][disabled]{border-color:var(--edge);background:#17190f}.option[aria-pressed=true][disabled] .option-name{color:var(--ink-faint)}.option-name{display:flex;align-items:center;gap:6px;font-family:var(--micro);font-size:11px;letter-spacing:.12em;color:var(--ink);margin-bottom:4px}.option-name i{width:9px;height:9px;border-radius:2px;flex:none}.option-note{display:block;font-size:11.5px;line-height:1.4;color:var(--ink-dim)}.option-meta{display:block;margin-top:4px;font-family:var(--micro);font-size:10px;color:var(--ink-faint)}.brief-ledger{margin:0 0 14px;font-family:var(--micro);font-size:11px;line-height:1.6;color:var(--amber);white-space:pre-line}.screen--lapse{background:linear-gradient(#080a0680,#080a0659)}.lapse-box{width:min(520px,100%);padding:18px 20px;border:1px solid var(--edge);border-radius:10px;background:#0e110ae0;text-align:center}.lapse-eyebrow{margin:0;font-family:var(--micro);font-size:10px;letter-spacing:.24em;color:var(--green)}.lapse-year{margin:4px 0 8px;font-family:var(--serif);font-size:46px;line-height:1}.lapse-note{margin:0 0 12px;font-family:var(--serif);font-style:italic;font-size:14px;line-height:1.45;color:var(--ink-dim);min-height:3em}.lapse-stats{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:4px}.lapse-stats li{display:flex;justify-content:space-between;font-family:var(--micro);font-size:11px;color:var(--ink-dim)}.lapse-stats b{color:var(--ink)}.result-verdict{margin:0 0 10px;font-family:var(--serif);font-size:17px;color:var(--green)}.result-verdict.lost{color:var(--red)}.result-copy{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--ink-dim)}.grade{display:flex;gap:16px;align-items:stretch;margin-bottom:14px;flex-wrap:wrap}.grade-mark{flex:none;width:132px;padding:12px 10px;border:1px solid var(--edge);border-radius:8px;background:#1b1f14;text-align:center}.grade-mark b{display:block;font-family:var(--serif);font-size:44px;line-height:1}.grade-mark small{display:block;margin-top:6px;font-family:var(--micro);font-size:9.5px;letter-spacing:.14em;color:var(--ink-dim)}.grades{flex:1 1 220px;list-style:none;margin:0;padding:0;display:grid;gap:5px;align-content:start}.grades li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-family:var(--micro);font-size:11px;color:var(--ink-dim)}.grades .meter{grid-column:1 / -1;height:4px;border-radius:2px;background:#2a2e1e;overflow:hidden}.grades .meter i{display:block;height:100%;background:var(--green)}.grades b{color:var(--ink)}.ledger{margin:0 0 14px;font-family:var(--micro);font-size:11px;line-height:1.7;color:var(--ink-faint);white-space:pre-line}.result-buttons{display:grid;gap:0}@media(max-width:720px){.hud{padding:8px 10px 9px}.where{margin-left:0;font-size:12px}.mark{font-size:11px}.counters{gap:10px}.counters em{font-size:8px}.counters b{font-size:12px}.icon{width:30px;height:30px}.board{padding:9px 10px 12px;gap:7px}.bay{height:38px}.act{min-width:0;padding:6px 3px}.act b{font-size:10px;letter-spacing:.06em}.act small{font-size:8px}.chip{min-width:0;padding:4px 6px;font-size:10px}.chip .cap{display:none}.advice{font-size:12px}.screen{padding:12px;align-items:start}.sheet{padding:18px 16px 20px}.rules--tight{max-height:38vh}.options{grid-template-columns:1fr}.options--wide{grid-template-columns:1fr 1fr}.grade-mark{width:100%}.desk{display:none}.touch-only{display:block}}@media(max-width:380px){.options--wide{grid-template-columns:1fr}.act b{font-size:9px}}@media(max-height:560px){.board{gap:5px;padding:6px 10px 8px}.bay{height:30px}.advice{display:none}.status{min-height:0;padding:4px 12px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}