.dice-section{margin:24px 0 30px;padding:24px;background:#f0f3e9;border:1px solid #dfe5d5;border-radius:16px}.dice-section h3{margin:0 0 10px;font-size:23px}.dice-section>p{font-size:13px;line-height:1.7;max-width:660px}.dice-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0 15px}.dice-option{text-align:center}.dice-option h4{margin:22px 0 8px;font-size:16px}.dice-option p{font-size:12px;line-height:1.7;color:#60715f;margin:0 auto;max-width:220px}.lucky-cube{position:relative;width:98px;height:98px;border:2px solid #ffffff70;border-radius:19px;transform:rotate(-7deg);box-shadow:7px 9px 0 var(--side),11px 15px 16px #253d371b;background:var(--face);color:var(--ink);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.lucky-cube.green{--face:#488558;--side:#2d593a;--ink:#fff}.lucky-cube.yellow{--face:#f0c747;--side:#b69425;--ink:#463a15}.lucky-cube.red{--face:#c75048;--side:#943730;--ink:#fff}.cube-number{font-size:39px;font-weight:800;line-height:1}.cube-range{font-size:10px;margin-top:8px;font-weight:700;letter-spacing:1px}.lucky-cube:hover{filter:brightness(1.07)}.lucky-cube[aria-pressed=true]{outline:3px solid #3b5542;outline-offset:9px}.lucky-cube:disabled{opacity:1;cursor:wait}.lucky-cube.rolling{animation:dice-toss .42s ease-in-out 3}.dice-result{border-radius:10px;padding:18px;background:white;font-size:16px;font-weight:700;line-height:1.7;margin-top:25px}.dice-result button{display:block;margin-top:12px}@keyframes dice-toss{0%{transform:translateY(0) rotate(-7deg) scale(1)}35%{transform:translateY(-24px) rotate(120deg) scale(1.05)}70%{transform:translateY(-9px) rotate(245deg)}100%{transform:translateY(0) rotate(353deg) scale(1)}}@media(max-width:760px){.dice-section{padding:18px 12px}.dice-trio{gap:12px}.lucky-cube{width:65px;height:65px;border-radius:13px;box-shadow:4px 6px 0 var(--side),6px 10px 12px #253d371b}.cube-number{font-size:28px}.cube-range{font-size:8px;margin-top:4px}.dice-option h4{font-size:12px}.dice-option p{font-size:10px}.dice-result{font-size:14px}.dice-section h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.lucky-cube.rolling{animation:none}}
