/* The die is the visual and interactive heart of the board. */
.arena{padding-inline:10px}
.board-wrap{width:min(100%,760px)}
.center{inset:39.2%;display:grid;place-items:center;padding:0;overflow:visible}
.center .roll-btn{width:100%;height:100%;min-width:0;min-height:0;margin:0;transform:rotate(-45deg);background:transparent}
.center .roll-btn:hover{transform:rotate(-45deg) scale(1.08)}
.center .roll-btn:active{transform:rotate(-45deg) scale(.92)}
.center .die-cube{width:clamp(50px,8.3vw,82px);height:clamp(50px,8.3vw,82px);flex-basis:auto;border-radius:18px}
.action-row{grid-template-columns:1fr 1fr;max-width:620px;margin-inline:auto;margin-top:10px}
@media(max-width:1050px){.board-wrap{width:min(100%,700px)}}
@media(max-width:760px){
  .arena{padding-inline:2px}
  .board-wrap{width:100%}
  .center{inset:40%}
  .center .die-cube{width:clamp(43px,14vw,58px);height:clamp(43px,14vw,58px);border-width:3px;border-radius:13px}
  .center .die-number{font-size:28px}
  .action-row{display:none}
}