: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;--tooltip:#151a24;--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;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;--tooltip:#fff;--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;--tooltip:#fff;--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) + clamp(12px, 3vh, 32px) + 14px);right:calc(var(--visual-viewport-right,0px) + max(14px, (var(--visual-viewport-width,100vw) - 760px) / 2 + 14px));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{width:min(268px, calc(var(--visual-viewport-width,100vw) - 20px));max-height:calc(var(--visible-viewport-height,100vh) - clamp(12px, 3vh, 32px) - 78px);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-raised);border-radius:12px;padding:10px;position:absolute;top:52px;right:0;overflow-y:auto}#settings-panel h2{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px 8px;font-size:.75rem}#settings-panel>*+*{margin-top:2px}.app-settings{border-top:1px solid var(--border);padding-top:9px;margin-top:8px!important}.app-settings h3{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:0 8px 7px;font-size:.7rem}.setting-action{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;border-radius:7px;padding:10px 8px;font-weight:600}.setting-action: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}.garden-affiliation{min-height:44px;color:var(--text-faint);align-items:center;gap:.3em;margin:0;padding:8px;font-size:.8rem;display:flex}.garden-affiliation a{color:var(--text-muted)}.garden-affiliation a:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:2px}.setting-toggle,.setting-choice{border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px;font-size:.92rem;font-weight:600;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:168px;max-width:168px;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% - 32px,760px);height:min(100dvh, var(--visible-viewport-height,100dvh));flex-direction:column;margin:auto;padding:clamp(12px,3vh,32px) 0;display:flex}h2{margin:0;font-size:1rem}.results,.controls{border:1px solid var(--border-soft)}.results{background:var(--tray-background);border-radius:24px 24px 0 0;flex-direction:column;flex:1 1 0;min-height:0;padding:clamp(14px,2.5vh,22px) 24px;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}.total{color:var(--text-muted);flex:none;align-self:flex-end;align-items:baseline;gap:10px;margin-right:52px;display:flex}.total output{color:var(--text-strong);font-size:clamp(2rem,6vh,2.5rem);font-weight:700}#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}.three-dice #dice-pool.individual .die{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);-webkit-text-stroke:.5px #000;paint-order:stroke fill;font-size:clamp(1.5rem,5vh,2.5rem)}.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{flex-direction:column;justify-content:center;gap:clamp(3px,.8vh,7px);display:flex}.dice-group{border-inline-start:3px solid var(--group-color,transparent);background:var(--surface-muted);border-radius:10px;grid-template-columns:minmax(68px,auto) 1fr auto;align-items:center;gap:8px;padding:clamp(4px,.8vh,8px) 10px;display:grid}.dice-group>strong,.dice-group>b{white-space:nowrap}.dice-group>b{color:var(--text-muted)}.distribution{flex-wrap:wrap;gap:3px 8px;display:flex}.distribution span{white-space:nowrap;min-width:31px;font-size:clamp(.72rem,1.7vh,.85rem)}.rolling-count{color:var(--accent);animation:1.2s ease-out rolling-count}#empty-state{color:var(--text-subtle);text-align:center;place-items:center;margin:0;display:grid;position:absolute;inset:54px 16px 0}#probability{border-top:1px solid var(--border-soft);flex:none;padding-top:clamp(7px,1.3vh,12px)}.probability-summary{justify-content:space-between;align-items:start;gap:12px;display:flex}.probability-summary h2{font-size:clamp(.8rem,1.8vh,1rem)}#probability-chance{color:var(--accent-strong);flex:none;font-size:clamp(1.15rem,3.2vh,1.55rem);font-weight:800;line-height:1}#probability-detail,#probability-outcome,.chart-hint{color:var(--text-subtle);margin:0;font-size:clamp(.62rem,1.45vh,.76rem);line-height:1.25}#probability-detail{margin-top:2px}#probability-chart{border-bottom:1px solid var(--text-faint);cursor:crosshair;touch-action:none;height:clamp(50px,9vh,76px);margin-top:5px;position:relative}#probability-chart:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:3px}#probability-chart svg{width:100%;height:100%;display:block}.chart-bars.base{fill:var(--chart)}.neutral .chart-bars.base{fill:var(--chart-neutral)}.neutral .chart-bars.success{display:none}.chart-bars.success{fill:var(--success)}.target-marker,.result-marker{vector-effect:non-scaling-stroke}.target-marker{stroke:var(--text);stroke-width:1.5px;stroke-dasharray:4 3}.result-marker{stroke:var(--result-marker);stroke-width:3px}#chart-scan{z-index:3;border:1px solid var(--border);background:var(--tooltip);min-width:72px;color:var(--text-strong);text-align:center;pointer-events:none;border-radius:8px;padding:5px 8px;font-size:.72rem;font-weight:800;position:absolute;top:-31px;transform:translate(-50%);box-shadow:0 4px 14px #0008}.chart-range{color:var(--text-faint);justify-content:space-between;margin-top:2px;font-size:.58rem;display:flex}#probability-outcome{color:var(--text);margin-top:2px;font-weight:700}.chart-hint{margin-top:1px}[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);border-radius:0 0 24px 24px;flex:none;padding:clamp(12px,2vh,18px) 24px clamp(14px,2.5vh,22px)}.controls-heading,.dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.text-button,.close-button{color:var(--accent);cursor:pointer;background:0 0;border:0}.text-button{padding:4px;font-weight:700}.control-links{align-items:center;gap:8px;display:flex}#dice-buttons{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px;display:grid}#dice-arranger{border-top:1px solid var(--border);gap:9px;margin-top:12px;padding-top:12px;display:grid}.arranger-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.arranger-heading h3{margin:0;font-size:.9rem}.arranger-heading p,.dice-bank-empty{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.arranger-status{min-height:1em;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:700}.arranging-dice #empty-state{visibility:hidden}#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}#dice-bank .dice-bank-empty{grid-column:1/-1;padding:8px 0}.die-button{--die:#ff6534;background:var(--die);min-width:0;height:clamp(44px,7vh,54px);color:var(--die-text,white);cursor:pointer;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}.arrange-die-name{display:none}.arranging #dice-buttons .die-button,#dice-bank .die-button{align-content:center;gap:1px;height:58px;padding:4px;display:grid}.arranging #dice-buttons .arrange-die-name,#dice-bank .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}.arranging #dice-buttons .arrange-die-name{font-size:clamp(.48rem,1.9vw,.62rem)}.arranging #dice-buttons .die-count,.arranging .actions{display:none}.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)}.actions{justify-content:center;gap:12px;margin-top:clamp(10px,2vh,16px);display:flex}.actions button{border:1px solid var(--border);background:var(--button);min-width:130px;color:var(--text-strong);cursor:pointer;border-radius:100px;padding:11px 28px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.actions button:not(:disabled):hover{background:var(--control-hover)}.actions button:not(:disabled):active{transform:translateY(1px)}.actions .primary{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-contrast)}.actions .primary:not(:disabled):hover{background:var(--accent)}.die-button:disabled,.text-button:disabled,.actions button:disabled{opacity:.42;cursor:not-allowed}dialog{border:1px solid var(--border);background:var(--surface);width:min(100% - 32px,440px);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%)}#bulk-form,.dice-manager{gap:14px;padding:22px;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>.dialog-heading{z-index:1;background:var(--surface);margin:-22px -22px 0;padding:18px 22px 10px;position:sticky;top:0}#custom-die-form{gap:12px;display:grid}.dice-library{gap:10px;display:grid}.section-heading p{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dice-library,.section-heading>div{min-width:0}#custom-die-form{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;padding:14px}.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:.8rem;font-weight:700;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}.color-control{align-items:center;gap:10px;min-height:44px;display:flex!important}#custom-die-form input[type=color]{cursor:pointer;flex:none;width:64px;padding:4px}#custom-die-color-preview{border:1px solid var(--border);border-radius:50%;flex:none;width:28px;height:28px}#custom-die-color-value{color:var(--text);text-transform:lowercase;font:600 .9rem/1.2 ui-monospace,monospace}.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}#custom-dice-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}#custom-dice-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:52px;display:flex}#custom-dice-list li:last-child{border-bottom:0}#custom-dice-list li>span{align-items:center;gap:8px;min-width:0;display:flex}#custom-dice-list li>span:first-child>span{min-width:0;display:grid}#custom-dice-list li>span:first-child strong{text-overflow:ellipsis;white-space:nowrap;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:50%;flex:none;width:20px;height:20px}#custom-dice-list .text-button{min-height:44px;padding:8px 5px}#custom-dice-empty{color:var(--text-muted);margin:8px 0;font-size:.9rem}.text-button.destructive{color:var(--error)}.custom-die-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}#bulk-dialog.compact #bulk-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);font-size:1.8rem}.bulk-dice{border:0;grid-template-columns:repeat(2,1fr);gap:10px 14px;margin:0;padding:0;display:grid}.bulk-dice legend{grid-column:1/-1;margin-bottom:2px;padding:0;font-weight:700}.bulk-die-row{justify-content:center;gap:4px;display:grid}.bulk-die-row>label{font-size:.85rem;font-weight:700}.quantity-control{border:1px solid var(--border);background:var(--background);border-radius:9px;grid-template-columns:30px 48px 30px;display:grid;overflow:hidden}.quantity-control button,.quantity-control input{height:34px;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:48px}.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}.install-instructions .dialog-submit{min-height:44px}.dialog-submit.primary{background:var(--accent-strong);color:var(--accent-contrast)}@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 (width<=560px){.settings{top:calc(var(--visual-viewport-top,0px) + 10px + env(safe-area-inset-top));right:calc(var(--visual-viewport-right,0px) + 10px + env(safe-area-inset-right))}#settings-panel{max-height:calc(var(--visible-viewport-height,100vh) - 72px - env(safe-area-inset-top))}main{width:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{margin:0;padding:clamp(10px,2.5vh,24px) 16px clamp(8px,2vh,18px)}.results,.controls{border-radius:0;padding-left:16px;padding-right:16px}#dice-buttons{gap:6px}.actions button{min-width:112px}#dice-pool.grouped{gap:3px}.dice-group{grid-template-columns:56px 1fr 44px;gap:4px;padding:2px 5px}.dice-group>strong,.dice-group>b{font-size:.7rem}.distribution{gap:0 4px}.distribution span{min-width:25px;font-size:.64rem;line-height:1.2}#probability{padding-top:6px}#probability-chart{margin-top:3px}}@media (width<=560px) and (height<=620px){#probability-detail{display:none}#probability-chart{height:36px}#probability-outcome,.chart-hint{font-size:.56rem}.dice-group{grid-template-columns:52px 1fr 38px;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 (width>=561px) and (height<=500px){#dice-bank{max-height:66px}#settings-panel{width:calc(var(--visual-viewport-width,100vw) - max(14px, (var(--visual-viewport-width,100vw) - 760px) / 2 + 14px) - 10px);grid-template-columns:260px repeat(3,minmax(0,1fr));gap:2px;display:grid}#settings-panel h2{grid-column:1/-1}#settings-panel>*+*{margin-top:0}.setting-choice select{width:168px}.app-settings{border-top:0;border-left:1px solid var(--border);padding:0 0 0 9px;margin-top:0!important}.app-settings h3{padding-bottom:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (display-mode:standalone),(display-mode:minimal-ui){#install-app{display:none!important}}