.dice-roller-panel{color:#111827;display:grid;gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.dice-roller-panel__history,.dice-roller-panel__settings,.dice-roller-panel__stage{background:#fff;border:1px solid rgba(17,24,39,.09);border-radius:24px;box-shadow:0 18px 48px #11182712;min-width:0}.dice-roller-panel__settings,.dice-roller-panel__stage{padding:22px}.dice-roller-panel__stage{display:flex;flex-direction:column;min-height:480px}.dice-roller-panel__history-head,.dice-roller-panel__settings-head,.dice-roller-panel__stage-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.dice-roller-panel__history-head h2,.dice-roller-panel__history-head p,.dice-roller-panel__settings-head h2,.dice-roller-panel__settings-head p,.dice-roller-panel__stage-head h2,.dice-roller-panel__stage-head p{margin:0}.dice-roller-panel__eyebrow{color:var(--danger-color);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.dice-roller-panel__title{font-size:20px;font-weight:850;line-height:1.25;margin:2px 0 0}.dice-roller-panel__arena{align-items:center;background:radial-gradient(circle at 50% 18%,#fffffff5,#fff0 42%),linear-gradient(145deg,#fff8f8,#fff 58%,#fff2f2);border:1px solid #f0dada;border-radius:21px;display:flex;flex:1 1 auto;flex-direction:column;gap:22px;justify-content:center;margin-top:16px;min-height:340px;overflow:hidden;padding:24px;position:relative}.dice-roller-panel__arena:after,.dice-roller-panel__arena:before{background:#ef5b5b0f;border-radius:50%;content:"";filter:blur(2px);height:220px;position:absolute;width:220px}.dice-roller-panel__arena:before{right:-70px;top:-140px}.dice-roller-panel__arena:after{bottom:-160px;left:-80px}.dice-roller-panel__dice{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:640px;position:relative;z-index:1}.dice-roller-panel__die{display:grid;gap:7px;justify-items:center;min-width:72px}.dice-roller-panel__die small{color:#9b4b4b;font-size:11px;font-weight:850;letter-spacing:.04em}.dice-roller-panel__die-shape{background:linear-gradient(145deg,#ef6463,#d84343);color:#fff;display:grid;filter:drop-shadow(0 9px 9px rgba(152,38,38,.19));font-size:25px;font-variant-numeric:tabular-nums;font-weight:900;height:72px;line-height:1;place-items:center;width:72px}.dice-roller-panel__die-shape--d4{clip-path:polygon(50% 4%,96% 91%,4% 91%);padding-top:20px}.dice-roller-panel__die-shape--d6{background:linear-gradient(145deg,#fff,#fff8f8);border:3px solid hsla(0,0%,100%,.72);border-radius:16px;box-shadow:inset 0 0 0 2px #b434341a;color:#d84343;padding:10px}.dice-roller-panel__die-shape--d8{clip-path:polygon(50% 0,96% 50%,50% 100%,4% 50%)}.dice-roller-panel__die-shape--d10{clip-path:polygon(50% 0,94% 34%,78% 92%,22% 92%,6% 34%)}.dice-roller-panel__die-shape--d12{clip-path:polygon(29% 2%,71% 2%,98% 32%,88% 78%,50% 100%,12% 78%,2% 32%)}.dice-roller-panel__die-shape--d20{clip-path:polygon(50% 0,96% 25%,89% 78%,50% 100%,11% 78%,4% 25%)}.dice-roller-panel__die-shape--d100{border-radius:50%;box-shadow:inset 0 0 0 3px #ffffffa8,inset 0 0 0 6px #801a1a1f;font-size:22px}.dice-roller-panel__die-number{display:block}.dice-roller-panel__pips{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;justify-items:center;width:100%}.dice-roller-panel__pip{background:currentColor;border-radius:50%;height:10px;opacity:0;transform:scale(.55);width:10px}.dice-roller-panel__pip--visible{opacity:1;transform:scale(1)}.dice-roller-panel__arena--rolling .dice-roller-panel__die{animation:dice-roll .7s cubic-bezier(.2,.75,.25,1) var(--dice-delay) both}.dice-roller-panel__arena--rolling .dice-roller-panel__die-shape{animation:dice-flash .7s ease var(--dice-delay) both}.dice-roller-panel__empty{display:grid;justify-items:center;max-width:320px;position:relative;text-align:center;z-index:1}.dice-roller-panel__empty-icon{background:#fff;border:1px solid #f4caca;border-radius:26px;box-shadow:0 14px 30px #d843431f;color:var(--danger-color);display:grid;height:88px;place-items:center;transform:rotate(-4deg);width:88px}.dice-roller-panel__empty-icon svg{height:50px;width:50px}.dice-roller-panel__empty strong{font-size:20px;margin-top:18px}.dice-roller-panel__empty p{color:#6b7280;font-size:13px;line-height:1.55;margin:6px 0 0}.dice-roller-panel__total{align-items:center;background:#ffffffeb;border:1px solid rgba(17,24,39,.08);border-radius:18px;box-shadow:0 10px 26px #70292914;display:grid;gap:6px;grid-template-columns:minmax(78px,auto) 28px minmax(62px,auto) 28px minmax(78px,auto);max-width:100%;padding:7px;position:relative;z-index:1}.dice-roller-panel__total--simple{grid-template-columns:minmax(132px,auto);padding:5px}.dice-roller-panel__grand-total,.dice-roller-panel__total-part{align-content:center;border-radius:12px;display:grid;justify-items:center;min-height:54px;padding:6px 10px}.dice-roller-panel__grand-total span,.dice-roller-panel__total-part span{color:#7b8492;font-size:9px;font-weight:750;letter-spacing:.02em}.dice-roller-panel__total-part strong{color:#2f3743;font-size:20px;font-variant-numeric:tabular-nums;line-height:1;margin-top:2px}.dice-roller-panel__total-operator{background:#f7f8fa;border-radius:50%;color:#9ca3af;display:grid;font-size:15px;font-weight:850;height:28px;place-items:center;width:28px}.dice-roller-panel__grand-total{background:linear-gradient(145deg,#fff1f1,#ffe7e7)}.dice-roller-panel__grand-total--sum{min-width:132px}.dice-roller-panel__grand-total span{color:#9b4b4b}.dice-roller-panel__grand-total strong{color:var(--danger-color);font-size:24px;font-variant-numeric:tabular-nums;line-height:1;margin-top:1px}.dice-roller-panel__live-result{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.dice-roller-panel__message{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;font-size:12px;gap:9px;line-height:1.45;margin:12px 0 0;padding:11px 13px}.dice-roller-panel__message svg{flex:0 0 auto;height:18px;width:18px}.dice-roller-panel__stage-action{align-self:center;margin-top:14px;width:min(100%,320px)}.dice-roller-panel__keyboard-hint{align-items:center;color:#7b8492;display:flex;font-size:11px;gap:7px;justify-content:center;margin:12px 0 0}.dice-roller-panel__keyboard-hint svg{height:18px;width:18px}.dice-roller-panel__settings{align-self:start}.dice-roller-panel__settings-head{justify-content:flex-start}.dice-roller-panel__settings-head>div{min-width:0}.dice-roller-panel__settings-head p{color:#6b7280;font-size:12px;line-height:1.5;margin-top:4px}.dice-roller-panel__settings-icon{background:#fff0f0;border-radius:13px;color:var(--danger-color);display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.dice-roller-panel__settings-icon svg{height:23px;width:23px}.dice-roller-panel__fieldset{border:0;margin:20px 0 0;min-width:0;padding:0}.dice-roller-panel__label{color:#374151;display:block;font-size:12px;font-weight:800;margin-bottom:8px}.dice-roller-panel__types{display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.dice-roller-panel__type{background:#fff;border:1px solid #e5e7eb;border-radius:11px;color:#4b5563;cursor:pointer;font:inherit;font-size:13px;font-weight:850;min-height:40px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.dice-roller-panel__type:hover{background:snow;border-color:#efb1b1;box-shadow:0 5px 12px #d8434314;color:#b73535;transform:translateY(-1px)}.dice-roller-panel__type:active{box-shadow:none;transform:translateY(0) scale(.97)}.dice-roller-panel__clear:focus-visible,.dice-roller-panel__history-list>li>button:focus-visible,.dice-roller-panel__presets button:focus-visible,.dice-roller-panel__type:focus-visible{outline:3px solid rgba(239,83,82,.24);outline-offset:2px}.dice-roller-panel__type--active{background:#fff0f0;border-color:var(--danger-color);box-shadow:inset 0 0 0 1px #ea555514;color:#b72f2f}.dice-roller-panel__type--active:hover{background:#ffe9e9;border-color:#d94343}.dice-roller-panel__fields{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.dice-roller-panel__field{min-width:0}.dice-roller-panel__field small{color:#8a919d;display:block;font-size:10px;margin-top:6px}.dice-roller-panel__field .UiInput,.dice-roller-panel__field .UiInputRoot{width:100%}.dice-roller-panel__stepper{display:grid;gap:6px;grid-template-columns:40px minmax(0,1fr) 40px}.dice-roller-panel__stepper .UiButton{min-width:40px;width:40px}.dice-roller-panel__presets{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 12px}.dice-roller-panel__presets button{align-content:center;background:#fafbfc;border:1px solid #e8eaee;border-radius:13px;cursor:pointer;display:grid;font:inherit;min-height:53px;padding:8px 10px;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.dice-roller-panel__presets button:hover:not(:disabled){background:#fff8f8;border-color:#efb5b5}.dice-roller-panel__presets button:active:not(:disabled){transform:scale(.98)}.dice-roller-panel__presets button:disabled{cursor:wait;opacity:.55}.dice-roller-panel__presets span{color:#2f3743;font-size:13px;font-weight:850}.dice-roller-panel__presets small{color:#7b8492;font-size:9px;margin-top:2px}.dice-roller-panel__history{grid-column:1/-1;padding:20px 22px}.dice-roller-panel__clear{background:transparent;border:0;color:var(--danger-color);cursor:pointer;font-size:12px;font-weight:750;padding:5px 2px}.dice-roller-panel__history-list{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:16px 0 0;padding:0}.dice-roller-panel__history-list li{align-items:center;background:#fbfcfd;border:1px solid #eceef1;border-radius:14px;display:grid;gap:5px 12px;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;padding:11px 12px}.dice-roller-panel__history-result{align-items:center;display:flex;gap:7px;grid-row:1/3}.dice-roller-panel__history-result strong{background:#fff0f0;border-radius:12px;color:var(--danger-color);display:grid;font-size:18px;height:42px;place-items:center;width:42px}.dice-roller-panel__history-result span{color:#374151;font-size:12px;font-weight:850}.dice-roller-panel__history-list p{color:#4b5563;font-size:11px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dice-roller-panel__history-list small{color:#8b929e;font-size:9px}.dice-roller-panel__history-list>li>button{align-items:center;background:#fff;border:0;border-radius:9px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:10px;font-weight:750;gap:5px;grid-column:3;grid-row:1/3;padding:6px 8px}.dice-roller-panel__history-list>li>button:hover:not(:disabled){color:var(--danger-color)}.dice-roller-panel__history-list>li>button:disabled{cursor:wait;opacity:.5}.dice-roller-panel__history-list>li>button svg{height:15px;width:15px}@keyframes dice-roll{0%{opacity:0;transform:translate3d(0,-36px,0) rotate(-22deg) scale(.7)}38%{opacity:1;transform:translate3d(9px,7px,0) rotate(17deg) scale(1.08)}68%{transform:translate3d(-4px,-3px,0) rotate(-7deg) scale(.97)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes dice-flash{0%,48%{filter:drop-shadow(0 14px 14px rgba(152,38,38,.12))}70%{filter:drop-shadow(0 18px 11px rgba(152,38,38,.28))}to{filter:drop-shadow(0 9px 9px rgba(152,38,38,.19))}}@media(max-width:900px){.dice-roller-panel{grid-template-columns:1fr}.dice-roller-panel__settings{align-self:stretch}.dice-roller-panel__history{grid-column:auto}}@media(max-width:620px){.dice-roller-panel{gap:12px}.dice-roller-panel__history,.dice-roller-panel__settings,.dice-roller-panel__stage{border-radius:19px;padding:16px}.dice-roller-panel__stage{min-height:0}.dice-roller-panel__stage-head{align-items:stretch;flex-direction:column}.dice-roller-panel__stage-head .UiButton{align-self:flex-start}.dice-roller-panel__arena{min-height:240px;padding:18px 10px}.dice-roller-panel__stage-action{width:100%}.dice-roller-panel__die{min-width:58px}.dice-roller-panel__die-shape{font-size:20px;height:58px;width:58px}.dice-roller-panel__die-shape--d100{font-size:18px}.dice-roller-panel__pip{height:8px;width:8px}.dice-roller-panel__total{gap:4px;grid-template-columns:minmax(0,1fr) 22px minmax(0,.8fr) 22px minmax(0,1fr);padding:5px;width:100%}.dice-roller-panel__total--simple{grid-template-columns:minmax(132px,auto);width:auto}.dice-roller-panel__grand-total,.dice-roller-panel__total-part{min-height:50px;padding:5px}.dice-roller-panel__total-operator{font-size:13px;height:22px;width:22px}.dice-roller-panel__grand-total span,.dice-roller-panel__total-part span{font-size:8px;text-align:center}.dice-roller-panel__total-part strong{font-size:18px}.dice-roller-panel__grand-total strong{font-size:21px}.dice-roller-panel__fields{grid-template-columns:1fr}.dice-roller-panel__types{grid-template-columns:repeat(4,minmax(0,1fr))}.dice-roller-panel__history-list{grid-template-columns:1fr}.dice-roller-panel__keyboard-hint{display:none}}@media(max-width:370px){.dice-roller-panel__types{grid-template-columns:repeat(3,minmax(0,1fr))}.dice-roller-panel__presets{grid-template-columns:1fr}.dice-roller-panel__history-list li{grid-template-columns:minmax(0,1fr) auto}.dice-roller-panel__history-result{grid-column:1/-1;grid-row:auto}.dice-roller-panel__history-list>li>button{grid-column:2;grid-row:2/4}}@media(prefers-reduced-motion:reduce){.dice-roller-panel__die,.dice-roller-panel__die-shape,.dice-roller-panel__type{animation:none!important;transition:none!important}}