:root{--paper:#fffcf4;--ink:#16233b;--red:#c62b2b;--die-white:#fff;--rule:#eae2d2;--ink-soft:#16233b9e;--heat-1:#e7a4a0;--heat-2:#d86e6b;--heat-3:#c62b2b;--sans:Poppins, "Century Gothic", "Avenir Next", "Segoe UI", system-ui, sans-serif;--serif:Charter, "Bitstream Charter", "Iowan Old Style", Georgia, serif;--radius:6px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.45}.app{max-width:520px;padding:18px 18px calc(84px + env(safe-area-inset-bottom));margin:0 auto}.masthead{border-bottom:3px solid var(--ink);margin-bottom:18px;padding-bottom:10px}.masthead__title{font-family:var(--sans);letter-spacing:-.5px;margin:0 0 6px;font-size:clamp(26px,7.5vw,34px);font-weight:600;line-height:1.1}.masthead__how{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.45}.masthead__how b{font-family:var(--sans);letter-spacing:.5px;color:var(--ink);font-size:12px;font-weight:700}.screen__title{font-family:var(--sans);margin:0 0 12px;font-size:20px;font-weight:600}.hint{color:var(--ink-soft);margin:10px 0;font-size:13.5px}.error{text-align:left;width:100%;font-family:var(--sans);border:1.5px solid var(--red);border-radius:var(--radius);color:var(--ink);cursor:pointer;background:#c62b2b14;margin-bottom:14px;padding:10px 12px;font-size:13.5px;display:block}.error__dismiss{color:var(--ink-soft);margin-top:2px;font-size:11.5px;display:block}.fatal{border:2px solid var(--red);border-radius:var(--radius);padding:16px}.fatal__title{font-family:var(--sans);color:var(--red);margin:0 0 8px;font-size:17px}.fatal__message{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5}.die{flex:none;display:block}.button{font-family:var(--sans);color:var(--ink);background:var(--die-white);border:2px solid var(--ink);border-radius:var(--radius);min-height:var(--tap);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:14px 16px;font-size:16px;font-weight:600}.button:disabled{opacity:.45;cursor:default}.button:active:not(:disabled){transform:translateY(1px)}.button--player{letter-spacing:-.3px;width:100%;padding:26px 16px;font-size:26px;display:block}.button--roll{background:var(--ink);width:100%;color:var(--paper);border-color:var(--ink);padding:18px 16px;font-size:19px;display:block}.button--start{background:var(--red);border-color:var(--red);width:100%;color:var(--die-white);margin-top:16px;padding:18px 16px;font-size:19px;display:block}.button--done{background:var(--ink);border-color:var(--ink);color:var(--paper);flex:1}.button--skip{flex:1}.button--veto{min-height:40px;color:var(--ink-soft);border-width:1.5px;flex:1;padding:10px 12px;font-size:14px}.button--small{min-height:40px;padding:8px 14px;font-size:14px}.slots{flex-direction:column;gap:14px;display:flex}.slot--locked{border:1.5px dashed var(--rule);border-radius:var(--radius);color:var(--ink-soft);align-items:baseline;gap:8px;padding:14px 16px;display:flex}.slot__name{font-family:var(--sans);font-weight:600}.slot__note{font-size:13.5px}.panel{border:2px solid var(--ink);border-radius:var(--radius);padding:14px}.panel__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel__name{font-family:var(--sans);font-size:22px;font-weight:600}.panel__close{font-family:var(--sans);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:8px;font-size:13.5px}.panel__or{color:var(--ink-soft);text-align:center;margin:16px 0 10px;font-size:13px}.tumble{justify-content:center;gap:16px;margin-bottom:14px;display:flex}.tumble--rolling .die{animation:.28s ease-in-out infinite tumble}.tumble--rolling .die:last-child{animation-delay:.14s}@keyframes tumble{0%{transform:translateY(0)rotate(-9deg)}50%{transform:translateY(-10px)rotate(9deg)}to{transform:translateY(0)rotate(-9deg)}}@media (prefers-reduced-motion:reduce){.tumble--rolling .die{animation:none}}.faces{gap:6px;margin-bottom:8px;display:flex}.face{aspect-ratio:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:9px;flex:1 1 0;min-width:0;padding:3px}.face--picked{border-color:var(--ink);background:#16233b0f}.face:disabled{opacity:.45}.card{border:1.5px solid var(--rule);border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 6%, var(--paper));overflow:hidden}.card__bar{background:var(--accent);align-items:center;gap:8px;padding:8px 10px;display:flex}.card__block{font-family:var(--sans);color:var(--die-white);font-size:15px;font-weight:600}.card__who{font-family:var(--sans);letter-spacing:.4px;text-transform:uppercase;color:#ffffffd9;margin-left:auto;font-size:12px}.card__task{font-family:var(--serif);margin:0;padding:14px 12px;font-size:21px;line-height:1.3}.card__doubles{font-family:var(--sans);letter-spacing:.6px;text-transform:uppercase;color:var(--red);margin:0;padding:0 12px 12px;font-size:12px;font-weight:700}.card__actions{gap:8px;padding:0 12px 12px;display:flex}.card__verdict{color:var(--ink-soft);margin:0;padding:0 12px 12px;font-size:13.5px}.timer{border:3px solid var(--ink);border-radius:var(--radius);align-items:baseline;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.timer__clock{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:44px;font-weight:700;line-height:1}.timer__label{color:var(--ink-soft);font-size:13.5px}.timer--up{border-color:var(--red);color:var(--red);flex-direction:column;align-items:flex-start;gap:2px}.timer--up .timer__label{color:var(--red)}.summary__title{font-family:var(--sans);margin:0 0 4px;font-size:22px;font-weight:600}.summary__points{margin:0 0 14px;font-size:17px}.summary__points strong{font-family:var(--sans);font-size:26px}.summary__list{margin:0 0 4px;padding:0;list-style:none}.summary__list li{border-bottom:1px solid var(--rule);align-items:baseline;gap:8px;padding:10px 0;display:flex}.summary__who{font-family:var(--sans);letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);flex:none;font-size:12px}.summary__task{flex:1}.summary__mark{font-family:var(--sans);flex:none;font-weight:700}.summary__item--unscored{color:var(--ink-soft)}.summary__item--unscored .summary__task{text-decoration:line-through}.score__count{margin:0 0 10px;font-size:17px}.score__count strong{font-family:var(--sans);font-size:30px}.slots-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.pointbox{border:2px solid var(--ink);background:var(--die-white);border-radius:4px;height:40px}.pointbox--filled{background:var(--red);border-color:var(--red)}.pointbox--goal{font-family:var(--sans);color:var(--ink);place-items:center;font-size:13px;font-weight:700;display:grid}.pointbox--filled.pointbox--goal{color:var(--paper)}.score__head,.history__head{font-family:var(--sans);border-top:3px solid var(--ink);margin:22px 0 4px;padding-top:12px;font-size:15px;font-weight:600}.reward{margin:12px 0 0}.reward__label{font-family:var(--sans);letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:12px;display:block}.reward__row{gap:8px;display:flex}.reward__input{min-width:0;font-family:var(--serif);color:var(--ink);border:none;border-bottom:1.5px dotted var(--ink);background:0 0;border-radius:0;flex:1;padding:8px 2px;font-size:16px}.reward__input:focus{border-bottom-style:solid;outline:none}.reward--unlocked .reward__label{color:var(--red);font-weight:700}.log{margin:0;padding:0;list-style:none}.log__row{border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr auto;grid-template-areas:"dice task points""dice meta points";align-items:center;column-gap:10px;padding:10px 0;display:grid}.log__dice{grid-area:dice;gap:4px;display:flex}.log__task{grid-area:task;line-height:1.25}.log__meta{font-family:var(--sans);color:var(--ink-soft);grid-area:meta;font-size:11.5px}.log__points{font-family:var(--sans);grid-area:points;font-size:15px;font-weight:600}.log__points--double{color:var(--red)}.history__list{margin:0;padding:0;list-style:none}.history__row{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto auto;grid-template-areas:"month points mark""reward reward reward";gap:2px 10px;padding:12px 0;display:grid}.history__month{font-family:var(--sans);grid-area:month;font-weight:600}.history__points{font-family:var(--sans);font-variant-numeric:tabular-nums;grid-area:points}.history__of{color:var(--ink-soft);font-size:12px}.history__marks{grid-area:mark;display:flex}.history__mark{font-family:var(--sans);text-align:center;width:1.2em;color:var(--ink-soft);font-weight:700}.history__mark--hit{color:var(--red)}.history__rewards{color:var(--ink-soft);grid-area:reward;margin:0;padding:0;font-size:14px;list-style:none}.history__reward--missed{text-decoration:line-through}.chart{margin:0}.chart__title{font-family:var(--sans);font-size:15px;font-weight:600}.chart__readout{font-family:var(--sans);color:var(--ink-soft);margin:2px 0 12px;font-size:13px}.chart__readout strong{color:var(--ink);font-size:20px;font-weight:600}.chart__plot,.chart__axis{padding-right:28px}.chart__plot{border-bottom:1px solid var(--ink);grid-auto-columns:1fr;grid-auto-flow:column;height:160px;display:grid;position:relative}.chart__goal{pointer-events:none;border-top:1px solid #16233b47;height:0;position:absolute;left:0;right:0}.chart__goal-label{font-family:var(--sans);color:var(--ink-soft);background:var(--paper);padding-left:4px;font-size:11px;font-weight:600;line-height:1;position:absolute;right:0;transform:translateY(-50%)}.chart__col{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:flex-end;padding:0;display:flex;position:relative}.chart__col[aria-pressed=true]{background:#16233b0f}.chart__col:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.chart__bar{background:var(--red);border-radius:4px 4px 0 0;width:min(60%,20px)}.chart__axis{font-family:var(--sans);text-align:center;color:var(--ink-soft);grid-auto-columns:1fr;grid-auto-flow:column;margin-top:4px;font-size:10.5px;display:grid}.chart__tick--on{color:var(--ink);font-weight:600}.pivot__key{font-family:var(--sans);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 8px;font-size:12px;display:flex}.pivot__swatch{border-radius:2px;width:12px;height:12px;margin-left:6px}.pivot__swatch:first-child{margin-left:0}.pivot{border-collapse:collapse;width:100%;font-size:14px}.pivot th,.pivot td{border-bottom:1px solid var(--rule);padding:6px 4px}.pivot thead th{font-family:var(--sans);letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);border-bottom:1.5px solid var(--ink);font-size:12px;font-weight:600}.pivot td{text-align:center;width:46px;font-family:var(--sans);font-variant-numeric:tabular-nums}.pivot__task{text-align:left;font-weight:400;line-height:1.25}.pivot thead .pivot__task{text-align:left}.pivot__block th,.pivot__block td{font-family:var(--sans);border-bottom:1.5px solid var(--accent);padding-top:16px;font-weight:600}.pivot__blockname{align-items:center;gap:6px;display:inline-flex}.pivot__cell{box-shadow:inset 0 0 0 2px var(--paper)}.pivot__cell--none{color:var(--ink-soft)}.pivot__cell--1{background:var(--heat-1)}.pivot__cell--2{background:var(--heat-2)}.pivot__cell--3{background:var(--heat-3);color:var(--paper)}.pivot__total{font-weight:600}.pivot__row--retired .pivot__task{color:var(--ink-soft);font-style:italic}.pivot__note{font-size:12px}.pivot tfoot th,.pivot tfoot td{font-family:var(--sans);border-top:1.5px solid var(--ink);border-bottom:none;font-weight:600}.nav{background:var(--paper);border-top:3px solid var(--ink);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav__tab{max-width:173.333px;font-family:var(--sans);color:var(--ink-soft);min-height:var(--tap);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1 1 0;padding:16px 4px;font-size:14px;font-weight:600}.nav__tab--on{color:var(--ink);box-shadow:inset 0 -4px 0 var(--red)}@media (width>=560px){.app{padding-top:32px}}