.d20-tray{margin:16px 0;border:1px solid #6b526d;border-radius:18px;background:radial-gradient(ellipse at center,#382641,#19151f 75%);overflow:hidden}.d20-tray[hidden]{display:none}.d20-stage{height:250px;width:100%;display:grid;place-items:center}.d20-stage canvas{display:block;width:100%;height:100%}.d20-caption{text-align:center;color:#dbb66e;font-size:12px;padding:0 12px 14px;margin:0}.d20-static{font-size:64px;color:#fff1ca;text-shadow:4px 4px #08050b}@media(max-width:550px){.d20-stage{height:210px}}
#fantasy-die{display:none!important}.d20-backup{width:145px;height:145px;overflow:visible}.d20-stage canvas[hidden]{display:none}

.d20-stage{position:relative;height:300px;display:block}.d20-stage canvas{position:absolute;inset:0;touch-action:pan-y}.d20-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#d9b76d;font:160px monospace;pointer-events:none}.d20-placeholder span{position:absolute;font:18px monospace;color:#fff1ca}@media(max-width:550px){.d20-stage{height:260px}}
body.dice-rolling::before,body.dice-rolling::after{animation-play-state:paused}
.d20-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #6b526d}.d20-target{color:#dbb66e;font-size:12px;line-height:1.8}.d20-toolbar button{flex-shrink:0;font-size:10px;padding:10px 12px}.d20-expanded .d20-stage{height:min(480px,55vh)}@media(max-width:550px){.d20-toolbar{flex-wrap:wrap}.d20-target{font-size:10px}}