:root{--ink: #f1e7d3;--ink-dim: #b9b09c;--ink-faint: #8d8778;--parchment: #efe4cd;--panel: #161b1f;--panel-2: #1d2329;--panel-3: #262d34;--line: #3a4249;--gold: #d8b25e;--warn: #ef8b6a;--good: #8fc9a4;--radius: 10px;--shadow: 0 18px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0d1117;color:var(--ink);font-family:ui-serif,Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#frame{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none}#frame>*{pointer-events:auto}#hud{background:linear-gradient(180deg,#0c1014f7,#0c1014e6);border-bottom:1px solid var(--line);padding:10px 16px 9px;display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;grid-template-areas:"when purse tools" "tells tells tells";gap:6px 18px;align-items:center}#hud .when{grid-area:when;margin:0;line-height:1.1}#hud .when b{display:block;font-size:21px;letter-spacing:.02em}#hud .when span{color:var(--ink-faint);font-size:12.5px;text-transform:lowercase;letter-spacing:.06em}.purse{grid-area:purse;margin:0;display:flex;gap:16px;flex-wrap:wrap}.purse div{display:flex;flex-direction:column}.purse dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint)}.purse dd{margin:0;font-size:16px;color:var(--gold);font-variant-numeric:tabular-nums}.tells{grid-area:tells;margin:0;display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-dim)}.tells span{white-space:nowrap}.tells .warn{color:var(--warn)}.tools{grid-area:tools;display:flex;gap:8px}#brief{margin:0 0 auto;align-self:flex-start;background:#0e1216f2;border-left:3px solid var(--gold);padding:7px 14px;font-size:13.5px;color:var(--ink);max-width:min(760px,94vw)}#dock{max-height:47vh;overflow:hidden;display:flex}.sheet{flex:1;min-width:0;overflow-y:auto;overflow-x:auto;overscroll-behavior:contain;background:#0e1216f9;border-top:1px solid var(--line);padding:12px 16px 18px;-webkit-overflow-scrolling:touch}.sheet-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:10px}.sheet-head h2{margin:0;font-size:20px;letter-spacing:.01em}.sheet-head h2 small{color:var(--ink-faint);font-size:13px;font-weight:400;margin-left:6px}.foot-note{margin:0;font-size:13px;color:var(--ink-dim);flex:1 1 240px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 11px 10px}.card h3{margin:0 0 6px;font-size:15px;color:var(--parchment);letter-spacing:.01em}.card.event{border-color:#6a5a33;background:#1e1a13}.card.account{border-color:#3f5560;background:#141d22}.card.commute{margin-bottom:10px}.card p{margin:0 0 6px}.line{font-size:13.5px;color:var(--ink-dim)}.line b{color:var(--ink)}.line.dim{color:var(--ink-faint);font-size:12.5px}.line .warn,.warn{color:var(--warn)}.line .good,.good{color:var(--good)}.bar{display:block;height:5px;background:#0c0f12;border-radius:3px;margin:5px 0 1px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.bar.hot i{background:var(--warn)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.row.wrap{gap:6px}button{font:inherit;font-size:13px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:7px 11px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}button em{font-style:normal;color:var(--gold);font-size:12px}button:hover:not(:disabled){background:var(--panel-3);border-color:#55606a}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button.primary{background:#3c3117;border-color:var(--gold);color:#fbeed0;font-size:14.5px;padding:10px 16px;width:100%}button.primary:hover{background:#4c3e1d}button[aria-pressed=true]{background:#3a3018;border-color:var(--gold);color:#fbeed0}.seg{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}.seg button{padding:5px 9px;font-size:12.5px}.field{display:flex;align-items:center;gap:8px;margin:7px 0 2px}.field span{font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;min-width:38px}.field{max-width:520px}.field input[type=range]{flex:1;min-width:90px;max-width:260px;accent-color:var(--gold)}.field input[type=range]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}output{display:block;font-size:12.5px;color:var(--ink-dim);font-variant-numeric:tabular-nums}output b{color:var(--ink)}.tenants{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.tenant{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px 10px}.tenant h3{margin:0 0 4px;font-size:14.5px;color:var(--parchment)}.tenant p{margin:0 0 4px}.roll{width:100%;min-width:460px;border-collapse:collapse;font-size:13px;margin-bottom:10px}.roll th,.roll td{text-align:right;padding:5px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.roll thead th{color:var(--ink-faint);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.roll tbody th{text-align:left;color:var(--ink);font-weight:400}.roll td.dim{color:var(--ink-faint);text-align:center}.particulars,.notelist{list-style:none;margin:0;padding:0;font-size:13px}.particulars li,.notelist li{display:flex;gap:12px;justify-content:space-between;padding:4px 0;border-bottom:1px solid #232a30}.particulars li.receipt b,.notelist li span{color:var(--ink)}.particulars li.receipt b{color:var(--good)}.particulars li.charge b{color:var(--warn)}.particulars li.note,.particulars li.note b{color:var(--ink-faint);font-style:italic}.notelist b{color:var(--gold);text-align:right;font-weight:400}.screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 90% at 50% 30%,#090c10d1,#06080bf5);overflow-y:auto}.screen .card{background:#12171b;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px 24px 24px;width:min(560px,100%)}.screen .card.wide{width:min(760px,100%)}.screen h1{margin:0 0 6px;font-size:46px;letter-spacing:.01em}.screen h2{margin:0 0 8px;font-size:25px}.screen h3{margin:12px 0 4px;font-size:15px;color:var(--gold)}.screen p{margin:0 0 10px;font-size:14.5px;color:var(--ink-dim)}.screen p b{color:var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--gold);margin:0 0 6px!important}.lede{font-size:16px!important;color:var(--ink)!important}.keylist{list-style:none;margin:14px 0 0;padding:0;font-size:12.5px;color:var(--ink-faint);display:grid;gap:3px}kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;background:#232b31;border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--ink)}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.help-cols p{font-size:13.5px}.notelist{margin:10px 0 4px}.screen .row{margin-top:14px}.screen .row button{width:auto}#notice-go,#start,#help-go{margin-top:6px}#start{width:100%;font-size:16px;padding:12px 18px}@media(max-width:720px){#hud{grid-template-columns:1fr auto;grid-template-areas:"when tools" "purse purse" "tells tells";padding:8px 12px;gap:5px 10px}#hud .when b{font-size:18px}.purse{gap:12px}.purse dd{font-size:15px}.tells{font-size:11.5px;gap:10px}.tools button{padding:6px 8px;font-size:12px}#brief{font-size:12.5px;padding:6px 10px}#dock{max-height:60vh}.sheet{padding:10px 12px 16px}.cards,.tenants{grid-template-columns:1fr}.screen h1{font-size:38px}.help-cols{grid-template-columns:1fr}.screen .card{padding:18px 16px 20px}}@media(max-width:400px){.tools button{padding:6px 7px;font-size:11.5px}.purse{gap:10px}.purse dd{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
