@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:optional;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background:#131313;--page:#0a0a0a;--surface:#131313;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2a2a2a;--surface-container-highest:#353534;--on-surface:#e5e2e1;--on-surface-variant:#c1c6d7;--outline:#8b90a0;--outline-variant:#414755;--primary:#adc6ff;--on-primary:#002e69;--primary-container:#4b8eff;--on-primary-container:#00285c;--primary-hover:#d8e2ff;--weight-warn:#e6c35c;--weight-low:#ffb4ab;--weight-high:#8fd4a0;--border-soft:#2c2c2c;--glass:#ffffff0d;--glass-border:#ffffff1a;--inner-glow:inset 0 1px 0 #ffffff0d;--scrim:#000000a6;--modal-shadow:0 24px 64px #00000073;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:.25rem;--radius-lg:.5rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--on-surface);background:var(--background);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:24px}[data-theme=light]{--background:#f7f9fb;--page:#f7f9fb;--surface:#f7f9fb;--surface-container-lowest:#fff;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--surface-container-highest:#e0e3e5;--on-surface:#191c1e;--on-surface-variant:#414755;--outline:#717786;--outline-variant:#c1c6d7;--primary:#0058bc;--on-primary:#fff;--primary-container:#0070eb;--on-primary-container:#fefcff;--primary-hover:#0070eb;--weight-warn:#9a6700;--weight-low:#ba1a1a;--weight-high:#1f7a46;--border-soft:#c1c6d7;--glass:#f7f9fbb8;--glass-border:#191c1e1a;--inner-glow:inset 0 1px 0 #ffffffb3;--scrim:#191c1e73;--modal-shadow:0 24px 64px #191c1e2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--page);width:100dvw;min-height:100dvh;color:var(--on-surface);flex-direction:column;margin:0;display:flex;overflow-x:clip}button,input{font:inherit}button{cursor:pointer}.topbar{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--outline-variant);background:var(--background);justify-content:space-between;align-items:center;display:flex}.topbar-actions{align-items:center;gap:var(--space-sm);display:flex}.brand{align-items:center;gap:var(--space-sm);min-width:0;font-family:var(--font-mono);letter-spacing:-.2rem;text-transform:uppercase;color:var(--primary);font-size:32px;font-weight:700;line-height:40px;text-decoration:none;display:flex}.brand-logo{flex-shrink:0;width:40px;height:40px;display:block}.brand-name{white-space:nowrap}.shell{flex:1;grid-template-columns:1fr;min-height:0;display:grid;position:relative;overflow:clip}.dice-tray{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-sm);border-right:1px solid var(--outline-variant);background:var(--surface-container);flex-direction:column;width:5.5rem;display:none}.die-select{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.die-select-item{margin:0}.die-select-item-btn{width:100%;min-height:3.25rem;padding:var(--space-sm) var(--space-xs);border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--on-surface-variant);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:flex}.die-icon{flex-shrink:0;width:1.15rem;height:1.15rem;display:block}.die-label{line-height:1}.die-select-item-btn:hover{background:var(--surface-container-high);color:var(--on-surface)}.die-select-item-btn[aria-pressed=true]{border-color:var(--primary);background:var(--primary-container);color:var(--on-primary-container);box-shadow:var(--inner-glow)}#app{flex-direction:column;min-width:0;display:flex}.stage{justify-content:center;align-items:center;gap:var(--space-sm);min-height:42vh;padding:var(--space-xl) var(--space-md);border-bottom:1px solid var(--outline-variant);background:var(--surface);text-align:center;flex-direction:column;display:flex}.result-die{width:min(72vw,22rem);height:min(72vw,22rem);color:var(--primary);place-items:center;display:grid;position:relative}.result-die-shape{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.result-die-shape .die-icon{width:100%;height:100%}.result-hero{z-index:1;max-width:70%;font-family:var(--font-display);letter-spacing:-.04em;color:var(--on-surface);margin:0;font-size:clamp(3rem,12vw,5.5rem);font-weight:700;line-height:.92;position:relative}.result-die[data-die=d4] .result-hero{transform:translateY(8%)}.result-die[data-die=d10] .result-hero{transform:translateY(-4%)}.result-die[data-digits="3"] .result-hero,.result-die[data-digits="4"] .result-hero{font-size:clamp(2.25rem,9vw,3.75rem)}.result-meta{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--primary);margin:0;font-size:24px;font-weight:500;line-height:32px}.result-meta .mode{color:var(--on-surface-variant)}.tray{gap:var(--space-lg);padding:var(--space-lg);background:var(--surface-container-lowest);border:1px solid var(--border-soft);border-left:none;border-right:none;flex-direction:column;display:flex}.tray-grid{gap:var(--space-lg);flex-wrap:wrap;align-items:flex-start;display:flex}.tray-group{gap:var(--space-lg);flex-wrap:wrap;flex:12rem;align-items:flex-start;min-width:min(100%,12rem);display:flex}.control-block{gap:var(--space-sm);flex-direction:column;display:flex}.tray-group .control-block{flex:9.5rem;min-width:9.5rem}.control-block[hidden]{display:none}.tray-group:not(:has(.control-block:not([hidden]))){display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.control-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);margin:0;font-size:12px;font-weight:700;line-height:16px}.stepper{align-items:center;gap:var(--space-md);display:flex}.stepper-btn,button.secondary{border:1px solid var(--outline-variant);border-radius:var(--radius);min-height:2.5rem;color:var(--on-surface);background:0 0;justify-content:center;align-items:center;padding:.55rem 1rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.stepper-btn{width:2.5rem;padding:0;font-size:1.25rem;line-height:1}.stepper-btn:hover,button.secondary:hover{background:var(--surface-container)}input[type=number]{border:none;border-bottom:1px solid var(--border-soft);width:4.5rem;height:2.5rem;color:var(--on-surface);text-align:center;font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border-radius:0;padding:.25rem .35rem;font-size:24px;font-weight:500;line-height:32px}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]:focus{border-bottom-color:var(--primary);outline:none}.listbox{width:100%;position:relative}.listbox-trigger{border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background-color:var(--surface-container);background-image:linear-gradient(45deg, transparent 50%, var(--on-surface-variant) 50%), linear-gradient(135deg, var(--on-surface-variant) 50%, transparent 50%);width:100%;min-height:2.5rem;color:var(--on-surface);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:.55rem 2rem .55rem .75rem;font-size:12px;font-weight:700}.listbox-trigger:focus,.listbox-trigger[aria-expanded=true]{border-color:var(--primary);outline:none}.listbox-options{z-index:40;padding:var(--space-xs);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-container-high);max-height:min(18rem,45vh);margin:0;list-style:none;position:absolute;inset:calc(100% + 4px) 0 auto;overflow-y:auto}.listbox-options--drop-up{top:auto;bottom:calc(100% + 4px)}.listbox-options[hidden]{display:none}.listbox-options [role=option]{border-radius:var(--radius);color:var(--on-surface-variant);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:.55rem .75rem;font-size:12px;font-weight:700}.listbox-options [role=option]:hover,.listbox-options [role=option]:focus{background:var(--surface-container);color:var(--on-surface);outline:none}.listbox-options [role=option][aria-selected=true]{background:var(--primary-container);color:var(--on-primary-container)}.tray-actions{width:100%;margin-top:auto;display:flex}.roll-strip{border:1px solid color-mix(in srgb, var(--on-primary) 28%, var(--primary));border-radius:var(--radius-lg);background:var(--primary);width:100%;min-height:3.5rem;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff3}.roll-step{background:color-mix(in srgb, var(--on-primary) 14%, var(--primary));color:var(--on-primary);font-family:var(--font-display);border:none;border-radius:0;flex:0 0 3.5rem;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.75rem;font-weight:600;line-height:1;transition:background .15s;display:inline-flex}#rolls-dec{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}#rolls-inc{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.roll-step:hover{background:color-mix(in srgb, var(--on-primary) 22%, var(--primary))}.roll-step:focus-visible,#roll-btn:focus-visible{outline:2px solid var(--on-primary);outline-offset:-3px}#roll-btn{width:auto;min-width:0;min-height:3.5rem;padding:1rem var(--space-lg);border:none;border-left:1px solid color-mix(in srgb, var(--on-primary) 22%, var(--primary));border-right:1px solid color-mix(in srgb, var(--on-primary) 22%, var(--primary));background:var(--primary);color:var(--on-primary);font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;border-radius:0;flex:1;font-size:32px;font-weight:600;line-height:40px;transition:background .15s,filter .15s}#roll-btn:hover{background:var(--primary-hover)}.probability-header-actions{gap:var(--space-sm);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;display:flex}.topbar-btn{border:1px solid var(--outline-variant);border-radius:var(--radius);min-height:2.5rem;color:var(--on-surface-variant);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.topbar-btn-icon{flex-shrink:0;width:1.15rem;height:1.15rem;display:block}.topbar-btn:hover,.topbar-btn[aria-expanded=true]{border-color:var(--primary);color:var(--primary);background:var(--glass)}.feedback-fab{left:var(--space-md);bottom:var(--space-md);z-index:20;border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--surface-container);width:2.5rem;height:2.5rem;color:var(--on-surface-variant);box-shadow:var(--inner-glow);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:fixed}.feedback-fab-icon{width:1.15rem;height:1.15rem;display:block}.feedback-fab-tip{left:calc(100% + var(--space-sm));border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--surface-container-high);color:var(--on-surface);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;padding:.3rem .55rem;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-4px)}.feedback-fab:hover,.feedback-fab:focus-visible{border-color:var(--primary);color:var(--primary);background:var(--glass);outline:none}.feedback-fab:hover .feedback-fab-tip,.feedback-fab:focus-visible .feedback-fab-tip{opacity:1;transform:none}@media (width>=768px){.feedback-fab{left:1.5rem}}.settings{z-index:40;background:var(--surface-container-low);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);flex-direction:column;width:min(22rem,100%);min-height:0;transition:transform .2s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.settings[data-open=true]{transform:translate(0)}.settings-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-soft);display:flex}.settings-heading{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.settings-close{border:1px solid var(--outline-variant);border-radius:var(--radius);min-height:2rem;color:var(--on-surface-variant);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;flex-shrink:0;padding:.35rem .7rem;font-size:12px;font-weight:700}.settings-close:hover{border-color:var(--primary);color:var(--primary)}.settings-body{padding:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.settings-body>.control-block+.control-block{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-soft)}.settings-slider-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.settings-slider-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--primary);font-size:14px;font-weight:700}.settings-hint{color:var(--on-surface-variant);margin:0;font-size:13px;line-height:1.45}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.tactile-toggle{border:1px solid var(--outline-variant);background:var(--surface-container-highest);width:2.75rem;height:1.5rem;box-shadow:var(--inner-glow);border-radius:9999px;flex-shrink:0;padding:0;transition:background .15s,border-color .15s;position:relative}.tactile-toggle:hover{border-color:var(--primary)}.tactile-toggle:after{content:"";background:var(--on-surface);border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .15s,background .15s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.tactile-toggle[aria-checked=true]{background:var(--primary);border-color:var(--primary)}.tactile-toggle[aria-checked=true]:after{background:var(--on-primary);transform:translate(1.25rem,-50%)}.tactile-toggle:focus-visible{box-shadow:var(--inner-glow), 0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent);outline:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem;margin:0}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent)}input[type=range]::-webkit-slider-runnable-track{background:var(--surface-container-highest);border-radius:999px;height:.25rem}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);border:none;border-radius:50%;width:1rem;height:1rem;margin-top:-.375rem}input[type=range]::-moz-range-track{background:var(--surface-container-highest);border:none;border-radius:999px;height:.25rem}input[type=range]::-moz-range-thumb{background:var(--primary);border:none;border-radius:50%;width:1rem;height:1rem}.probability{z-index:30;background:var(--surface-container-low);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);flex-direction:column;width:min(22rem,100%);transition:transform .2s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.probability[data-open=true]{transform:translate(0)}.probability-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-soft);flex-wrap:wrap;display:flex}.probability-heading{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.probability-roll,.probability-close,.probability-header-actions .secondary{border-radius:var(--radius);min-height:2rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;padding:.35rem .7rem;font-size:12px;font-weight:700}.probability-roll{background:var(--primary);color:var(--on-primary);border:none;padding-inline:.85rem;transition:background .15s;box-shadow:inset 0 1px #fff3}.probability-roll:hover{background:var(--primary-hover)}.probability-close{border:1px solid var(--outline-variant);color:var(--on-surface-variant);background:0 0}.probability-close:hover{border-color:var(--primary);color:var(--primary)}.probability-config{font-family:var(--font-body);color:var(--on-surface-variant);font-size:14px}.probability-current-roll{font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--on-surface);font-size:18px;font-weight:700;line-height:1.2}.probability-target{align-items:flex-end;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-soft);flex-wrap:wrap;flex-shrink:0;display:flex}.probability-target-chance{gap:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-surface);flex-wrap:wrap;margin:0;font-size:14px;font-weight:500;display:flex}.probability-target-chance .target-under{color:var(--weight-low)}.probability-target-chance .target-over{color:var(--weight-high)}.probability-graphs{gap:var(--space-md);padding:var(--space-md) 0 var(--space-lg);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.probability-graph-label{padding:0 var(--space-lg);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);margin:0;font-size:11px;font-weight:700}.weights{--sides:20;padding:var(--space-sm) var(--space-lg) 0;align-items:stretch;gap:0;height:160px;margin:0;list-style:none;display:flex}.weights li{flex-direction:column;flex:1 1 calc(100% / var(--sides));width:calc(100% / var(--sides));min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:flex;position:relative}.weights .bar-track{flex:1;align-items:flex-end;width:100%;min-height:0;display:flex}.weights .bar{background:color-mix(in srgb, var(--bar-tone,var(--primary)) 55%, transparent);border-radius:0;width:100%;min-height:2px;transition:height .18s,background .15s;display:block}.weights li.hit .bar{background:color-mix(in srgb, var(--bar-tone,var(--primary)) 90%, transparent)}.weights li.weight-warn{--bar-tone:var(--weight-warn)}.weights li.weight-low{--bar-tone:var(--weight-low)}.weights li.weight-high{--bar-tone:var(--weight-high)}.weights .face{height:1.25rem;margin-top:var(--space-xs);text-align:center;color:var(--on-surface-variant);opacity:0;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.25rem;display:block}.weights li.key-label .face,.weights li:hover .face{opacity:1}.weights li.hit .face{color:var(--bar-tone,var(--primary))}.weights li:hover .bar{background:color-mix(in srgb, var(--bar-tone,var(--primary)) 75%, transparent)}@media (width>=768px){.shell{grid-template-columns:5.5rem minmax(0,1fr);align-items:stretch}.dice-tray{display:flex}.die-select{gap:var(--space-sm);flex-direction:column;display:flex}.die-select-item-btn{width:3.25rem;height:3.25rem;min-height:3.25rem;padding:var(--space-xs)}.die-icon{width:1.25rem;height:1.25rem}.stage{flex:1.1;height:55%;min-height:0}.tray{border:none;flex:1}.tray-actions{flex-direction:row;justify-content:flex-end;align-items:stretch}.roll-strip{width:auto;min-width:min(100%,22rem)}#roll-btn{width:auto;min-width:0}}@media (width>=1400px){.shell{grid-template-columns:5.5rem minmax(0,1fr) minmax(16rem,20rem) minmax(16rem,20rem)}.probability-toggle,.probability-close,.settings-toggle,.settings-close{display:none}.probability,.settings{visibility:visible;border-left:1px solid var(--glass-border);background:var(--glass);width:auto;position:static;transform:none}.tray{border-right:1px solid var(--outline-variant)}}@media (width<=1024px){.brand-name{font-size:26px}.topbar-btn{padding:.55rem;font-size:11px}}@media (width<=767px){.brand-name{display:none}.brand-logo{width:32px;height:32px}.shell{flex-direction:column;display:flex}#app{order:1}.dice-tray{width:100%;padding:var(--space-sm) var(--space-md);border-right:none;border-bottom:1px solid var(--outline-variant);order:0;display:block}.die-select{gap:var(--space-xs);grid-template-columns:repeat(7,minmax(0,1fr))}.die-select-item-btn{min-height:2.75rem;padding:var(--space-xs);gap:1px}.die-icon{width:1rem;height:1rem}.die-label{font-size:10px}.stage{min-height:0;padding:var(--space-md);border-bottom:none;border-top:1px solid var(--outline-variant);flex:1}.tray{padding:var(--space-md);gap:var(--space-md)}.tray-grid,.tray-group{gap:var(--space-md)}.result-die{width:min(42vh,16rem);height:min(42vh,16rem)}.result-hero{font-size:clamp(2.75rem,9vh,4.5rem)}.result-die[data-digits="3"] .result-hero,.result-die[data-digits="4"] .result-hero{font-size:clamp(2rem,6vh,3rem)}.result-meta{font-size:16px;line-height:24px}.roll-strip,.roll-step,#roll-btn{min-height:3rem}#roll-btn{font-size:24px;line-height:32px}}@media (width<=580px){.topbar-btn{justify-content:center;width:2.5rem;padding:0}.topbar-btn-label{display:none}}@media (width<=400px){.result-die{width:min(42vh,14rem);height:min(42vh,14rem)}}.history-modal{z-index:80;padding:var(--space-lg);place-items:center;display:grid;position:fixed;inset:0}.history-backdrop{background:var(--scrim);cursor:pointer;border:none;padding:0;position:absolute;inset:0}.history-panel{z-index:1;gap:var(--space-md);width:min(32rem,100%);max-height:min(80vh,40rem);padding:var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-container-low);box-shadow:var(--inner-glow), var(--modal-shadow);flex-direction:column;display:flex;position:relative;overflow:auto}.history-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.history-header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.history-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--on-surface);margin:0;font-size:1.5rem;font-weight:600}.history-close,.history-clear{border:1px solid var(--outline-variant);border-radius:var(--radius);min-height:2.25rem;color:var(--on-surface-variant);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;flex-shrink:0;padding:.4rem .85rem;font-size:12px;font-weight:700}.history-close:hover,.history-clear:hover{border-color:var(--primary);color:var(--primary);background:var(--glass)}.history-clear:disabled{opacity:.45;cursor:not-allowed}.history-clear:disabled:hover{border-color:var(--outline-variant);color:var(--on-surface-variant);background:0 0}#settings-default{width:100%}.history-empty{color:var(--on-surface-variant);margin:0}.history-section{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--border-soft);flex-direction:column;display:flex}.history-section-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0;font-size:12px;font-weight:700}.history-sequence{font-family:var(--font-mono);color:var(--on-surface);word-break:break-word;margin:0;font-size:.95rem;line-height:1.55}