:root{--background:#20242d;--surface:#2b303c;--tray-background:#2b303c;--surface-raised:#252b36;--surface-muted:#222733;--control:#353b48;--control-hover:#414958;--button:#3a404d;--text:#f5f7fb;--text-strong:#fff;--text-muted:#c8cdd7;--text-subtle:#aeb5c2;--text-faint:#8f97a6;--accent:#aac6ff;--accent-strong:#9fc1ff;--accent-contrast:#15213b;--border:#ffffff20;--border-soft:#ffffff12;--hover:#ffffff0a;--track:#555d6d;--chart:#555d6d;--chart-neutral:#727b8d;--error:#ffaaa3;--result-marker:#ffd166;--success:#62bd86;--shadow-soft:0 2px 8px #0004;--shadow-raised:0 16px 40px #0008;--die-d4:#14863f;--die-d6:#087f91;--die-d8:#8037df;--die-d10:#c51e78;--die-d12:#d32920;--die-d20:#c94f00;--model-d4:#1da350;--model-d6:#1099ad;--model-d8:#8946ea;--model-d10:#d92e87;--model-d12:#e23a30;--model-d20:#dc670b;--app-width:440px;color:var(--text);background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;font-family:system-ui,sans-serif}:root[data-theme=light]{--background:#f3f5f8;--surface:#fff;--tray-background:linear-gradient(180deg, #fbfcfe 0%, #f6f8fb 100%);--surface-raised:#fff;--surface-muted:#edf1f6;--control:#fff;--control-hover:#f2f5f9;--button:#e7ebf1;--text:#202735;--text-strong:#121722;--text-muted:#4b5668;--text-subtle:#5f6c80;--text-faint:#6e7a8d;--accent:#225aa6;--accent-strong:#2f68b9;--accent-contrast:#fff;--border:#c8d1dd;--border-soft:#dce2ea;--hover:#1720330a;--track:#aab5c4;--chart:#aab5c4;--chart-neutral:#8d9bae;--error:#b42318;--result-marker:#a85e00;--success:#45ad72;--shadow-soft:0 2px 10px #1720331f;--shadow-raised:0 16px 40px #1720332b;--die-d4:#1f9d61;--die-d6:#128a9a;--die-d8:#8250df;--die-d10:#c9367d;--die-d12:#d94a3f;--die-d20:#c7670e;--model-d4:#2ed86f;--model-d6:#20c9e0;--model-d8:#9b63ff;--model-d10:#ff4ba2;--model-d12:#ff594d;--model-d20:#ff941f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--background:#f3f5f8;--surface:#fff;--tray-background:linear-gradient(180deg, #fbfcfe 0%, #f6f8fb 100%);--surface-raised:#fff;--surface-muted:#edf1f6;--control:#fff;--control-hover:#f2f5f9;--button:#e7ebf1;--text:#202735;--text-strong:#121722;--text-muted:#4b5668;--text-subtle:#5f6c80;--text-faint:#6e7a8d;--accent:#225aa6;--accent-strong:#2f68b9;--accent-contrast:#fff;--border:#c8d1dd;--border-soft:#dce2ea;--hover:#1720330a;--track:#aab5c4;--chart:#aab5c4;--chart-neutral:#8d9bae;--error:#b42318;--result-marker:#a85e00;--success:#45ad72;--shadow-soft:0 2px 10px #1720331f;--shadow-raised:0 16px 40px #1720332b;--die-d4:#1f9d61;--die-d6:#128a9a;--die-d8:#8250df;--die-d10:#c9367d;--die-d12:#d94a3f;--die-d20:#c7670e;--model-d4:#2ed86f;--model-d6:#20c9e0;--model-d8:#9b63ff;--model-d10:#ff4ba2;--model-d12:#ff594d;--model-d20:#ff941f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--background);margin:0}.settings{z-index:10;top:calc(var(--visual-viewport-top,0px) + 10px + env(safe-area-inset-top));right:calc(var(--visual-viewport-right,0px) + max(0px, (var(--visual-viewport-width,100vw) - var(--app-width)) / 2) + 10px + env(safe-area-inset-right));position:fixed}.settings-button{border:1px solid var(--border);background:var(--control);width:44px;height:44px;box-shadow:var(--shadow-soft);color:var(--text-muted);cursor:pointer;border-radius:50%;padding:11px;transition:border-color .15s,background .15s,color .15s;display:grid}.settings-button:hover,.settings-button[aria-expanded=true]{border-color:var(--accent-strong);background:var(--control-hover);color:var(--accent)}.settings-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.settings-button svg{width:100%;height:100%}#settings-panel{gap:8px;display:grid}.setting-navigation{width:100%;min-height:48px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 8px;display:flex}.setting-navigation>span[aria-hidden]{color:var(--text-subtle);font-size:1.5rem}.setting-navigation:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (hover:hover){.setting-navigation:hover{background:var(--hover)}}.app-settings{border-top:1px solid var(--border-soft);gap:8px;margin-top:8px;padding-top:20px;display:grid}.app-settings h3{color:var(--text-subtle);margin:0;padding:0 8px 4px;font-size:.8rem;font-weight:500}#update-status{color:var(--text-muted);margin:0 8px;font-size:.8rem;line-height:1.4}#update-status:empty{display:none}.setting-action{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);text-align:center;cursor:pointer;background:0 0;border-radius:8px;padding:10px 8px;font-weight:500}.setting-action:not(:disabled):hover{border-color:var(--accent-strong);background:var(--control-hover);color:var(--accent)}.setting-action:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.setting-action:disabled{cursor:default;opacity:.65}#apply-update{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-contrast);text-align:center}#apply-update:not(:disabled):hover{border-color:var(--accent);background:var(--accent)}.garden-affiliation{min-height:44px;color:var(--text-faint);align-items:center;gap:12px;margin:0;font-size:.8rem;display:flex}.settings-footer{margin-top:12px;padding:0 8px}.garden-affiliation a{min-height:44px;color:var(--text-muted);align-items:center;display:inline-flex}.garden-affiliation a:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:2px}#build-version{color:var(--text-subtle);margin:0;font-size:.75rem}.setting-toggle,.setting-choice{border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px;font-size:.92rem;font-weight:400;display:flex}@media (hover:hover){.setting-toggle:hover,.setting-choice:hover{background:var(--hover)}}.setting-choice select{border:1px solid var(--border);background:var(--surface-muted);width:160px;max-width:60%;min-height:44px;color:var(--text);font:inherit;border-radius:7px;padding:6px 24px 6px 8px}.setting-choice select:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.setting-toggle input{background:var(--track);appearance:none;cursor:pointer;border:0;border-radius:100px;flex:none;width:38px;height:22px;margin:0;transition:background .15s;position:relative}.setting-toggle input:before{background:var(--text);content:"";border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0007}.setting-toggle input:checked{background:var(--accent-strong)}.setting-toggle input:checked:before{transform:translate(16px)}.setting-toggle input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}button{font:inherit;-webkit-user-select:none;user-select:none}button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}main{width:min(100%, var(--app-width));height:min(100dvh, var(--visible-viewport-height,100dvh));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:auto;display:flex}h2{margin:0;font-size:1rem}.results,.controls{border:1px solid var(--border-soft)}.results{background:var(--tray-background);flex-direction:column;flex:1 1 0;min-height:0;padding:clamp(14px,2.5vh,22px) 16px;display:flex;position:relative}.results>:not(.dice-canvas){z-index:2;position:relative}.dice-canvas{z-index:1;pointer-events:none;filter:drop-shadow(0 7px #0005);width:100%;height:100%;position:absolute;inset:0}.tray-summary{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding-right:52px;display:flex}#compact-odds{min-width:44px;max-width:180px;min-height:48px;color:var(--text-subtle);flex:1 1 0;container-type:inline-size}.compact-odds-summary{white-space:nowrap;align-items:baseline;gap:5px;font-size:.6rem;display:flex}#compact-percentile{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-size:.8rem}@container (width<=115px){.compact-odds-summary>span:first-child{display:none}}#compact-chart{height:22px;margin-top:3px;display:block}#compact-chart svg{width:100%;height:100%;display:block}.total{color:var(--text-muted);flex:none;align-items:baseline;gap:10px;margin-left:auto;display:flex}.total output{color:var(--text-strong);font-size:clamp(2rem,6vh,2.5rem);font-weight:700}.total:has(.long-total){flex-direction:column;align-items:flex-end;gap:0}.total .long-total{font-size:1.5rem}#dice-pool{flex:1 1 0;gap:clamp(8px,2vh,22px);min-height:0;margin:8px 0 0;padding:0;list-style:none;overflow:hidden}#dice-pool.individual{grid-template-columns:repeat(var(--columns,1), var(--die-size,104px));grid-auto-rows:var(--die-size,104px);gap:var(--dice-gap,clamp(8px, 2vh, 22px));place-content:center;display:grid}.die{--die:#ff6534;width:var(--die-size);height:var(--die-size);background:var(--die);filter:drop-shadow(0 7px 0 color-mix(in srgb, var(--die), #000 32%));clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);place-items:center;display:grid}.remove-die{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;place-items:center;width:100%;height:100%;padding:0;display:grid}.remove-die:hover{background:var(--hover)}.remove-die:focus-visible{outline:3px solid var(--accent-strong);outline-offset:-5px}.results>.removal-ghost{pointer-events:none;position:absolute}.three-dice #dice-pool.individual .die,.three-dice .die.removal-ghost{filter:none;clip-path:none;background:0 0}.three-dice .die strong{z-index:2;text-shadow:0 1px 2px #0008;position:relative}.three-dice .die.rolling{animation:none}.three-dice .die.rolling strong{visibility:hidden}.die strong{color:var(--die-text,#fff);font-size:max(clamp(1.5rem, 5vh, 2.5rem), calc(var(--die-size) * .3));-webkit-text-stroke:.5px #000;paint-order:stroke fill}.die.d4{--die:var(--model-d4);clip-path:polygon(50% 4%,96% 92%,4% 92%)}.die.d6{--die:var(--model-d6);clip-path:none}.die.d8{--die:var(--model-d8);clip-path:polygon(50% 0,95% 50%,50% 100%,5% 50%)}.die.d10{--die:var(--model-d10);clip-path:polygon(50% 0,96% 42%,82% 87%,50% 100%,18% 87%,4% 42%)}.die.d12{--die:var(--model-d12)}.die.d20{--die:var(--model-d20)}.rolling{animation:1.2s cubic-bezier(.2,.75,.25,1) roll;animation-delay:var(--roll-delay,0s);will-change:transform}#dice-pool.grouped{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;flex-direction:column;flex:none;justify-content:center;gap:3px;margin:auto 0;padding:6px;display:flex}.dice-group{border-inline-start:3px solid var(--group-color,transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;padding:2px 5px;display:grid}.dice-group>strong{white-space:normal;overflow-wrap:anywhere;min-width:0}.dice-group>strong,.dice-group>b{font-size:.7rem}.dice-group>b{color:var(--text-muted);white-space:nowrap;grid-area:1/2}.distribution{flex-wrap:wrap;grid-column:1/-1;gap:0 4px;display:flex}.distribution span{white-space:nowrap;min-width:25px;font-size:.64rem;line-height:1.2}.rolling-count{color:var(--accent);animation:1.2s ease-out rolling-count}#dice-pool.grouped:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px;border-radius:5px}.chart-bars.base{fill:var(--chart)}.neutral .chart-bars.base{fill:var(--chart-neutral)}.neutral .chart-bars.percentile{display:none}.chart-bars.percentile{fill:var(--success)}.result-marker{vector-effect:non-scaling-stroke;stroke:var(--result-marker);stroke-width:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.controls{border-top-color:var(--border);background:var(--surface);flex:none;padding:clamp(12px,2vh,18px) 16px clamp(14px,2.5vh,22px);position:relative}.text-button,.close-button{color:var(--accent);cursor:pointer;background:0 0;border:0}.text-button{padding:4px;font-weight:700}#dice-buttons,#setup-hotbar{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}#setup-hotbar{padding:4px}@media (width<=380px){#setup-hotbar{grid-template-columns:repeat(3,1fr)}}#dice-arranger{gap:9px;display:grid}.arranger-help{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}#dice-bank{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:136px;padding:6px;display:grid;overflow-y:auto}.die-button{--die:#ff6534;background:var(--die);min-width:0;height:clamp(44px,7vh,54px);color:var(--die-text,white);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:12px;transition:transform .15s,filter .15s;position:relative}.die-count{border:2px solid var(--surface);background:var(--text);min-width:22px;color:var(--background);border-radius:100px;padding:2px 5px;font-size:.7rem;font-weight:700;position:absolute;top:-7px;right:-5px}.die-button:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-2px)}.die-button:not(:disabled):active{transform:translateY(1px)}.die-button.selected{z-index:1;box-shadow:0 0 0 3px var(--accent-strong);outline:0;animation:.45s ease-out arrange-pulse}.die-button strong{-webkit-text-stroke:.5px #000;paint-order:stroke fill;font-size:1.25rem}#setup-hotbar .die-button,#dice-bank .die-button{align-content:center;gap:1px;height:58px;padding:4px;display:grid}.arrange-die-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.62rem;font-weight:700;line-height:1;display:-webkit-box;overflow:hidden}.die-button.d4{--die:var(--die-d4)}.die-button.d6{--die:var(--die-d6)}.die-button.d8{--die:var(--die-d8)}.die-button.d10{--die:var(--die-d10)}.die-button.d12{--die:var(--die-d12)}.die-button.d20{--die:var(--die-d20)}.tray-actions{flex:none;grid-template-columns:1fr 52px 1fr;align-items:center;gap:8px;height:52px;margin-top:8px;display:grid}.tray-action{width:44px;height:44px;color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;grid-row:1;place-items:center;padding:0;display:grid;position:relative}.tray-action[hidden]{display:none}.tray-action svg{width:24px;height:24px;display:block}.tray-action:active{transform:translateY(1px)}#undo-removal{grid-column:1;justify-self:start}#clear{grid-column:3;justify-self:end}#roll{border:1px solid var(--border);background:var(--button);width:52px;height:52px;color:var(--text-strong);grid-column:2}#roll svg{width:28px;height:28px}.action-label{z-index:3;border:1px solid var(--border);background:var(--surface-raised);width:max-content;color:var(--text);pointer-events:none;visibility:hidden;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:400;position:absolute;bottom:calc(100% + 8px);right:0}#undo-removal .action-label{left:0;right:auto}#roll .action-label{left:50%;right:auto;transform:translate(-50%)}.tray-action:not([data-label-dismissed]):focus-visible .action-label,.tray-action[data-hint]:not([data-label-dismissed]) .action-label{visibility:visible}@media (hover:hover){.tray-action:hover,#roll:hover{background:var(--control-hover);color:var(--text-strong)}.tray-action:not([data-label-dismissed]):hover .action-label{visibility:visible}}.die-button:disabled,.text-button:disabled{opacity:.42;cursor:not-allowed}.quantity-shortcut:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.quantity-shortcut:focus{z-index:11;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-raised);min-height:44px;font:inherit;cursor:pointer;border-radius:12px;padding:12px 16px;position:absolute;bottom:calc(100% + 68px);left:16px;right:16px}#quantity-tip{z-index:11;border:1px solid var(--border);background:var(--surface-raised);width:min(248px,100% - 32px);color:var(--text);box-shadow:var(--shadow-soft);border-radius:10px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;padding:4px;display:grid;position:absolute}#quantity-tip[hidden]{display:none}#quantity-tip-message{min-width:0;color:var(--text-muted);margin:0;padding:4px 8px;font-size:.8rem;line-height:1.4}#dismiss-quantity-tip{width:44px;height:44px;color:var(--text-muted);border-radius:5px;place-items:center;padding:0;display:grid}#dismiss-quantity-tip svg{width:16px;height:16px;display:block}#quantity-tip button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}@media (hover:hover){#quantity-tip button:hover{background:var(--hover)}}dialog{width:min(100% - 32px, calc(var(--app-width) - 32px));border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;padding:0;box-shadow:0 24px 80px #000a}dialog::backdrop{background:#0b0d12c7}dialog.visual-viewport-positioned{inset:auto;top:var(--dialog-center-y);left:var(--dialog-center-x);width:var(--dialog-width);max-width:none;max-height:var(--dialog-max-height);margin:0;position:fixed;overflow:auto;transform:translate(-50%,-50%)}#quantity-form{gap:14px;padding:22px;display:grid}#quantity-dialog::backdrop{background:#0b0d1240}#quantity-dialog .close-button{width:44px;height:44px}.dice-manager{gap:20px;padding:20px;display:grid}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-heading h2,.dice-manager h3{margin:0}.dice-manager h3{font-size:.95rem;font-weight:500}.dice-manager>.dialog-heading{z-index:1;background:var(--surface);border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) 44px;gap:4px 12px;margin:-20px -20px 0;padding:12px 20px;display:grid;position:sticky;top:0}.dice-manager .dialog-heading h2{font-size:1.15rem;font-weight:600}#close-dice-manager{border-radius:8px;grid-area:1/2;place-items:center;display:grid}#close-dice-manager svg{width:22px;height:22px}#settings-back{justify-self:start;align-items:center;gap:4px;min-height:44px;padding:0;font-size:.85rem;font-weight:400;display:inline-flex}#settings-back svg{width:20px;height:20px}#settings-back:not([hidden])+h2{grid-area:2/1/auto/-1;padding:0 0 8px}#dice-manager-dialog :is(button,select,input):focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (hover:hover){#close-dice-manager:hover{background:var(--hover)}#settings-back:hover{color:var(--text)}}#custom-die-form{gap:20px;display:grid}.dice-library{gap:10px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dice-library{border-top:1px solid var(--border-soft);min-width:0;padding-top:20px}.custom-die-fields{grid-template-columns:minmax(90px,.55fr) minmax(0,1.45fr);gap:12px;display:grid}#custom-die-form label{color:var(--text-muted);gap:4px;font-size:.85rem;font-weight:500;display:grid}#custom-die-form label>span:first-child{justify-content:space-between;gap:8px;display:flex}#custom-die-form label small{color:var(--text-subtle);font-size:inherit;font-weight:500}#custom-die-form input{border:1px solid var(--border);background:var(--control);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px;font-size:1rem}.color-field{grid-column:1/-1}#custom-die-form input[type=color]{cursor:pointer;flex:none;width:64px;padding:4px}.custom-die-preview{overflow-wrap:anywhere;align-items:center;gap:16px;display:flex}#custom-die-color-preview{border:1px solid var(--border);border-radius:12px;flex:none;place-items:center;width:64px;height:64px;display:grid}#custom-die-color-preview strong{color:#fff;-webkit-text-stroke:.5px #000;paint-order:stroke fill;font-size:1.5rem}.secondary-submit{border:1px solid var(--border);background:var(--button);min-height:44px;color:var(--text);border-radius:100px;justify-self:end;padding:8px 14px;font-weight:700}.dice-manager .secondary-submit{background:0 0;border-radius:8px;font-weight:500}@media (hover:hover){.dice-manager .secondary-submit:hover{border-color:var(--accent-strong);background:var(--control-hover)}}#custom-dice-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}#custom-dice-list li{border-bottom:1px solid var(--border-soft)}#custom-dice-list li:last-child{border-bottom:0}#custom-dice-list button>span:first-child{align-items:center;gap:12px;min-width:0;display:flex}#custom-dice-list button>span:first-child>span{gap:4px;min-width:0;display:grid}#custom-dice-list strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}#custom-dice-list li small{color:var(--text-muted);font-size:.72rem}#custom-dice-list i{border:1px solid var(--border);border-radius:8px;flex:none;width:32px;height:32px}#custom-dice-empty{color:var(--text-muted);margin:8px 0;font-size:.9rem}.text-button.destructive{color:var(--error)}#delete-custom-die{justify-self:start;min-height:44px;font-weight:400}.custom-die-actions{border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.custom-die-actions .dialog-submit{border-radius:8px;width:auto;min-height:44px;margin:0;padding:10px 20px;font-weight:500}#quantity-dialog.compact #quantity-form{gap:12px;padding:18px 22px}.install-instructions{gap:18px;padding:22px;display:grid}.install-instructions p{color:var(--text-muted);margin:0}.close-button{width:36px;height:36px;color:var(--text);flex:none;font-size:1.8rem}#dice-manager-dialog .close-button{width:44px;height:44px}.quantity-control{border:1px solid var(--border);background:var(--background);border-radius:9px;grid-template-columns:48px minmax(0,1fr) 48px;display:grid;overflow:hidden}.quantity-control button,.quantity-control input{height:48px;color:var(--text-strong);font:inherit;background:0 0;border:0;padding:0}.quantity-control button{color:var(--accent);cursor:pointer;font-size:1.2rem}.quantity-control button:hover{background:var(--hover)}.quantity-control input{border-right:1px solid var(--border);border-left:1px solid var(--border);text-align:center;appearance:textfield;width:100%;min-width:0}.quantity-control input::-webkit-inner-spin-button{appearance:none;margin:0}.quantity-control input::-webkit-outer-spin-button{appearance:none;margin:0}.error{color:var(--error);margin:-4px 0 0;font-size:.85rem}.dialog-submit{border:0;border-radius:100px;justify-self:end;padding:11px 20px;font-weight:700}#quantity-form .dialog-submit{overflow-wrap:anywhere;width:100%;min-height:44px}.install-instructions .dialog-submit{min-height:44px}.dialog-submit.primary{background:var(--accent-strong);color:var(--accent-contrast)}#update-dialog{max-height:calc(min(100dvh, var(--visible-viewport-height,100dvh)) - 32px);overflow-y:auto}#update-dialog>form{gap:16px}#update-dialog .close-button{width:44px;height:44px}#update-warning{gap:10px;font-size:.9375rem;line-height:1.5;display:grid}#update-warning>p:first-child{color:var(--text)}.update-actions{flex-wrap:wrap;gap:8px;display:flex}.update-actions>button{cursor:pointer;flex:6rem;min-width:0;min-height:44px;padding:10px 12px}.update-actions>.primary{flex:1.6 11rem}.update-actions>.secondary-submit:not(:disabled):hover{background:var(--control-hover)}.update-actions>.primary:not(:disabled):hover{background:var(--accent)}@keyframes roll{0%{transform:translateY(10px)scale(.82)rotate(-16deg)}18%{transform:translate(-8px,-12px)scale(.94)rotate(30deg)}38%{transform:translate(9px,-3px)scale(1.02)rotate(-24deg)}58%{transform:translate(-6px,7px)rotate(17deg)}76%{transform:translate(4px,-3px)scale(1.04)rotate(-8deg)}90%{transform:translateY(2px)rotate(3deg)}to{transform:none}}@keyframes rolling-count{0%,to{opacity:.55}50%{opacity:1}}@keyframes arrange-pulse{0%{transform:scale(.9)}65%{transform:scale(1.06)}to{transform:none}}@media (height<=620px){.dice-group{gap:2px;padding:1px 3px}.dice-group>strong,.dice-group>b{font-size:.58rem}.distribution{gap:0 2px}.distribution span{min-width:23px;font-size:.5rem;line-height:1.1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (display-mode:standalone),(display-mode:minimal-ui){#install-app{display:none!important}}