:root{--ink:#e8e2d6;--ink-dim:#a89f8d;--ink-faint:#6b6558;--stone:#0b0a09;--stone-2:#16130f;--stone-3:#221d16;--edge:#342c21;--gold:#c9a227;--blood:#8f2f24;--touch-min:44px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--stone);height:100%;color:var(--ink);margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px}button,[role=button]{min-width:var(--touch-min);min-height:var(--touch-min);font:inherit;color:inherit;background:var(--stone-3);border:1px solid var(--edge);cursor:pointer;border-radius:6px}button:active{background:var(--stone-2)}button:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.create{background:var(--edge);grid-template-columns:260px 1fr 300px 300px;gap:1px;height:100%;min-height:0;display:grid}.col{background:var(--stone-2);flex-direction:column;min-height:0;padding:12px 14px;display:flex;overflow:hidden}.col h2{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-size:13px;font-weight:700}.list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.row{text-align:left;background:var(--stone-3);border:1px solid #0000;border-radius:6px;flex-direction:column;gap:2px;width:100%;min-height:52px;margin-bottom:4px;padding:8px 10px;display:flex}.row.on{border-color:var(--gold);background:#2a2213}.row.bad{opacity:.72}.rowName{font-size:16px}.rowNote{color:var(--ink-dim);font-size:13px}.no{color:#d08b6a;font-style:normal}.hint{color:var(--ink-dim);margin:0 0 10px;font-size:13px;line-height:1.45}.attrs{border-collapse:collapse;width:100%}.attrs th{text-align:left;width:34px;color:var(--ink-dim);font-size:14px}.attrs td{padding:3px 0}.num{text-align:right;font-variant-numeric:tabular-nums;width:34px}.final{font-size:18px;font-weight:700}.race{text-align:right;width:34px;font-size:13px}.up{color:#7fae6f}.down{color:#c2705c}.shift{text-align:right;white-space:nowrap}.shift button{width:44px;height:44px;margin-left:4px;font-size:18px}.reroll{width:100%;min-height:var(--touch-min);margin-top:10px}.derived{gap:18px;margin:14px 0 0;display:flex}.derived div{flex-direction:column;display:flex}.derived dt{letter-spacing:.1em;color:var(--ink-dim);font-size:12px}.derived dd{font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:700}.nameField{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.nameField span{letter-spacing:.1em;color:var(--ink-dim);font-size:12px}.nameField input{min-height:var(--touch-min);font:inherit;color:var(--ink);background:var(--stone-3);border:1px solid var(--edge);border-radius:6px;padding:0 10px;font-size:16px}.add{width:100%;min-height:52px;margin-bottom:14px;font-size:15px}.add:not(:disabled){border-color:var(--gold);color:var(--gold)}.roster{margin:0;padding:0;list-style:none}.roster li{background:var(--stone-3);border-radius:5px;align-items:baseline;gap:8px;min-height:40px;margin-bottom:3px;padding:6px 8px;display:flex}.roster .rank{color:var(--ink-faint);letter-spacing:.08em;font-size:11px}.roster .who{font-size:15px}.roster .what{color:var(--ink-dim);font-size:13px}.roster .blank .what{color:var(--ink-faint)}.shell{height:100%;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);grid-template-rows:auto 1fr auto;display:grid}.bar{border-bottom:1px solid var(--edge);background:var(--stone-2);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.mark{letter-spacing:.24em;color:var(--gold);font-weight:700}.dim{color:var(--ink-dim);font-size:14px}.centred{text-align:center}.stage{grid-template-columns:1fr 320px;min-height:0;display:grid}.view{border-right:1px solid var(--edge);background:#000;place-items:center;padding:24px;display:grid}.side{background:var(--stone-2);place-items:center;padding:16px;display:grid}.party{background:var(--edge);border-top:1px solid var(--edge);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.slot{background:var(--stone-2);flex-direction:column;gap:4px;min-height:88px;padding:8px 10px;display:flex}.empty{color:var(--ink-faint);font-size:14px}.refusal{text-align:center;align-content:center;gap:12px;max-width:46ch;height:100%;margin:0 auto;padding:24px;display:grid}.refusal h1{margin:0;font-size:24px}.refusal p{color:var(--ink-dim);margin:0;line-height:1.5}.stage.single{display:block}
