.random-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:22px;align-items:start}.random-layout textarea{min-height:260px}.wheel-wrap{position:relative;display:grid;place-items:center;min-height:340px}.wheel-pointer{position:absolute;z-index:3;top:2px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:0;border-bottom:28px solid var(--accent,#5b8069);filter:drop-shadow(0 2px 2px rgba(40,30,20,.15))}.wheel-stage{width:min(100%,340px);aspect-ratio:1;transform-origin:50% 50%;will-change:transform}.wheel-stage canvas{display:block;width:100%;height:100%}.random-note{font-size:13px;color:#746f69;line-height:1.6}.random-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:#5f5953}.random-check input{width:auto;margin:0}.dice-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dice-history{margin:12px 0 0;padding-left:22px;color:#746f69;font-size:13px;line-height:1.65}.random-result{outline:none}.random-result:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}@media(max-width:760px){.random-layout{grid-template-columns:1fr}.wheel-wrap{min-height:300px}.wheel-stage{width:min(88vw,320px)}}@media(max-width:460px){.dice-controls{grid-template-columns:1fr}.random-layout textarea{min-height:210px}}@media(prefers-reduced-motion:reduce){.wheel-stage{transition:none!important}}