.dice-options{position:relative;flex-shrink:0}.dice-options-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:2.75rem;min-height:2.75rem;padding:0 .65rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-body),sans-serif;font-size:.8125rem;font-weight:600;cursor:pointer}.dice-options-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.dice-options-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dice-options-trigger[aria-expanded=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-highlight)}.dice-options-trigger__icon{flex-shrink:0}.dice-options-panel{display:grid;gap:.75rem;min-width:15rem;padding:.85rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);box-shadow:0 8px 24px rgb(0 0 0/35%)}.dice-options-panel--fixed{position:fixed;z-index:60}.dice-options-fieldset{margin:0;padding:0;border:0;display:grid;gap:.45rem}.dice-options-legend{margin-bottom:.15rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.dice-options-option{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text);cursor:pointer}.dice-options-option--checkbox{padding-top:.35rem;border-top:1px solid var(--color-border)}@media (forced-colors:active){.dice-options-trigger{border-color:ButtonBorder;color:ButtonText;background:ButtonFace}}.reel-machine{--dice-frame-back:linear-gradient(165deg,#1a1a17,#0f0f0d 55%,#1c1c19);--dice-frame-bezel:linear-gradient(180deg,#8b5a2b,#5c3d1e);--dice-reel-bg:repeating-linear-gradient(0deg,#121210,#121210 3px,#161614 0,#161614 6px);--dice-highlight-cell:none;--dice-marquee:none;--dice-frame-back-art:url(/tools/dice-roller/frame-back-elementor-io-optimized.webp);--dice-frame-bezel-art:url(/tools/dice-roller/frame-bezel.png);--dice-reel-bg-art:url(/tools/dice-roller/reel-bg-tile-elementor-io-optimized.webp);--reel-col-max-width:calc(3ch + 0.75rem);--reel-face-height:2.75rem;--reel-neon-green:rgb(116,255,0);--reel-value-green:var(--reel-neon-green);--reel-value-green-kept:rgb(210,255,160);--reel-value-green-dim:color-mix(in srgb,var(--reel-neon-green) 42%,var(--color-text-muted));--reel-value-green-glow:0 0 10px rgb(116 255 0/58%);--reel-value-green-kept-glow:0 0 4px rgb(255 255 255/90%),0 0 12px rgb(116 255 0/100%),0 0 24px rgb(116 255 0/75%),0 0 36px rgb(116 255 0/40%);--reel-value-green-kept-wash:rgb(116 255 0/8%);--reel-value-highlight:color-mix(in srgb,var(--color-accent) 45%,white);--reel-value-highlight-glow:0 1px 2px rgb(0 0 0/90%),0 0 6px rgb(0 0 0/55%),0 0 10px color-mix(in srgb,var(--color-accent) 85%,transparent),0 0 18px color-mix(in srgb,var(--color-accent) 45%,transparent);--reel-value-highlight-wash:rgb(211 1 255/8%);display:grid;gap:1rem;padding:1rem;border:2px solid var(--color-border);background:var(--dice-frame-back);box-shadow:inset 0 0 0 1px #2e2e2b,0 12px 32px rgb(0 0 0/45%)}.reel-machine__marquee{display:grid;gap:.15rem;text-align:center;padding:.75rem 1rem;border:2px solid var(--color-gold);background:var(--color-gold-highlight);background-image:var(--dice-marquee);background-size:contain;background-repeat:no-repeat;background-position:50%}.reel-machine__marquee-title{font-family:var(--font-display);font-size:clamp(.85rem,2.5vw,1.1rem);letter-spacing:.14em;color:var(--color-gold);text-transform:uppercase}.reel-machine__marquee-subtitle{font-family:var(--font-mono);font-size:clamp(.7rem,2vw,.85rem);letter-spacing:.2em;color:var(--color-primary);text-transform:uppercase}.reel-machine--art{--art-aspect:2816/1536;--art-marquee-width:52%;--art-marquee-top:0.35%;--art-window-top:20.5%;--art-window-inset-x:23.5%;--art-window-bottom:11.5%;--reel-window-pad-block:0.3rem;position:relative;display:block;width:100%;max-width:52rem;margin-inline:auto;padding:0;border:none;overflow:visible;aspect-ratio:var(--art-aspect);background-color:var(--color-bg);background-image:var(--dice-frame-back-art);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;box-shadow:0 12px 32px rgb(0 0 0/45%)}.reel-machine--art .reel-machine__marquee{display:block;position:absolute;z-index:2;top:var(--art-marquee-top);left:50%;transform:translateX(-50%) scale(.96);transform-origin:top center;width:var(--art-marquee-width);height:auto;margin:0;padding:0;border:none;background:transparent;overflow:visible;pointer-events:none}.reel-machine--art .reel-machine__marquee-img{display:block;width:100%;height:auto}@media (max-width:639px){.reel-machine--art{--art-marquee-width:56%;--art-marquee-top:0.25%;--art-window-top:19.5%;--art-window-inset-x:22%;--art-window-bottom:10.5%}}.reel-machine--art .reel-machine__pipe{display:none}.reel-machine--art .reel-machine__cabinet{position:absolute;z-index:1;top:var(--art-window-top);left:var(--art-window-inset-x);right:var(--art-window-inset-x);bottom:var(--art-window-bottom);display:flex;align-items:center;justify-content:center;min-height:0;grid-template-columns:minmax(0,1fr);gap:0}.reel-machine--art .reel-machine__window{container-type:size;container-name:reel-window;position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:stretch;justify-content:stretch;padding:var(--reel-window-pad-block) .35rem;border:none;border-image:none;background-color:#0f0f0d;background-image:var(--dice-reel-bg-art);background-repeat:repeat;background-size:128px 128px;box-shadow:inset 0 0 28px rgb(0 0 0/70%);overflow:hidden}.reel-grid--reduced-revealing{will-change:filter}.reel-machine--art .reel-machine__window:after,.reel-machine--art .reel-machine__window:before{content:"";position:absolute;left:0;right:0;height:18%;z-index:2;pointer-events:none}.reel-machine--art .reel-machine__window:before{top:0;background:linear-gradient(180deg,rgb(0 0 0/72%),transparent)}.reel-machine--art .reel-machine__window:after{bottom:0;background:linear-gradient(0deg,rgb(0 0 0/72%),transparent)}.reel-machine--art .reel-machine__idle{min-height:0}.reel-machine--art .reel-grid{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;gap:clamp(.12rem,.8cqw,.3rem);align-content:stretch;align-items:stretch;justify-content:stretch;justify-items:stretch;grid-template-columns:repeat(var(--reel-columns,5),minmax(0,1fr))!important;grid-template-rows:repeat(var(--reel-rows,1),minmax(0,1fr))!important}.reel-machine--art .reel-grid__slot{max-width:none;min-height:0}.reel-machine--art .reel-column{width:100%;max-width:none;min-height:0;height:100%}.reel-machine--art .reel-column__window:after,.reel-machine--art .reel-column__window:before{display:none}.reel-machine--art .reel-grid__slot{display:flex;align-items:stretch;justify-content:center}.reel-machine--art .reel-grid__slot--column{align-self:stretch}.reel-machine--art .reel-column__window{container-type:size;container-name:reel-column-window;height:100%;min-height:0;flex:1}.reel-machine--art .reel-column__face{height:calc(100cqh / var(--reel-rows-in-column, 6));font-size:clamp(.65rem,min(9cqw,10cqh),1.1rem)}.reel-machine--art .reel-machine__total-readout{display:none}.reel-machine__cabinet{display:grid;grid-template-columns:.5rem minmax(0,1fr) .5rem;gap:.5rem;align-items:stretch}.reel-machine__pipe{border-radius:999px;background:linear-gradient(90deg,#6b4423,#c8a030,#6b4423);opacity:.85}@media (max-width:639px){.reel-machine__pipe{display:none}.reel-machine__cabinet{grid-template-columns:minmax(0,1fr)}}.reel-machine__window{min-height:220px;padding:.75rem;border:3px solid transparent;border-image:var(--dice-frame-bezel) 1;background:var(--dice-reel-bg);box-shadow:inset 0 0 24px rgb(0 0 0/55%)}.reel-machine__idle{display:grid;min-height:180px;place-items:center;color:var(--color-text-muted);font-size:.9rem}.reel-machine__total-readout{display:flex;align-items:baseline;justify-content:center;gap:.5rem;padding:.5rem;border-top:1px solid var(--color-border)}.reel-machine__total-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.reel-machine__total-value{font-family:var(--font-mono);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;color:var(--color-primary);text-shadow:0 0 12px color-mix(in srgb,var(--color-primary) 60%,transparent)}.reel-grid-wrap{position:relative;width:100%;height:100%}.reel-group-outline{position:absolute;inset:0;pointer-events:none;opacity:0;animation:reel-group-outline-fade .18s ease forwards}.reel-group-outline__svg{width:100%;height:100%;overflow:visible}.reel-group-outline__path{fill:none;stroke:var(--color-gold);stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgb(200 160 48/45%))}.reel-group-outline__path--report{stroke-dasharray:6 4}.reel-group-outline__label{position:absolute;transform:translate(-50%,-100%);padding:.1rem .35rem;border-radius:3px;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold);background:rgb(15 15 13/82%);border:1px solid color-mix(in srgb,var(--color-gold) 55%,transparent);white-space:nowrap;max-width:8rem;overflow:hidden;text-overflow:ellipsis}@keyframes reel-group-outline-fade{0%{opacity:0}to{opacity:1}}.reel-grid{display:grid;gap:.35rem;width:fit-content;max-width:100%;height:100%;margin-inline:auto;justify-content:center}.reel-grid__slot{min-height:var(--reel-face-height);width:100%;max-width:var(--reel-col-max-width);justify-self:center}.reel-grid__slot--empty{visibility:hidden}.reel-cell{width:100%;max-width:var(--reel-col-max-width);height:100%;margin-inline:auto;border-radius:4px;background:rgb(0 0 0/25%)}.reel-cell--rolled{box-shadow:inset 0 0 0 2px var(--color-gold),0 0 14px color-mix(in srgb,var(--color-gold) 55%,transparent)}.reel-cell--kept{color:var(--reel-value-green-kept);text-shadow:var(--reel-value-green-kept-glow);background:var(--reel-value-green-kept-wash)}.reel-cell--not-kept{color:var(--reel-value-green-dim);text-shadow:none;opacity:.72;box-shadow:inset 0 0 0 1px rgb(255 255 255/12%)}.reel-column__face.reel-cell--highlight{color:var(--reel-value-highlight);font-weight:800;text-shadow:var(--reel-value-highlight-glow);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em;text-decoration-color:color-mix(in srgb,var(--reel-value-highlight) 75%,white)}.reel-column__face.reel-cell--kept.reel-cell--highlight{color:var(--reel-value-highlight);background:var(--reel-value-highlight-wash);text-shadow:var(--reel-value-highlight-glow)}.reel-column__strip--spinning .reel-cell--rolled,.reel-grid--reduced-revealing .reel-cell--rolled,.reel-grid:not(.reel-grid--outcomes-revealed) .reel-cell--rolled{box-shadow:none}.reel-column__strip--spinning .reel-column__face.reel-cell--kept,.reel-grid--reduced-revealing .reel-column__face.reel-cell--kept,.reel-grid:not(.reel-grid--outcomes-revealed) .reel-column__face.reel-cell--kept{color:var(--reel-value-green);text-shadow:var(--reel-value-green-glow);background:transparent}.reel-column__strip--spinning .reel-column__face.reel-cell--not-kept,.reel-grid--reduced-revealing .reel-column__face.reel-cell--not-kept,.reel-grid:not(.reel-grid--outcomes-revealed) .reel-column__face.reel-cell--not-kept{color:var(--reel-value-green);text-shadow:var(--reel-value-green-glow);opacity:1;box-shadow:none}.reel-column__strip--spinning .reel-column__face.reel-cell--highlight,.reel-grid--reduced-revealing .reel-column__face.reel-cell--highlight,.reel-grid:not(.reel-grid--outcomes-revealed) .reel-column__face.reel-cell--highlight{color:var(--reel-value-green);text-shadow:var(--reel-value-green-glow);text-decoration:none}.reel-column__strip--spinning .reel-column__face[data-reel-active=true],.reel-grid--reduced-revealing .reel-column__face[data-reel-active=true],.reel-grid:not(.reel-grid--outcomes-revealed) .reel-column__face[data-reel-active=true]{box-shadow:none;color:var(--reel-value-green);text-shadow:var(--reel-value-green-glow);background:transparent;opacity:1;text-decoration:none}.reel-grid--outcomes-revealed .reel-column__face[data-reel-active=true]{box-shadow:inset 0 0 0 2px var(--color-gold),0 0 14px color-mix(in srgb,var(--color-gold) 55%,transparent)}.reel-grid--outcomes-revealed[data-has-keep-rule=true] .reel-column__face[data-reel-active=true][data-reel-kept=true]{color:var(--reel-value-green-kept);text-shadow:var(--reel-value-green-kept-glow);background:var(--reel-value-green-kept-wash)}.reel-grid--outcomes-revealed[data-has-keep-rule=true] .reel-column__face[data-reel-active=true][data-reel-kept=false]{color:var(--reel-value-green-dim);text-shadow:none;opacity:.72;box-shadow:inset 0 0 0 1px rgb(255 255 255/12%)}.reel-grid--outcomes-revealed .reel-column__face[data-reel-active=true][data-reel-kept=true]:not([data-reel-highlight=true]){color:var(--reel-value-green-kept);text-shadow:var(--reel-value-green-kept-glow);background:var(--reel-value-green-kept-wash)}.reel-grid--outcomes-revealed .reel-column__face[data-reel-active=true][data-reel-highlight=true]{color:var(--reel-value-highlight);font-weight:800;text-shadow:var(--reel-value-highlight-glow);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em;text-decoration-color:color-mix(in srgb,var(--reel-value-highlight) 75%,white);background:var(--reel-value-highlight-wash)}.reel-cell__window{height:var(--reel-face-height);overflow:hidden;position:relative;isolation:isolate}.reel-cell__window:after,.reel-cell__window:before{content:"";position:absolute;left:0;right:0;height:28%;z-index:1;pointer-events:none}.reel-cell__window:before{top:0;background:linear-gradient(180deg,rgb(0 0 0/55%),transparent)}.reel-cell__window:after{bottom:0;background:linear-gradient(0deg,rgb(0 0 0/55%),transparent)}.reel-column{display:flex;flex-direction:column;width:100%;max-width:var(--reel-col-max-width)}.reel-column,.reel-column__window{height:100%;min-height:0;contain:layout paint}.reel-column__window{flex:1;overflow:hidden;position:relative;isolation:isolate}.reel-grid__slot--column{min-height:0}.reel-column__strip{--reel-spin-easing:cubic-bezier(0.08,0.95,0.18,1);display:flex;flex-direction:column;filter:blur(0);transition:transform var(--reel-spin-duration,0s) var(--reel-spin-easing),filter var(--reel-blur-fade-ms,.32s) ease-out}.reel-column__strip--spinning{will-change:transform}.reel-column__strip--blur{filter:blur(.65px) brightness(1.02);will-change:transform,filter}.reel-column__strip--reduced{transform:none!important}.reel-column__face{display:grid;place-items:center;width:100%;height:var(--reel-face-height);line-height:1;box-sizing:border-box;padding-inline:.375rem;font-family:var(--font-mono);font-size:clamp(1rem,3.5vw,1.35rem);font-variant-numeric:tabular-nums;font-weight:700;color:var(--reel-value-green);text-shadow:var(--reel-value-green-glow);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-column__face--filler{opacity:.5;font-weight:600}.dice-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dice-result-total{font-size:1.125rem;line-height:1.25}@media (min-width:1024px){.dice-result-total{font-size:3rem;line-height:1}}@media (forced-colors:active){.reel-cell--rolled{box-shadow:none;outline:2px solid CanvasText;outline-offset:-2px}.reel-cell--kept{background:Highlight;color:HighlightText;text-shadow:none}.reel-cell--not-kept{opacity:1;color:GrayText;box-shadow:none;outline:1px dashed CanvasText;outline-offset:-3px}.reel-column__face.reel-cell--highlight{text-shadow:none;font-weight:800;text-decoration:underline}.reel-column__face{text-shadow:none}}