/* random 专用，依赖 /home.css 变量与 /tool.css */
.lbl { font: 500 12px/1 var(--mono); color: var(--ink-2); }
#numBox .field.num { width: 120px; }
.btn.w { min-width: 6em; }
.btn:disabled { opacity: .4; cursor: not-allowed; }
#numOut { font-size: 18px; line-height: 1.7; }
.wheel-box { width: min(100%, 440px); margin: 0 auto; }
.wheel-box canvas { display: block; width: 100%; aspect-ratio: 1 / 1; }
.winner {
  min-height: 1.3em;
  margin-top: 16px;
  text-align: center;
  font: 700 clamp(26px, 4vw, 36px)/1.3 var(--mono);
  color: var(--result);
  word-break: break-all;
}
.hist-head { margin-top: 16px; }
.hist { margin: 0; padding-left: 2.2em; max-height: 180px; overflow: auto; font: 13px/1.8 var(--mono); color: var(--ink); word-break: break-all; }
.hist li::marker { color: var(--ink-2); }
@media (max-width: 760px) {
  #numBox .field.num { width: 90px; }
}