.tab-symbol--dice{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#fff0df;color:#bd7648;font-size:26px}
.dice-palette-wrap{padding:14px 20px;background:#f8fafb;border-top:1px solid #e7eef0}
.dice-palette-wrap>strong{font-size:14px;color:#243246}
.dice-palette-wrap>span{font-size:12px;color:#677a89;margin-left:12px}
.dice-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.dice-type{padding:8px;border:1px solid #dce6eb;border-radius:14px;background:white}
.dice-source{display:flex;align-items:center;flex-direction:column;gap:4px;width:100%;padding:0 0 8px;border:0;background:transparent;cursor:grab;touch-action:none;color:#243246}
.dice-source strong{font-size:12px}
.dice-face{display:block;width:94px;height:94px;filter:drop-shadow(0 3px 2px #24324616);pointer-events:none}
.dice-face text{fill:#243246;font:900 26px Inter,system-ui,sans-serif;paint-order:stroke;stroke:var(--dice-color);stroke-width:5px;stroke-linejoin:round}
.dice-source .dice-face{width:68px;height:68px}
.dice-stepper{display:flex;gap:3px;justify-content:center;align-items:center}
.dice-stepper button{width:29px;height:32px;border:0;border-radius:7px;color:#243246;background:#edf3f5;font-size:21px;cursor:pointer}
.dice-stepper input{width:37px;height:32px;padding:3px 0;border:1px solid #d7e2e8;border-radius:7px;text-align:center;font:800 15px Inter,system-ui,sans-serif;color:#243246;appearance:textfield;-moz-appearance:textfield}
.dice-stepper input::-webkit-inner-spin-button,.dice-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.dice-stepper button:disabled{opacity:.35;cursor:default}
.dice-limit{margin:10px 0 0;font-size:11px;color:#6c7f8c}
.dice-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px;align-items:center}
.dice-roll-all{background:#243246;color:white;border-color:#243246}
.dice-roll-all:hover,.dice-roll-all:focus-visible{background:#354a64;color:white;border-color:#354a64}
#dice-sum{flex-basis:100%;border-radius:9px;padding:9px 12px;background:#f0f7f6;font-weight:800;font-size:15px;color:#2b6660;overflow-wrap:anywhere}
.dice-board{min-height:580px}
.dice-token{position:absolute;width:108px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:translate(-50%,-50%);padding:0;border:2px solid transparent;border-radius:15px;background:transparent;cursor:grab;touch-action:none;pointer-events:auto;color:#243246}
.dice-token small{font:700 11px Inter,system-ui,sans-serif;color:#657c8c}
.dice-token.is-selected{border-color:#ef7185;background:#fff4f680}
.dice-token:active{cursor:grabbing}
.dice-board.is-drawing .dice-token,.dice-board.is-drawing .dice-text-note{pointer-events:none}
.dice-text-note{z-index:4}
.dice-drag-ghost{position:fixed;z-index:1100;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 9px #24324645)}
.dice-token.is-rolling .dice-face{animation:dice-roll .5s ease-out}
@keyframes dice-roll{0%{transform:rotate(-18deg) scale(.9)}25%{transform:rotate(20deg)}55%{transform:rotate(-12deg)}80%{transform:rotate(6deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.dice-token.is-rolling .dice-face{animation:none}}
@media(max-width:1100px){.dice-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.dice-palette-wrap{padding:12px 11px}.dice-palette-wrap>span{display:block;margin:5px 0 0}.dice-palette{gap:6px}.dice-type{padding:7px 3px}.dice-actions{padding:11px}.dice-actions .toolbar-button{font-size:11px;padding:9px 10px}.dice-limit{line-height:1.5}}