:root{--dust:#f0cfa8;--paper:#f8eedaf2;--paper-board:#f8eeda;--paper-hi:#fffaf0;--paper-lo:#efe0c2;--ink:#2c2420;--ink-soft:#6b5a4c;--ink-faint:#9a8872;--rule:#e8cfa8;--rule-strong:#a58d68;--rust:#b5482a;--rust-deep:#8a3219;--brass:#b8892b;--sage:#6f8f5a;--good:#3f8f55;--blood:#9c2a22;--bad:#b8322a;--sky:#4f86a8;--t-1:.6875rem;--t-2:.75rem;--t-3:.8125rem;--t-4:.9375rem;--t-5:1.125rem;--t-6:1.375rem;--t-7:1.75rem;--t-8:2.5rem;--s-1:.125rem;--s-2:.25rem;--s-3:.375rem;--s-4:.5rem;--s-5:.75rem;--s-6:1rem;--s-7:1.5rem;--press:2px 2px 0 #2c24202e;--dim:#2c242073;--dim-night:#2c24201f;--w-narrow:28rem;--w-medium:44rem;--w-wide:64rem;--board-top:8vh;--dock-h:12.5rem;--tile-w:5.5rem;--w-note:18rem;--quick:.16s;--f-display:Georgia, serif;--f-label:Georgia, serif;--f-body:system-ui, sans-serif}.icon{flex:none;place-items:center;line-height:1;display:inline-grid}.icon svg{width:1em;height:1em}.k-btn.icon .k-why,.k-choice.rail .k-opt.has-icon .k-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.k-btn,.k-opt,.k-toggle,.k-section-head,.k-fact-label,.k-field>.k-label,.k-slider>.k-label,.k-card-title{font-family:var(--f-label);letter-spacing:.04em;font-variant-caps:small-caps;font-weight:600}.k-qty,.k-fact-value,.k-badge,.k-val,.k-key,.k-field input{font-family:var(--f-body);font-variant-numeric:tabular-nums}.k-btn,.k-opt,.k-toggle{appearance:none;cursor:pointer;border-radius:0;margin:0}.k-btn:focus-visible,.k-opt:focus-visible,.k-toggle:focus-visible,.k-tile:focus-visible,.k-field input:focus-visible,.k-slider input:focus-visible{outline:2px solid var(--rust);outline-offset:2px}.k-card.press:has(.k-card-press:focus-visible){outline:2px solid var(--rust);outline-offset:2px}.k-btn{justify-content:center;align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-3) var(--s-5);font-size:var(--t-3);color:var(--ink);background:var(--paper-hi);border:1px solid var(--rule-strong);box-shadow:var(--press);flex-wrap:wrap;line-height:1.2;display:inline-flex;position:relative}.k-btn>.icon,.k-face>.icon{font-size:var(--t-4)}.k-btn:hover:not(.off){border-color:var(--ink-soft)}.k-btn:active:not(.off){box-shadow:none;transform:translate(2px,2px)}.k-btn.primary{color:var(--paper-hi);background:var(--rust);border-color:var(--rust-deep)}.k-btn.primary:hover:not(.off){background:var(--rust-deep)}.k-btn.commit{padding:var(--s-4) var(--s-6);font-size:var(--t-4);color:var(--paper-hi);background:var(--rust);border:3px double var(--paper-hi);box-shadow:0 0 0 1px var(--rust-deep), var(--press)}.k-btn.commit:hover:not(.off){background:var(--rust-deep)}.k-btn.quiet{color:var(--ink-soft);box-shadow:none;background:0 0;border-color:#0000}.k-btn.quiet:hover:not(.off){color:var(--ink);border-color:var(--rule)}.k-btn.icon{padding:var(--s-3)}.k-btn.icon>.icon{font-size:var(--t-5)}.k-btn.off{color:var(--ink-faint);background:var(--paper-lo);border-color:var(--rule);box-shadow:none;cursor:not-allowed}.k-btn.commit.off{border:3px double var(--rule)}.k-key{padding:0 var(--s-2);font-size:var(--t-1);letter-spacing:0;opacity:.7;border:1px solid;font-variant-caps:normal;font-weight:500;line-height:1.4}.k-why{font:italic 400 var(--t-1)/1.25 var(--f-body);letter-spacing:0;color:var(--bad);text-align:center;flex-basis:100%;font-variant-caps:normal}.k-btn.off.why{gap:var(--s-1);box-shadow:none;background:0 0;border:0;flex-flow:column;padding:0}.k-face{justify-content:center;align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-3) var(--s-5);background:var(--paper-lo);border:1px solid var(--rule);display:inline-flex}.k-btn.commit .k-face{padding:var(--s-4) var(--s-6);border:3px double var(--rule)}.k-btn.quiet .k-face{background:0 0;border-color:#0000}.k-btn.why>.k-why{max-width:calc(var(--s-7) * 10)}.k-swap{justify-items:center;display:inline-grid}.k-swap>*,.k-swap:after{grid-area:1/1}.k-swap:after{content:attr(data-alt);visibility:hidden}.k-choice{display:flex}.k-opt{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);font-size:var(--t-3);color:var(--ink-soft);background:0 0;border:0;line-height:1.2;display:inline-flex;position:relative}.k-opt:hover:not(.off){color:var(--ink)}.k-opt.off{color:var(--ink-faint);cursor:not-allowed}.k-opt>.icon{font-size:var(--t-4)}.k-badge{min-width:1.5em;padding:0 var(--s-2);font-size:var(--t-1);letter-spacing:0;text-align:center;color:var(--paper-hi);background:var(--rust);font-weight:600;line-height:1.5}.k-choice.tabs{gap:var(--s-1);border-bottom:1px solid var(--rule-strong)}.k-choice.tabs .k-opt{border:1px solid #0000;border-bottom:0;margin-bottom:-1px}.k-choice.tabs .k-opt.on{color:var(--ink);background:var(--paper-hi);border-color:var(--rule-strong);box-shadow:inset 0 2px 0 var(--rust)}.k-choice.segmented{background:var(--paper-lo);border:1px solid var(--rule-strong);display:inline-flex}.k-choice.segmented .k-opt+.k-opt{border-left:1px solid var(--rule)}.k-choice.segmented .k-opt.on{color:var(--paper-hi);background:var(--rust)}.k-choice.rail{gap:var(--s-1);flex-direction:column}.k-choice.rail .k-opt{padding:var(--s-4);justify-content:center}.k-choice.rail .k-opt>.icon{font-size:var(--t-6)}.k-choice.rail .k-opt.on{color:var(--rust);background:var(--paper-hi);box-shadow:inset 3px 0 0 var(--rust)}.k-choice.rail .k-badge{top:var(--s-1);right:var(--s-1);position:absolute}.k-choice.cards{grid-template-columns:repeat(auto-fill, minmax(calc(var(--s-7) * 6), 1fr));gap:var(--s-4);display:grid}.k-choice.cards .k-opt{justify-content:center;gap:var(--s-3);padding:var(--s-5);color:var(--ink);background:var(--paper-hi);border:1px solid var(--rule-strong);box-shadow:var(--press);flex-direction:column}.k-choice.cards .k-opt>.icon{font-size:var(--t-7);color:var(--ink-soft)}.k-choice.cards .k-opt.on{border-color:var(--rust);box-shadow:0 0 0 1px var(--rust), var(--press)}.k-choice.cards .k-opt.on>.icon{color:var(--rust)}.k-choice.cards .k-opt.off{color:var(--ink-faint);background:var(--paper-lo);box-shadow:none}.k-opt-sub{font-size:var(--t-1);color:var(--ink-soft);line-height:1.2}.k-choice.segmented .k-opt.on .k-opt-sub{color:inherit}.k-opt:has(>.k-opt-sub){flex-direction:column;align-items:center;gap:0}.k-choice.cards .k-badge{top:var(--s-2);right:var(--s-2);position:absolute}.k-toggle{align-items:center;gap:var(--s-4);padding:var(--s-2) 0;font-size:var(--t-3);color:var(--ink);background:0 0;border:0;display:inline-flex}.k-switch{width:calc(var(--s-5) * 2 + var(--s-1) * 2);padding:var(--s-1);background:var(--paper-lo);border:1px solid var(--rule-strong);display:flex}.k-knob{width:var(--s-5);height:var(--s-5);background:var(--ink-soft);box-shadow:var(--press)}.k-toggle[aria-checked=true] .k-switch{background:var(--sky);border-color:var(--sky);justify-content:flex-end}.k-toggle[aria-checked=true] .k-knob{background:var(--paper-hi)}.k-slider{align-items:center;gap:var(--s-5);grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;display:grid}.k-slider>.k-label{font-size:var(--t-3);color:var(--ink)}.k-slider input{width:100%;height:var(--s-6);appearance:none;cursor:pointer;background:0 0;margin:0}.k-slider input::-webkit-slider-runnable-track{height:var(--s-2);background:var(--paper-lo);border:1px solid var(--rule-strong)}.k-slider input::-moz-range-track{height:var(--s-2);background:var(--paper-lo);border:1px solid var(--rule-strong)}.k-slider input::-webkit-slider-thumb{width:var(--s-4);height:var(--s-6);margin-top:calc((var(--s-2) - var(--s-6)) / 2 - 1px);background:var(--ink);box-shadow:var(--press);appearance:none;border:0;border-radius:0}.k-slider input::-moz-range-thumb{width:var(--s-4);height:var(--s-6);background:var(--ink);box-shadow:var(--press);border:0;border-radius:0}.k-val{min-width:calc(var(--s-7) * 2);font-size:var(--t-3);text-align:right;color:var(--ink-soft)}.k-field{gap:var(--s-2);display:grid}.k-field>.k-label{font-size:var(--t-2);color:var(--ink-soft)}.k-field input{padding:var(--s-3) var(--s-4);font-size:var(--t-4);color:var(--ink);background:var(--paper-hi);border:1px solid var(--rule-strong);box-shadow:inset var(--press);border-radius:0}.k-field input::placeholder{color:var(--ink-faint)}.k-field input:focus{border-color:var(--rust)}.k-plate{gap:var(--s-6);padding:var(--s-6);font:var(--t-4)/1.4 var(--f-body);color:var(--ink);background:var(--paper);border:3px double var(--rule-strong);box-shadow:var(--press);flex-direction:column;display:flex}.k-section-head{margin:0 0 var(--s-4);padding-bottom:var(--s-2);font-size:var(--t-3);letter-spacing:.06em;color:var(--ink-soft);border-bottom:1px solid var(--rule);line-height:1.2}.k-section-body{gap:var(--s-4);flex-direction:column;display:flex}.k-section-body>:is(.k-btn,.k-toggle,.k-qty,.k-cost,.k-stamp,.k-rosette,.k-fact,.k-choice.segmented){align-self:flex-start}.k-section-top{justify-content:space-between;align-items:flex-end;gap:var(--s-3) var(--s-5);margin:0 0 var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.k-section-top>.k-section-head{border:0;flex:1;margin:0;padding:0}.k-tile{justify-content:center;align-items:center;gap:var(--s-2);min-width:0;min-height:calc(var(--s-7) * 2.5);padding:var(--s-4) var(--s-2) var(--s-3);font:600 var(--t-2)/1.1 var(--f-label);letter-spacing:.04em;text-align:center;color:var(--ink);background:var(--paper-hi);border:1px solid var(--rule-strong);box-shadow:var(--press);appearance:none;cursor:default;border-radius:0;flex-direction:column;margin:0;font-variant-caps:small-caps;display:flex;position:relative}.k-tile>.icon{font-size:var(--t-5);color:var(--ink-soft)}.k-tile-n{top:var(--s-1);left:var(--s-2);font:500 var(--t-1)/1 var(--f-body);font-variant-numeric:tabular-nums;opacity:.75;font-variant-caps:normal;position:absolute}.k-tile-label{overflow-wrap:anywhere;max-width:100%}.k-tile.big{min-height:calc(var(--s-7) * 3.5);border:3px double var(--rule-strong);font-size:var(--t-3)}.k-tile.big>.icon{font-size:var(--t-7)}.k-tile.filled{color:var(--paper-hi);background:var(--ink);border-color:var(--ink)}.k-tile.filled.big{border-color:var(--paper-lo);box-shadow:0 0 0 1px var(--ink), var(--press)}.k-tile.filled>.icon{color:var(--brass)}.k-tile.lit{cursor:pointer;border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass), 0 0 0 1px var(--brass), var(--press)}.k-tile.lit.big{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass), var(--press)}.k-tile.lit>.icon{color:var(--brass)}.k-tile.lit:hover{background:var(--paper-lo)}.k-tile.lit:active{box-shadow:inset 0 0 0 1px var(--brass), 0 0 0 1px var(--brass);transform:translate(2px,2px)}.k-tile.faint{color:var(--ink-faint);background:var(--paper-lo);border-color:var(--rule);box-shadow:none}.k-tile.faint>.icon{color:var(--ink-faint)}.k-tile.faint.big{border-color:var(--rule-strong)}.k-card{gap:var(--s-4) var(--s-5);padding:var(--s-5);color:var(--ink);background:var(--paper-hi);border:1px solid var(--rule-strong);box-shadow:var(--press);text-align:left;grid-template-columns:auto minmax(0,1fr);display:grid}.k-card.bare{grid-template-columns:minmax(0,1fr)}.k-card-art{color:var(--ink-soft);place-items:start center;display:grid}.k-card-art>.icon{font-size:var(--t-7)}.k-card-main{gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.k-card-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);display:flex}.k-card-titles{min-width:0}.k-card-title{font-size:var(--t-5);letter-spacing:.02em;line-height:1.15}.k-card-sub{margin-top:var(--s-1);font:var(--t-2)/1.3 var(--f-body);color:var(--ink-soft)}.k-card-stamps{justify-content:flex-end;gap:var(--s-2);flex-wrap:wrap;display:flex}.k-card-facts{gap:var(--s-3) var(--s-6);flex-wrap:wrap;display:flex}.k-card-body{font:var(--t-3)/1.45 var(--f-body);color:var(--ink-soft)}.k-card-foot{align-items:center;gap:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}.k-card-foot>.k-meter{flex:1}.k-card.muted{color:var(--ink-soft);background:var(--paper-lo);box-shadow:none}.k-card.muted .k-card-art{color:var(--ink-faint)}.k-card.warn{border-color:var(--bad);box-shadow:inset 3px 0 0 var(--bad), var(--press)}.k-card.press{cursor:pointer}.k-card-press{font:inherit;letter-spacing:inherit;font-variant-caps:inherit;color:inherit;text-align:inherit;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0}.k-card-press:focus-visible{outline:none}.k-card.press:hover{border-color:var(--ink-soft)}.k-card.press:active{box-shadow:none;transform:translate(2px,2px)}.k-tag{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;font:var(--t-3)/1.35 var(--f-body);color:var(--ink);display:flex}.k-tag>.icon{font-size:var(--t-4);color:var(--ink-soft)}.k-tag-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.k-tag-sub{font-size:var(--t-2);color:var(--ink-faint);white-space:nowrap;flex:none}.k-tag-chips{gap:var(--s-3);margin-left:auto;display:flex}.k-tag.muted,.k-tag.muted>.icon{color:var(--ink-faint)}.k-tag.good>.icon{color:var(--good)}.k-tag.bad>.icon{color:var(--bad)}.k-tag.warn>.icon,.k-tag.warn .k-tag-text{color:var(--blood)}.k-fact{gap:var(--s-1);flex-direction:column;display:inline-flex}.k-fact-label{font-size:var(--t-1);letter-spacing:.06em;color:var(--ink-soft);line-height:1.1}.k-fact-value{align-items:center;gap:var(--s-2);font-size:var(--t-4);color:var(--ink);font-weight:500;line-height:1.1;display:inline-flex}.k-fact-value>.icon{color:var(--ink-soft)}.k-stamp{padding:var(--s-1) var(--s-3);font:700 var(--t-1)/1.1 var(--f-label);letter-spacing:.12em;white-space:nowrap;color:var(--ink);mix-blend-mode:multiply;border:3px double;font-variant-caps:small-caps;display:inline-block;transform:rotate(-2deg)}.k-stamp.has-icon{align-items:center;gap:var(--s-2);display:inline-flex}.k-stamp>.icon{font-size:var(--t-3)}.k-stamp.rust{color:var(--rust)}.k-stamp.brass{color:var(--brass)}.k-stamp.sage{color:var(--sage)}.k-stamp.bad{color:var(--bad)}.k-meter{height:var(--s-4);min-width:calc(var(--s-7) * 2);background:var(--paper-lo);border:1px solid var(--rule-strong)}.k-meter-fill{background:var(--good);height:100%}.k-meter.bad .k-meter-fill{background:var(--bad)}.k-meter.brass .k-meter-fill{background:var(--brass)}.k-meter.sky .k-meter-fill{background:var(--sky)}.k-qty{align-items:center;gap:var(--s-2);font-size:var(--t-4);color:var(--ink);white-space:nowrap;font-weight:500;line-height:1;display:inline-flex}.k-qty>.icon{color:var(--ink-soft)}.k-qty[data-kind=water]>.icon{color:var(--sky)}.k-qty.good,.k-qty.good>.icon{color:var(--good)}.k-qty.bad,.k-qty.bad>.icon{color:var(--bad)}.k-cost{gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:inline-flex}.k-cost .k-qty{padding:var(--s-1) var(--s-2);font-size:var(--t-3)}.k-qty.short{color:var(--ink-soft)}.k-qty.short>.icon{color:var(--ink-faint)}.k-qty.short{background:var(--paper-lo);box-shadow:inset 0 0 0 1px var(--bad)}.k-rosette{width:1.75em;height:1.75em;color:var(--ink-soft);vertical-align:middle;flex:none}.k-rosette polygon{fill:var(--paper-lo);stroke:var(--rule-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.k-rosette polygon.on{fill:currentColor;stroke:currentColor}.k-rosette polygon.mark{fill:var(--rust);stroke:var(--rust)}.k-toasts{top:calc(var(--s-7) * 3);right:var(--s-6);z-index:60;align-items:flex-end;gap:var(--s-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.k-toast{align-items:center;gap:var(--s-4);max-width:calc(var(--s-7) * 16);padding:var(--s-4) var(--s-5);font:500 var(--t-3)/1.35 var(--f-body);color:var(--ink);background:var(--paper-hi);border:1px solid var(--rule-strong);box-shadow:inset 3px 0 0 var(--good), var(--press);animation:k-slip var(--quick) ease-out;display:flex}.k-toast>.icon{font-size:var(--t-5);color:var(--good)}.k-toast.warn{border-color:var(--bad);box-shadow:inset 3px 0 0 var(--bad), var(--press)}.k-toast.warn>.icon{color:var(--bad)}@keyframes k-slip{0%{opacity:0;transform:translateY(calc(var(--s-3) * -1))}}@media (prefers-reduced-motion:reduce){.k-toast{animation:none}}.k-board-back{z-index:40;padding:var(--s-6);padding-top:max(var(--s-6), var(--board-top));background:var(--dim);place-items:start center;display:grid;position:fixed;inset:0}.k-board{width:100%;min-height:0;max-height:100%;font:var(--t-4)/1.4 var(--f-body);color:var(--ink);background:var(--paper-board);border:3px double var(--rule-strong);box-shadow:var(--press);animation:k-slip var(--quick) ease-out;outline:none;flex-direction:column;display:flex}.k-board.narrow{max-width:var(--w-narrow)}.k-board.medium{max-width:var(--w-medium)}.k-board.wide{max-width:var(--w-wide)}.k-board.full{height:100%}.k-board-head{align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-5) var(--s-5) var(--s-6);border-bottom:1px solid var(--rule-strong);display:flex}.k-board-head>.icon{font-size:var(--t-7);color:var(--rust)}.k-board-title{min-width:0;font:400 var(--t-7)/1.1 var(--f-display);letter-spacing:.02em;color:var(--ink);flex:1;margin:0}.k-board-chips{align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;display:flex}.k-board-head>.k-btn.icon{align-self:flex-start}.k-board-body{gap:var(--s-6);min-height:0;padding:var(--s-6);scrollbar-gutter:stable;flex-direction:column;display:flex;overflow:auto}.k-board.full .k-board-body{flex:1}.k-dialog .k-board-title{font-size:var(--t-6)}.k-dialog-text{font-size:var(--t-4);color:var(--ink);margin:0;line-height:1.5}.k-dialog-actions{justify-content:flex-end;gap:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}.k-hover{z-index:70;max-width:var(--w-note);pointer-events:none;transform-origin:0 0;animation:k-unfold var(--quick) ease-out;position:fixed}.k-note{gap:var(--s-1);padding:var(--s-3) var(--s-4);font:var(--t-3)/1.35 var(--f-body);color:var(--ink);background:var(--paper-hi);border:1px solid var(--rule-strong);box-shadow:var(--press);flex-direction:column;display:flex}.k-note-head{font:600 var(--t-3)/1.2 var(--f-label);letter-spacing:.04em;font-variant-caps:small-caps}.k-note-text.bad{color:var(--bad)}@keyframes k-unfold{0%{opacity:0;transform:scaleY(.92)}}@media (prefers-reduced-motion:reduce){.k-board,.k-hover{animation:none}}.k-set-row{grid-template-columns:calc(var(--s-7) * 5) minmax(0, 1fr);align-items:center;gap:var(--s-5);display:grid}.k-set-label{font:600 var(--t-3)/1.2 var(--f-label);letter-spacing:.04em;color:var(--ink);font-variant-caps:small-caps}.k-set-ctl{align-items:center;gap:var(--s-4);flex-wrap:wrap;min-width:0;display:flex}.k-set-ctl>.k-choice.segmented{flex-wrap:wrap}.k-set-slide{grid-template-columns:minmax(0, 1fr) calc(var(--s-7) * 6);align-items:center;gap:var(--s-6);display:grid}.k-set-slide>.k-slider,.k-section-body>.k-slider{grid-template-columns:calc(var(--s-7) * 5) minmax(0, 1fr) auto}.k-set-note{font:var(--t-2)/1.45 var(--f-body);color:var(--ink-soft);margin:0}[data-ui=headline] .k-opt .k-label{font-family:var(--face);font-size:var(--t-4);letter-spacing:.02em;font-variant-caps:normal}.k-credit{gap:var(--s-1);padding:var(--s-2) 0;border-bottom:1px dotted var(--rule);flex-direction:column;display:flex}.k-credit-head{align-items:baseline;gap:var(--s-2) var(--s-4);font:500 var(--t-4)/1.3 var(--f-body);color:var(--ink);flex-wrap:wrap;display:flex}.k-credit-by{font-size:var(--t-3);color:var(--ink-soft)}.k-credit-line{font:var(--t-2)/1.45 var(--f-body);color:var(--ink-soft);margin:0}.k-credit-n{margin-left:var(--s-4);color:var(--ink-faint)}.k-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:.15em}.k-link:hover{color:var(--rust);text-decoration-color:currentColor}.k-link:focus-visible{outline:2px solid var(--rust);outline-offset:2px}.k-tag,.k-card-body,.k-card-sub,.k-toast,.k-plate{font-variant-numeric:tabular-nums}@font-face{font-family:Barlow;font-weight:400;src:url(/fonts/Barlow-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Barlow;font-weight:500;src:url(/fonts/Barlow-Medium.ttf)format("truetype");font-display:swap}@font-face{font-family:Barlow;font-weight:600;src:url(/fonts/Barlow-SemiBold.ttf)format("truetype");font-display:swap}@font-face{font-family:Barlow Condensed;font-weight:600;src:url(/fonts/BarlowCondensed-SemiBold.ttf)format("truetype");font-display:swap}@font-face{font-family:Barlow Condensed;font-weight:700;src:url(/fonts/BarlowCondensed-Bold.ttf)format("truetype");font-display:swap}:root{--ground:#14161a;--plate:#1c2026;--raised:#262c34;--band:#232930;--well:#11151a;--edge:#0f1215;--frame:#3d4652;--text:#dfe4ea;--soft:#c3cad3;--muted:#8a94a0;--faint:#5c6570;--orange:#ff7a1a;--orange-deep:#e86a10;--orange-tint:#3a2a1c;--hover:#2e353f;--sunk:#1f242a;--shield:#4ea1ff;--hurt:#ff4d3a;--worn:#f2b33d;--whole:#58c27d;--charge:#c77dff;--side-a:#8fb4ff;--side-b:#ffb380;--line-gunnery:#ff8a3a;--line-piloting:#58c27d;--line-shields:#4ea1ff;--line-command:#c79bff;--dust:var(--ground);--paper:#1c2026f7;--paper-board:var(--plate);--paper-hi:var(--raised);--paper-lo:var(--well);--ink:var(--text);--ink-soft:var(--soft);--ink-faint:var(--muted);--rule:#2f353d;--rule-strong:var(--frame);--rust:var(--orange);--rust-deep:var(--orange-deep);--brass:var(--worn);--sage:var(--whole);--good:var(--whole);--blood:var(--hurt);--bad:var(--hurt);--sky:var(--shield);--press:0 2px 0 var(--edge);--dim:#0607088c;--dim-night:#06070833;--t-1:.625rem;--t-2:.75rem;--t-3:.8125rem;--t-4:.875rem;--t-5:1rem;--t-6:1.125rem;--t-7:1.5rem;--t-8:1.875rem;--f-display:"Barlow Condensed", "Barlow", sans-serif;--f-label:"Barlow Condensed", "Barlow", sans-serif;--f-body:"Barlow", system-ui, sans-serif;--cut:.875rem}html,body{background:var(--ground);height:100%;color:var(--text);font:400 var(--t-4)/1.35 var(--f-body);margin:0;overflow:hidden}#map{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.st{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.06em;font-weight:600}[hidden]{display:none!important}.hud{grid-template-rows:auto 1fr;grid-template-columns:var(--side-w-left,19rem) 1fr var(--side-w-right,22rem);pointer-events:none;font:400 var(--t-4)/1.35 var(--f-body);color:var(--text);display:grid;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-top{align-items:stretch;gap:var(--s-4);background:var(--plate);border-bottom:1px solid var(--frame);height:3.125rem;padding-right:var(--s-4);grid-column:1/-1;display:flex}.hud-tab{align-items:center;gap:var(--s-3);padding:0 var(--s-6) 0 var(--s-6);background:var(--orange);color:var(--ground);font:700 var(--t-6)/1 var(--f-label);text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(0 0,100% 0,calc(100% - .875rem) 100%,0 100%);white-space:nowrap;padding-right:1.6rem;display:flex}.hud-tab[hidden]{display:none}.hud-menu{align-self:center}.hud-mid{align-items:center;gap:var(--s-4);flex:1;min-width:0;display:flex;overflow:hidden}.hud-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:18rem;color:var(--soft);font:600 var(--t-3)/1.2 var(--f-label);text-transform:uppercase;letter-spacing:.05em;flex:0 auto;align-self:center;overflow:hidden}.hud-hint:empty{display:none}.hud-buttons{align-items:center;gap:var(--s-3);display:flex}.hud-btn{font:600 var(--t-3)/1 var(--f-label);text-transform:uppercase;letter-spacing:.06em;color:var(--text);background:var(--raised);border:0;border-bottom:2px solid var(--edge);padding:0 var(--s-5);cursor:pointer;white-space:nowrap;height:2.125rem}.hud-btn:hover:not(:disabled){background:var(--hover)}.hud-btn:disabled{color:var(--faint);background:var(--sunk);cursor:default}.hud-btn.lit{background:var(--orange);color:var(--ground)}.hud-btn.light{background:var(--text);color:var(--ground)}.hud-btn.hazard{background:repeating-linear-gradient(-45deg, var(--orange) 0 .6rem, var(--orange-deep) .6rem 1.2rem);color:var(--ground);font-weight:700}.hud-btn.hazard:disabled{background:var(--sunk);color:var(--faint)}.hud-btn.on{box-shadow:inset 0 -3px 0 var(--orange)}.hud-icon-btn{background:var(--raised);border:0;border-bottom:2px solid var(--edge);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;place-items:center;display:grid}.hud-icon-btn:hover{background:var(--hover)}.hud-icon-btn .icon svg{width:1.125rem;height:1.125rem}.hud-side{background:var(--plate);flex-direction:column;min-height:0;display:flex;overflow:hidden}.hud-side.left{border-right:1px solid var(--frame);grid-area:2/1}.hud-side.right{border-left:1px solid var(--frame);grid-area:2/3}.hud-side[hidden]{display:none}.hud-scroll{flex:1;min-height:0;overflow:hidden auto}.hud-pad{padding:var(--s-5) var(--s-6);gap:var(--s-4);flex-direction:column;display:flex}.hud-open{pointer-events:none;flex-direction:column;grid-area:2/2;justify-content:flex-end;min-width:0;display:flex;position:relative}.hud-open>*{pointer-events:auto}.hud-float{pointer-events:none;position:absolute;inset:0}.hud-float>*{pointer-events:auto}.bar{margin:0 var(--s-6);flex-direction:column;gap:0;display:flex}.bar[hidden]{display:none}.bar-row{gap:var(--s-3);border:1px solid var(--frame);padding:var(--s-4);background:#1c2026f0;border-bottom:0;flex-wrap:wrap;align-items:center;display:flex}.bar-row.sub{border-color:var(--orange)}.bar-note{color:var(--soft);font:600 var(--t-3)/1.2 var(--f-label);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--s-3)}.log{margin:0 var(--s-6) var(--s-6);border:1px solid var(--frame);background:#11151af0;flex-direction:column;display:flex}.log-head{padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--rule);align-items:center;display:flex}.log-head .st{color:var(--soft);font-size:var(--t-2);flex:1}.log-step{color:var(--muted);cursor:pointer;padding:0 var(--s-2);background:0 0;border:0}.log-step:hover{color:var(--text)}.log-body{height:calc(var(--log-rows,3) * 1.875rem);padding:var(--s-2) var(--s-4);flex-direction:column;gap:1px;display:flex;overflow-y:auto}.log-rail{color:var(--muted);font:600 var(--t-2)/1.4 var(--f-label);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid var(--rule);padding-top:var(--s-2);margin-top:var(--s-2)}.log-line{align-items:center;gap:var(--s-3);border-left:3px solid var(--rule);min-height:1.75rem;padding-left:var(--s-3);background:var(--band);display:flex}.log-line.opens{margin-top:var(--s-2)}.log-line .icon svg{width:.95rem;height:.95rem}.log-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-3);flex:1;overflow:hidden}.log-stamp{font:700 var(--t-2)/1 var(--f-label);letter-spacing:.08em;padding:var(--s-1) var(--s-3);margin-right:var(--s-3);white-space:nowrap;border:1px solid}.rail{align-items:center;gap:var(--s-3);margin:var(--s-4) 0 var(--s-2);color:var(--muted);font:600 var(--t-2)/1 var(--f-label);text-transform:uppercase;letter-spacing:.1em;display:flex}.rail:after{content:"";border-top:1px solid var(--rule);flex:1}.tokens{align-items:center;gap:var(--s-2);display:flex;overflow:hidden}.token{font:600 var(--t-2)/1 var(--f-label);text-transform:uppercase;letter-spacing:.04em;padding:var(--s-2) var(--s-3);border:1px solid var(--side);color:var(--side);white-space:nowrap;position:relative}.token.active{background:var(--side);color:var(--ground);font-size:var(--t-3);padding:var(--s-3) var(--s-4)}.token.faint{opacity:.45}.token .shield{background:var(--shield);height:2px;position:absolute;bottom:-3px;left:0}.token-gap{color:var(--faint);font:700 var(--t-1)/1 var(--f-label);letter-spacing:.1em;padding:0 var(--s-2) 0 var(--s-5)}.ucard{flex-direction:column;display:flex}.ucard-head{align-items:baseline;gap:var(--s-4);padding:var(--s-4) var(--s-6);background:var(--band);border-left:4px solid var(--side,var(--frame));display:flex}.ucard-title{font:700 var(--t-6)/1.1 var(--f-label);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ucard-fact{color:var(--muted);font-size:var(--t-3);white-space:nowrap}.ucard-body{padding:var(--s-4) var(--s-6);gap:var(--s-4);flex-direction:column;display:flex}.meters{gap:var(--s-3) var(--s-4);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.meters .icon svg{width:1rem;height:1rem}.cells{gap:2px;display:flex}.cells i{background:var(--well);flex:1;height:.75rem;transform:skew(-20deg)}.cells i.on{background:var(--orange)}.shieldbar{background:var(--well);height:.75rem;position:relative}.shieldbar>i{background:var(--shield);position:absolute;inset:0 auto 0 0}.mval{font:600 var(--t-3)/1 var(--f-body);font-variant-numeric:tabular-nums;color:var(--soft);white-space:nowrap}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--s-2);font:600 var(--t-2)/1 var(--f-label);text-transform:uppercase;letter-spacing:.05em;padding:var(--s-2) var(--s-3);border:1px solid;display:inline-flex}.chip .icon svg{width:.85rem;height:.85rem}.chip.tone-0{color:var(--worn)}.chip.tone-1{color:var(--shield)}.chip.tone-2{color:var(--hurt)}.ucard-lines{color:var(--soft);font-size:var(--t-3);white-space:pre-line}.ring-row{gap:var(--s-5);align-items:flex-start;display:flex}.ring{cursor:default;flex:none}.ring.pickable{cursor:pointer}.ring-aside{gap:var(--s-3);min-width:0;color:var(--soft);font-size:var(--t-3);flex-direction:column;flex:1;display:flex}.ring-aside .kit{color:var(--muted);font-size:var(--t-2);white-space:pre-line}.parts{gap:1px var(--s-4);font-size:var(--t-3);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;display:grid}.parts .h{color:var(--muted);font:600 var(--t-1)/1.6 var(--f-label);text-transform:uppercase;letter-spacing:.08em}.parts .reach{color:var(--hurt);font-weight:600}.parts .lost{color:var(--faint);text-decoration:line-through}.parts .n{text-align:right}.wrow{gap:var(--s-3);font-size:var(--t-3);grid-template-columns:1rem 1fr auto auto;align-items:center;display:grid}.wrow .icon svg{width:.95rem;height:.95rem}.wrow .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wrow .state{font:600 var(--t-1)/1 var(--f-label);letter-spacing:.08em;color:var(--muted);text-align:right;min-width:4rem}.wrow .ammo{font:600 var(--t-2)/1 var(--f-body)}.wrow.lost{color:var(--faint)}.frow{gap:var(--s-1);padding:var(--s-2) 0;border-bottom:1px solid var(--rule);flex-direction:column;display:flex}.frow-line{gap:var(--s-3);align-items:center;display:flex}.frow-badge{background:var(--orange);width:1.5rem;height:1.5rem;color:var(--ground);font:700 var(--t-4)/1 var(--f-label);visibility:hidden;flex:none;place-items:center;display:grid}.frow-badge.on{visibility:visible}.wbtn{align-items:center;gap:var(--s-3);background:var(--raised);min-width:0;color:var(--text);border:0;border-left:3px solid #0000;border-bottom:2px solid var(--edge);height:2.5rem;padding:0 var(--s-4);font:700 var(--t-5)/1 var(--f-label);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-align:left;flex:1;display:flex}.wbtn .wname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wbtn .wcost{color:var(--orange);font:600 var(--t-4)/1 var(--f-body)}.wbtn.on{border-left-color:var(--orange);background:var(--orange-tint)}.wbtn:disabled{color:var(--faint);background:var(--sunk);cursor:default}.wbtn .icon svg{width:1rem;height:1rem}.frow select{background:var(--well);color:var(--text);border:1px solid var(--frame);font:500 var(--t-3)/1 var(--f-body);height:2.5rem;padding:0 var(--s-3)}.frow-info{gap:var(--s-4);font-size:var(--t-2);color:var(--soft);padding-left:2rem;display:flex}.frow-info.dim{color:var(--faint)}.frow-info .ammo{margin-left:auto;font-weight:600}.fire-foot{border-top:1px solid var(--rule);padding:var(--s-4) var(--s-6) var(--s-6);gap:var(--s-4);flex-direction:column;display:flex}.fire-summary{color:var(--soft);font-size:var(--t-4)}.fire-summary.bad{color:var(--hurt)}.fire-summary.muted{color:var(--muted)}.fire-btn{height:3rem;font-size:var(--t-7)}.hexwin{left:var(--s-6);bottom:var(--hexwin-bottom,12rem);border:1px solid var(--frame);width:15rem;padding:var(--s-3) var(--s-4);font-size:var(--t-3);background:#1c2026f0;position:absolute}.hexwin[hidden]{display:none}.hexwin .st{color:var(--soft);font-size:var(--t-2)}.sight{left:var(--s-6);top:var(--s-6);align-items:center;gap:var(--s-3);border:1px solid var(--frame);padding:var(--s-2) var(--s-4);background:#1c2026f0;display:flex;position:absolute}.sight[hidden]{display:none}.k-board{border-radius:0}.squad{gap:var(--s-4);grid-template-columns:repeat(5,1fr);display:grid}.mcard{background:var(--band);border-left:4px solid var(--side,var(--frame));padding:var(--s-4);gap:var(--s-2);cursor:default;flex-direction:column;display:flex}.mcard.pickable{cursor:pointer}.mcard.pickable:hover,.mcard.lit{background:var(--hover)}.mcard .t{font:700 var(--t-4)/1.1 var(--f-label);text-transform:uppercase}.mcard .s{color:var(--muted);font-size:var(--t-2)}.mcard .stampx{font:700 var(--t-1)/1 var(--f-label);letter-spacing:.1em;padding:var(--s-1) var(--s-2);border:1px solid;align-self:flex-start}.facts{gap:var(--s-4);flex-wrap:wrap;display:flex}.bigword{font:700 var(--t-8)/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;color:var(--orange);text-align:center}.bigword.bad{color:var(--hurt)}.prose{color:var(--soft);white-space:pre-line}.prose b{color:var(--text)}.btnrow{justify-content:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}
