/* Finish overrides are intentionally scoped to a validated skin class. They
   override the older room themes' colors without changing each die's layout. */
body .die.dice-skin-white,
body .table-die.dice-skin-white .table-die-face {
  background:linear-gradient(145deg,#fff 3%,#f4f4ef 62%,#dddfe0) !important;
  border:1px solid #ffffffb3;
  box-shadow:inset 1px 2px 1px #fff,inset -1px -1px 1px #b3b8c28c,0 2px 0 #939ba8,0 4px 5px #02081540 !important;
}
body .die.dice-skin-white .pip,
body .table-die.dice-skin-white .table-die-pip {
  background:#23252c !important;
  box-shadow:inset 0 1px 1px #0009,0 1px 0 #fff !important;
}
body .die.dice-skin-white:is(.one,.face-1,.face-4,[data-face="1"],[data-face="4"]) .pip,
body .table-die.dice-skin-white:is(.face-1,.face-4) .table-die-pip {
  background:#dc2935 !important;
  box-shadow:inset 0 1px 1px #990c2780,0 1px 0 #fff !important;
}
body .die.dice-skin-red,
body .table-die.dice-skin-red .table-die-face {
  background:linear-gradient(145deg,#ed4c3e 3%,#d32d30 54%,#a91928) !important;
  box-shadow:inset 1px 2px 1px #ffb1a58c,inset -1px -1px 1px #780d2280,0 3px 0 #7e1722,0 4px 5px #02081540 !important;
}
body .die.dice-skin-red .pip,
body .table-die.dice-skin-red .table-die-pip {
  background:#fffdf6 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 0 #8d1a283d !important;
}
body .dice-skin-sample { display:flex; align-items:center; justify-content:center; gap:8px; }
body .dice-skin-sample .table-die {
  position:relative; display:block; width:42px; height:44px; aspect-ratio:1;
  flex:0 0 42px; transform:none; filter:drop-shadow(0 4px 4px #05081935);
}
body .dice-skin-sample .table-die-face {
  box-sizing:border-box; display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr)); width:100%; height:94%;
  padding:18%; gap:9%; border-radius:20%;
}
body .dice-skin-sample .table-die-pip {
  display:block; width:100%; aspect-ratio:1; border-radius:50%;
  align-self:center; justify-self:center;
}
.social-dice-fieldset { border:0; padding:0; margin:22px 0 0; min-width:0; }
.social-dice-fieldset legend { margin:0 0 10px; padding:0; font-size:14px; font-weight:700; color:#e3dcf0; }
.social-dice-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.social-dialog .social-dice-option {
  position:relative; display:flex; align-items:center; flex-direction:column; gap:6px;
  min-width:0; padding:16px 8px 12px; border:1px solid #a598bb40; border-radius:15px;
  background:#111729; color:#ded8eb; font:inherit; cursor:pointer;
}
.social-dice-option>strong { margin-top:4px; font-size:14px; }
.social-dice-option>span:not(.dice-skin-sample):not(.social-dice-check) { font-size:11px; color:#b4b0c8; }
.social-dialog .social-dice-option[aria-pressed="true"] { border-color:#76e6ea; background:linear-gradient(145deg,#25384b,#192335); box-shadow:inset 0 0 0 1px #76e6ea66; }
.social-dice-option .social-dice-check { display:none; position:absolute; right:7px; top:7px; width:20px; height:20px; border-radius:50%; background:#82eaf0; color:#163441; font-size:13px; font-weight:800; }
.social-dice-option[aria-pressed="true"] .social-dice-check { display:grid; place-items:center; }
.social-dialog .social-dice-option:focus-visible { outline:2px solid #d6a8f9; outline-offset:3px; }
.social-dialog .social-dice-option:disabled { cursor:default; }