/* Dice-only overrides: the hub, wheel and crocodile keep their existing styles. */
#dice{background:#fafbf5;border-color:#d7e2d8;box-shadow:0 16px 42px #173b3010}
#dice .panel-heading{margin-bottom:18px}#dice .panel-heading h2{font-size:clamp(22px,2.8vw,30px)}
#dice .eyebrow{color:#436a57}#dice .sound-toggle{border-color:#cbdbce;background:#edf3e9;color:#284f3e}
#dice .count-picker{display:block}#dice .count-options{flex-wrap:wrap}#dice .count-options span,#dice .count-options input{width:44px;height:44px}
#dice .count-options input:checked+span{background:#255e49;border-color:#255e49;box-shadow:0 3px 0 #173d30}
#dice .play-layout{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:center;gap:26px}
#dice .dice-table{min-height:340px;padding:22px 22px 18px;background:radial-gradient(ellipse at 50% 26%,#438969 0%,#245b46 58%,#173e32 100%);box-shadow:inset 0 1px 0 #ffffff24,inset 0 0 0 6px #ffffff08,0 8px 20px #193b3012;color:#f5f7e9}
#dice .dice-table::before{border-color:#d3ead536;inset:13px}#dice .table-caption{font-size:9px;color:#ddeddd;letter-spacing:2px}
#dice .dice-tray{--cols:3;--size:92px;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,var(--size)));gap:25px;place-content:center;place-items:center;max-width:560px;width:100%;min-height:236px;padding:23px 12px 27px}
#dice .dice-tray[data-count="1"]{--cols:1;--size:152px}#dice .dice-tray[data-count="2"]{--cols:2;--size:124px}#dice .dice-tray[data-count="3"]{--size:112px}#dice .dice-tray[data-count="4"]{--cols:2;--size:104px}#dice .dice-tray[data-count="5"],#dice .dice-tray[data-count="6"]{--size:92px;max-width:560px}
#dice .die-shell{width:100%;aspect-ratio:1;position:relative;perspective:650px}
#dice .die{width:100%;height:100%;padding:17%;gap:9%;border-radius:22%;position:relative;border:1px solid #fffef0;background:linear-gradient(138deg,#fffff7 12%,#f7f2df 57%,#d8dfc7 100%);box-shadow:inset 2px 3px 4px #ffffff, inset -3px -4px 6px #90a68742,2px 7px 0 #a7b79b,3px 9px 0 #718c76,5px 18px 17px #0b2c2559;transform:rotate(var(--rest,-4deg));transform-style:preserve-3d;will-change:auto}
#dice .pip{background:#254e3d;box-shadow:inset 1px 2px 3px #102c27aa,0 1px 0 #ffffffa3}
#dice .die-empty{color:#537563;font-size:clamp(34px,5vw,55px);font-weight:700}
#dice .is-rolling .dice-tray{opacity:1}#dice .is-rolling .die{animation:dice-tumble var(--flight,1900ms) cubic-bezier(.3,.1,.3,1) both;animation-delay:0ms;will-change:transform}
#dice .is-rolling .pip{animation:dice-focus var(--flight,1900ms) linear both}
@keyframes dice-tumble{0%{transform:translate(0,-18px) rotateX(0deg) rotateZ(var(--rest)) scale(.88)}20%{transform:translate(var(--sway,12px),-27px) rotateX(180deg) rotateZ(150deg) scale(.96)}52%{transform:translate(calc(var(--sway,12px)*-.5),-16px) rotateX(360deg) rotateZ(305deg) scale(.95)}82%{transform:translateY(0) rotateX(360deg) rotateZ(calc(360deg + var(--rest))) scale(1)}90%{transform:translateY(-7px) rotateX(360deg) rotateZ(calc(360deg + var(--rest))) scale(.99)}100%{transform:translateY(0) rotateX(360deg) rotateZ(calc(360deg + var(--rest))) scale(1)}}
@keyframes dice-focus{0%,60%{opacity:.1;filter:blur(3px)}82%,100%{opacity:1;filter:blur(0)}}
#dice .dice-table>p{font-size:12px;color:#e0eee0;margin-top:7px}#dice .sparkles{display:none!important}
#dice .roll-controls{gap:15px}#dice .total-box>p:first-child{font-size:13px;color:#446a55}#dice .total-box output{font-size:clamp(60px,7vw,84px);color:#215c46;margin:0;letter-spacing:-2px}#dice .total-box>p:last-child{font-size:15px;font-weight:600;color:#416b55;overflow-wrap:anywhere}
#dice .roll-button{min-height:59px;border:1px solid #2c7155;color:#fffdf0;background:linear-gradient(150deg,#459574,#216147);box-shadow:0 4px 0 #174331,0 9px 18px #2862471c}
#dice .roll-button:active:not(:disabled){box-shadow:0 2px 0 #174331}#dice .rimmi-message{font-size:12px;line-height:1.8;color:#496b57}
#dice .health-play{background:#f0f5eb;border-color:#d8e4d3;font-size:13px}#dice .health-play p{font-size:13px;line-height:1.9}#dice .health-examples{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:12px 0}#dice .health-examples p{margin:0;padding:10px 12px;border-radius:12px;background:#ffffffa8}#dice .health-examples strong{color:#255d47}#dice .mission-input{font-size:16px;min-height:46px}#dice .recent-rolls h3{font-size:12px}#dice .recent-rolls li{font-size:12px;padding:6px 10px}
#dice button:focus-visible,#dice input:focus-visible,#dice input:focus-visible+span{outline:3px solid #1a6650;outline-offset:4px}
@media(max-width:1000px){#dice .dice-tray{gap:22px;--size:84px}#dice .dice-tray[data-count="3"]{--size:96px}#dice .dice-tray[data-count="5"],#dice .dice-tray[data-count="6"]{--size:84px}#dice .play-layout{grid-template-columns:minmax(0,1fr)}#dice .roll-controls{max-width:500px;width:100%;justify-self:center}#dice .dice-table{min-height:305px}}
@media(max-width:650px){#dice{padding:20px 14px}#dice .panel-heading{gap:8px}#dice .panel-heading h2{font-size:22px}#dice .sound-toggle{padding:7px 9px;font-size:10px;min-height:44px}#dice .count-options{gap:7px;justify-content:space-between}#dice .count-picker{margin-bottom:17px}#dice .play-layout{gap:18px}#dice .dice-table{padding:17px 12px;min-height:264px}#dice .dice-tray{padding:28px 10px 26px;gap:21px;--size:min(25vw,82px);min-height:195px}#dice .dice-tray[data-count="1"]{--size:142px}#dice .dice-tray[data-count="2"]{--size:min(29vw,105px)}#dice .dice-tray[data-count="3"]{--size:min(21vw,78px)}#dice .dice-tray[data-count="4"]{--size:86px}#dice .dice-tray[data-count="5"],#dice .dice-tray[data-count="6"]{--size:min(21vw,78px);min-height:218px}#dice .total-box output{font-size:62px;line-height:1.12}#dice .total-box>p:last-child{font-size:15px}#dice .roll-controls{gap:12px}#dice .health-examples{grid-template-columns:1fr}#dice .health-play p{font-size:12px}#dice .table-caption{font-size:8px;letter-spacing:1.5px}}
@media(max-width:370px){#dice{padding:18px 11px}#dice .count-options{gap:4px}#dice .count-options span,#dice .count-options input{width:40px;height:44px}#dice .dice-tray{gap:16px;padding-left:6px;padding-right:6px}#dice .dice-tray[data-count="3"],#dice .dice-tray[data-count="5"],#dice .dice-tray[data-count="6"]{--size:min(20vw,72px)}}
@media(prefers-reduced-motion:reduce){#dice .die{transform:none}#dice .is-rolling .die,#dice .is-rolling .pip{animation:none!important}#dice .pip{filter:none;opacity:1}}