/* Dice workbench: immediate mobile result, quiet tabletop, emerald actions. */
.dice-page{--dice-green:#07583f;--dice-ink:#1b3028;--dice-gold:#ad8631;padding-bottom:50px}
.dice-page .workbench-heading{margin-block:26px 21px;align-items:flex-start}
.dice-page .workbench-heading h1{color:var(--dice-ink);font-size:clamp(26px,3vw,36px);line-height:1.5}
.dice-page .workbench-heading p{font-size:14px;line-height:1.9;max-width:68ch}
.dice-page .draw-workbench{padding:0;border:0;background:transparent;box-shadow:none}
.dice-page .draw-workbench>.panel-heading{display:none}
.dice-page .dice-layout{max-width:820px;margin-inline:auto}
.dice-page .dice-form{display:grid;grid-template-columns:1fr;gap:14px}
.dice-page .dice-stage{position:relative;min-width:0;overflow:hidden;scroll-margin-top:16px;padding:clamp(20px,3vw,31px);border:1px solid #d9e8dc;border-radius:25px;background:radial-gradient(circle at 50% 43%,#f0f7ef 0,#fbfdf9 59%,#fff 100%);box-shadow:0 12px 35px #173f2910}
.dice-page .dice-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b8d0ba 1px,transparent 1px);background-size:25px 25px;opacity:.35;pointer-events:none}
.dice-page .dice-stage>*{position:relative}
.dice-page .dice-stage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:19px}
.dice-page .dice-stage-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--dice-green);font-size:12px;font-weight:700}
.dice-page .dice-stage-kicker .icon{width:18px;height:18px}
.dice-page .dice-stage-heading h2{font-size:clamp(22px,2.6vw,29px);line-height:1.5;color:var(--dice-ink);margin-top:5px}
.dice-page .dice-stage-label{direction:ltr;white-space:nowrap;border:1px solid #e5d6b4;border-radius:999px;padding:6px 11px;background:#f9f3e5;color:#654916;font:700 12px/1.5 Toolschi,Tahoma,sans-serif}
.dice-page .dice-roll-button{width:100%;min-height:57px;justify-content:center;border-color:var(--dice-green);border-radius:14px;background:var(--dice-green);color:#fff;font-size:17px;font-weight:800;box-shadow:0 5px 0 #043f2c;transition:background .16s,transform .16s,box-shadow .16s}
.dice-page .dice-roll-button:hover{background:#064b37;border-color:#064b37;color:#fff}
.dice-page .dice-roll-button:active{transform:translateY(3px);box-shadow:0 2px 0 #043f2c}
.dice-page .dice-roll-button .icon{width:22px;height:22px}
.dice-page .dice-roll-button .icon:last-child{margin-inline-start:auto}
.dice-page .dice-roll-button .icon:first-child{margin-inline-end:auto}
.dice-page .dice-stage-feedback{display:grid;align-content:center;min-height:205px;margin-top:18px;padding:14px 16px;border:1px solid #dce9df;border-radius:19px;background:#fff}
.dice-page .dice-ready{min-height:174px;display:grid;align-content:center;justify-items:center;gap:17px;text-align:center}
.dice-page .dice-ready p{font-size:13px;line-height:1.8;color:#63786a}
.dice-page .dice-ready-art{position:relative;width:164px;height:80px}
.dice-page .dice-ready-face{position:absolute;top:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;width:74px;height:74px;padding:12px;border:2px solid #b9d3bf;border-bottom-width:5px;border-radius:15px;background:#fff;box-shadow:0 12px 17px #1c493222}
.dice-page .dice-ready-face:first-child{right:13px;transform:rotate(-12deg)}
.dice-page .dice-ready-face:last-child{left:13px;transform:rotate(12deg);border-color:#dac899}
.dice-page .dice-ready-face i{width:11px;height:11px;place-self:center;border-radius:50%;background:var(--dice-green)}
.dice-page .dice-ready-face:last-child i{background:#a27c2b}
.dice-page .dice-ready-face:first-child i:nth-child(1),.dice-page .dice-ready-face:last-child i:nth-child(1){grid-area:1/1}
.dice-page .dice-ready-face:first-child i:nth-child(2){grid-area:2/2}
.dice-page .dice-ready-face:first-child i:nth-child(3),.dice-page .dice-ready-face:last-child i:nth-child(4){grid-area:3/3}
.dice-page .dice-ready-face:last-child i:nth-child(2){grid-area:1/3}
.dice-page .dice-ready-face:last-child i:nth-child(3){grid-area:3/1}
.dice-page .draw-result{max-height:none!important;overflow:visible!important;padding:0;border:0;background:transparent;box-shadow:none}
.dice-page .dice-result-top{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;flex-wrap:wrap}
.dice-page .draw-result h3{font-size:20px;color:var(--dice-ink)}
.dice-page .draw-result .dice-result-top p{margin:0;border:1px solid #e5d6b4;border-radius:999px;background:#f9f3e5;color:#634c1e;padding:3px 10px;font-size:13px;font-weight:800}
.dice-page .draw-dice{justify-content:center;gap:12px;margin-block:21px 15px}
.dice-page .draw-die{width:76px;height:76px;border-color:#a6cbb0;border-bottom-color:#659777;border-radius:15px;background:#fff;color:var(--dice-green);box-shadow:0 9px 17px #1b493126;animation:dice-arrive .3s ease-out both}
.dice-page .draw-die:nth-child(2n){border-color:#ddc991;border-bottom-color:#af914a;color:#967123}
.dice-page .draw-die:nth-child(2n){animation-delay:.04s}
.dice-page .draw-values{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:9px 0 14px}
.dice-page .draw-values li{min-width:58px;padding:5px 10px;border:1px solid #dfe9e1;border-radius:10px;background:#f8fbf8}
.dice-page .draw-values small{font-size:11px;color:#6a7b6e}
.dice-page .draw-values bdi{font-size:16px;color:var(--dice-ink)}
.dice-page .draw-result>[data-draw-warning]{margin-block:10px;font-size:12px;line-height:1.8}
.dice-page .draw-result .workbench-actions{gap:8px}
.dice-page .draw-result .button.secondary{min-height:40px;background:#fff;border-color:#d7e5da;color:var(--dice-green)}
.dice-page .dice-stage-status{margin-top:9px;font-size:12px;line-height:1.8;color:#52745c}
.dice-page .dice-stage-status:empty{display:none}
.dice-page .dice-settings{overflow:hidden;border:1px solid #dce9e0;border-radius:17px;background:#fff;box-shadow:0 6px 18px #133e2710}
.dice-page .dice-settings>summary{display:flex;align-items:center;gap:10px;min-height:58px;padding:13px 17px;list-style:none;color:var(--dice-ink);font-size:14px;font-weight:700}
.dice-page .dice-settings>summary::-webkit-details-marker{display:none}
.dice-page .dice-settings>summary .icon{width:21px;height:21px;color:var(--dice-green)}
.dice-page .dice-settings>summary span{margin-inline-start:auto;font-size:11px;font-weight:400;color:#718376}
.dice-page .dice-settings[open]>summary{border-bottom:1px solid #e3ece4;background:#f9fcf9}
.dice-page .dice-settings-body{display:grid;gap:15px;padding:18px}
.dice-page .dice-settings .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.dice-page .dice-settings label{font-size:13px}
.dice-page .dice-settings input,.dice-page .dice-settings select{min-height:47px}
.dice-page .dice-form>#draw-help,.dice-page .dice-form>#draw-error,.dice-page .dice-form>.workbench-actions{margin:0}
.dice-page .dice-form>#draw-help{font-size:12px;line-height:1.9}
.dice-page .dice-form>.workbench-actions .button{min-height:42px}
.dice-page .draw-history{max-width:820px;margin:17px auto 0;padding:19px;border:1px solid #dce9e0;border-radius:17px;background:#fff}
.dice-page .draw-history h3{font-size:17px;color:var(--dice-ink)}
.dice-page .draw-history p{font-size:12px}
.dice-page .draw-workbench>.dice-notice{display:flex;align-items:flex-start;gap:8px;max-width:820px;margin:17px auto 0;padding:12px 14px;border:1px solid #e8e5d8;border-radius:12px;background:#faf8ef;font-size:12px;line-height:1.85}
.dice-page .dice-notice>.icon{width:18px;height:18px;margin-top:2px;flex:none;color:#8b6c25}
@keyframes dice-arrive{from{opacity:.3;transform:translateY(-12px) rotate(-8deg) scale(.92)}to{opacity:1;transform:none}}
@media(max-width:639px){.dice-page .workbench-heading{margin-block:20px 16px}.dice-page .workbench-heading h1{font-size:25px}.dice-page .workbench-heading p{font-size:12px;line-height:1.85}.dice-page .dice-form{gap:10px}.dice-page .dice-stage{padding:16px 13px;border-radius:19px}.dice-page .dice-stage-heading{margin-bottom:14px}.dice-page .dice-stage-heading h2{font-size:21px}.dice-page .dice-stage-label{font-size:11px}.dice-page .dice-roll-button{min-height:54px;font-size:16px}.dice-page .dice-stage-feedback{min-height:174px;margin-top:15px;padding:12px}.dice-page .dice-ready{min-height:150px;gap:9px}.dice-page .dice-ready-art{height:74px}.dice-page .draw-die{width:64px;height:64px;padding:10px}.dice-page .draw-dice{gap:8px}.dice-page .dice-result-top{align-items:flex-start}.dice-page .draw-result h3{font-size:18px}.dice-page .draw-result .dice-result-top p{font-size:12px}.dice-page .draw-result .button.secondary{font-size:11px}.dice-page .dice-settings .form-grid{grid-template-columns:1fr}.dice-page .dice-settings>summary span{font-size:10px}}
@media(max-width:380px){.dice-page .dice-settings>summary span{display:none}.dice-page .draw-die{width:58px;height:58px;padding:9px}.dice-page .draw-dice{gap:6px}}
@media(prefers-reduced-motion:reduce){.dice-page .draw-die{animation:none}.dice-page .dice-roll-button{transition:none}}