/* The bowling artwork keeps its night-club palette in every site theme. */
.t632 .t636-bowling-panel{padding:14px;overflow:hidden}
.b636{min-width:0}
.b636-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 12px}
.b636-kicker{display:block;font-size:.65rem;font-weight:800;letter-spacing:.17em;color:var(--t-muted)}
.t632 .b636-header h3{margin:3px 0 0;font-size:1.05rem}
.b636-score{display:flex;align-items:center;gap:10px;flex:none;background:var(--t-soft);border:1px solid var(--t-border);padding:6px 12px;border-radius:10px}
.b636-score>span{font-size:.7rem;max-width:42px;line-height:1.2}
.b636-score>strong{font-size:1.55rem;line-height:1.2;font-variant-numeric:tabular-nums}
.b636-stage{width:min(100%,480px);width:min(100%,51svh,480px);margin-inline:auto;position:relative;overflow:hidden;border:1px solid #425a78;border-radius:15px 15px 0 0;background:#101b2e;box-shadow:0 12px 30px #10244220}
.b636-stage canvas{display:block;width:100%;height:auto;aspect-ratio:9/11;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;background:#101b2e}
.b636-stage canvas[aria-disabled=true]{cursor:default}
.b636-stage canvas:active{cursor:grabbing}
.b636-stage canvas:focus-visible{outline:3px solid #8fe9ff;outline-offset:-4px}
.b636-console{background:#102239;color:#eaf6ff!important;border:1px solid #425a78;border-radius:12px;padding:12px 15px;margin:0 0 12px;position:relative}
.t632 .b636-console p{margin:0}
.b636-instruction{font-size:.76rem;text-align:center;line-height:1.55}
.b636-instruction>b{color:#98ecfa!important}
.b636-instruction>span{padding:0 6px;color:#7999b8}
.b636-readouts{display:flex;justify-content:space-between;gap:10px;font-size:.7rem;margin-top:12px;font-variant-numeric:tabular-nums}
.b636-readouts strong{margin-left:4px;font-size:.86rem;color:#eaf6ff!important}
.b636-meter{height:6px;background:#35465e;border-radius:8px;overflow:hidden;margin:8px 0 11px}
.b636-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#42d5ce,#a5ead2 65%,#f5d183)}
.t632 .b636-status{color:#bcd4e9!important;font-size:.76rem;line-height:1.5;min-height:2.9em}
.b636-spin{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0}
.b636-spin>span{font-size:.76rem;color:var(--t-muted);margin-right:4px}
.t632 .b636-spin button{flex:1;padding:9px 8px;min-height:42px;font-size:.77rem;white-space:nowrap;border-radius:9px!important}
.t632 .b636-spin button[aria-pressed=true]{background:#d8f5ef!important;color:#155347!important;border-color:#429b89!important;box-shadow:inset 0 0 0 1px #429b89}
.t632 .b636-spin button[data-bowl-reset]{flex:0 0 42px;font-size:1.2rem;padding:6px}
.b636-precision,.b636-score-details{border:1px solid var(--t-border);background:var(--t-soft);border-radius:10px;padding:0 12px;margin-top:12px;min-width:0}
.b636-precision>summary,.b636-score-details>summary{padding:13px 0;cursor:pointer;font-weight:650;font-size:.82rem;min-height:46px}
.b636-precision>summary:focus-visible,.b636-score-details>summary:focus-visible{outline:3px solid #dd9e24;outline-offset:2px;border-radius:4px}
.b636-precision .t632-sliders{margin-top:12px}
.t632 .b636-precision .t632-help{font-size:.78rem;margin:4px 0 10px}
.b636-precision .t632-actions{margin:12px 0}
.b636-precision .t632-primary{width:100%}
.b636-score-details .t632-score-wrap{margin:0 0 12px}
.b636-score-details caption{font-size:.75rem;color:var(--t-muted);padding:3px 0 10px;text-align:left}
.b636-score-details .t632-scorecard th[scope=row]{white-space:normal;overflow-wrap:anywhere;max-width:115px}
.b636.is-rolling .b636-stage{border-color:#81bfd1}
@media(max-width:430px){
  .t632 .t636-bowling-panel{padding:10px}
  .b636-header{gap:8px}.t632 .b636-header h3{font-size:.91rem}
  .b636-score{gap:6px;padding:6px 9px}.b636-score>strong{font-size:1.3rem}
  .b636-console{padding:11px}.b636-instruction{font-size:.7rem}
  .b636-readouts{font-size:.64rem;gap:7px}.b636-readouts strong{font-size:.77rem;margin-left:2px}
  .b636-spin>span{flex-basis:100%;margin:0 0 2px}.t632 .b636-spin button{font-size:.72rem}
  .b636-stage{border-radius:12px 12px 0 0}
}
@media(prefers-contrast:more){.b636-status{color:#fff!important}.b636-stage{border-color:#b7d5f4}.b636-meter>span{background:#9deff6}}

/* 22.9.637: local replay is available between rolls. */
.t632 button.b636-replay{display:flex;width:100%;min-height:44px;margin:10px 0;font-size:.82rem}