/* One resolution cluster on the pitch, between the active players and bench. */
#board-dice-space{display:none;position:relative;flex:none;width:100%;min-height:220px;}
#s-board.resolving #board-dice-space{display:block;}
#s-board.resolving .bd-arena{justify-content:space-evenly;gap:5px;padding-top:16px;padding-bottom:12px;}
#s-board.resolving .hzone{display:none;}
#s-board.resolving .wizard{visibility:hidden;}
#s-board #dice-overlay,#s-board #dice-overlay.full,#s-board #dice-overlay.scrim{position:absolute;inset:0;z-index:20;background:none;backdrop-filter:none;pointer-events:none;overflow:visible;transition:none;}
#s-board #dice-overlay #d-stage{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block;pointer-events:none;}
#s-board #dice-overlay .d-scroll,#s-board #dice-overlay .compact-board .d-scroll{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:auto;max-height:none;box-sizing:border-box;display:grid;grid-template-columns:1fr 132px;grid-template-rows:auto auto auto;align-content:start;align-items:center;gap:5px 10px;padding:4px 18px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;pointer-events:auto;}
#s-board #dice-overlay #d-phase1{grid-column:1/-1;grid-row:1;}
#s-board #dice-overlay #d-phase2{position:relative;top:auto!important;left:auto;right:auto;width:100%;grid-column:1/-1;grid-row:2;background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:0;pointer-events:auto;}
#s-board #dice-overlay #d-phase3{grid-column:1;grid-row:3;}
#s-board #dice-overlay #d-phase4{grid-column:2;grid-row:3;gap:2px!important;}
#s-board #dice-overlay .d-dice-row{flex-direction:row-reverse;gap:24px;}
#s-board #dice-overlay .d-dice-col{gap:2px;}
#s-board #dice-overlay .dbox{height:85px;width:116px;--die:48px;--half:24px;}
#s-board #dice-overlay .ivory-flight{top:15px;}
#s-board #dice-overlay .ivory-setting{min-height:14px;max-width:none;color:#526070;font-size:8px;}
#s-board #dice-overlay .ivory-setting[data-direction="higher"]{color:#805e17;}
#s-board #dice-overlay .ivory-setting[data-direction="lower"]{color:#315d80;}
#s-board #dice-overlay .d-dice-who{color:#42566a;font-size:9px;}
#s-board #dice-overlay .dbase{min-height:28px;gap:4px;color:#33485e;font-size:9px;}
#s-board #dice-overlay .ivory-original{flex-basis:auto;color:#52667b;}
#s-board #dice-overlay .ivory-total{font-size:10px;padding:3px 6px;}
#s-board #dice-overlay .ivory-token{min-width:15px;padding:3px;}
#s-board #dice-overlay .ivory-note{font-size:8px;color:#52667b;}
#s-board #dice-overlay #d-phase1 .ball-explainer>summary{font-size:10px;padding:2px 0 4px;}
#s-board #dice-overlay #d-phase1 .d-effects{background:#ffffff75;border:0;border-radius:7px;padding:5px 8px;max-height:58px;overflow:auto;}
#s-board #dice-overlay #d-phase1 .d-effect-row{font-size:10px;line-height:1.35;}
#s-board #dice-overlay .d-event-lbl{font-size:22px!important;padding:0!important;}
#s-board #dice-overlay .druns{font-size:26px!important;}
#s-board #dice-overlay .drlbl,#s-board #dice-overlay .drdet{font-size:9px;}
#s-board #dice-overlay .btn-cont{min-height:36px;margin:0;padding:8px 12px;font-size:11px;}
#s-board #dice-overlay #d-phase4 .ball-explainer{font-size:8px;}
#s-board #dice-overlay #d-phase4 .d-effects{max-height:60px;padding:6px;overflow:auto;}
#s-board #dice-overlay #w2-picker{position:relative;box-sizing:border-box;margin:8px 12px;width:calc(100% - 24px);max-height:240px;overflow:auto;pointer-events:auto;border-radius:12px;}
#s-board #dice-overlay.choosing-target .d-scroll{display:none;}
#s-board #dice-overlay .d-scroll:has(#_tb_picker),#s-board #dice-overlay .d-scroll:has(#_tb_wait){grid-template-columns:1fr;}
#s-board #dice-overlay .d-scroll:has(#_tb_picker) #d-phase2,#s-board #dice-overlay .d-scroll:has(#_tb_wait) #d-phase2{grid-row:1;}
#s-board #dice-overlay :is(#_tb_picker,#_tb_wait){grid-row:2;margin:0!important;padding:4px!important;}
#s-board #dice-overlay #d-flash,#s-board #dice-overlay #d-edge-pulse,#s-board #dice-overlay #d-particles{display:none;}
#s-board.resolving .tight-resolution .bd-arena{padding-top:8px;gap:4px;}
#s-board .tight-resolution #dice-overlay .dbox{height:65px;--die:42px;--half:21px;}
#s-board .tight-resolution #dice-overlay .ivory-flight{top:10px;}
#s-board .tight-resolution #dice-overlay .ivory-face{gap:3px;padding:6px;}
#s-board .tight-resolution #dice-overlay #d-phase1 .d-effects{max-height:45px;}
/* Result between the dice; turn-end changes belong with the other effects. */
#s-board #dice-overlay .d-dice-row{gap:8px;align-items:flex-start;}
#s-board #dice-overlay .d-dice-col{flex:0 0 116px;}
#s-board #dice-overlay #d-phase3{flex:1;min-width:0;align-self:flex-start;margin-top:32px;pointer-events:none;}
#s-board #dice-overlay #d-det{display:none;}
#s-board #dice-overlay #d-phase4{display:block;margin-top:4px;}
#s-board #dice-overlay #d-phase4[style*="opacity: 0"],#s-board #dice-overlay #d-phase4[style*="opacity:0"]{display:none;}
#s-board #dice-overlay #d-phase4 .ball-explainer{font-size:9px;text-align:left;}
#s-board #dice-overlay #d-phase4 .ball-explainer>summary{padding:3px 0;}
#s-board #dice-overlay #d-phase4 .d-effects{max-height:48px;}
#s-board #board-next-ball{display:none;order:5;height:30px;min-height:30px;max-width:100%;width:auto;margin:0;padding:0 10px;border:0;border-radius:15px;background:#1d2b36;color:#fff;box-shadow:0 4px 10px #283c5a40;font:800 10px/1 var(--fb);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;}
#s-board.resolving #board-next-ball:not([hidden]){display:block;}
#s-board #board-next-ball[hidden]{display:none!important;}
#s-board #dice-overlay .ivory-setting{display:none;}
#s-board #dice-overlay .dbase:empty{min-height:0;}
#s-board #dice-overlay #d-phase4{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:center;margin-top:12px;}
#s-board #board-next-ball{width:168px;max-width:100%;height:44px;min-height:44px;margin:0 auto;padding:0 20px;border-radius:22px;background:#47799f;font-size:12px;}
#s-board #dice-overlay #d-effects-box{display:none!important;}

/* A brief impact at the result itself; no overlay or layout movement. */
#s-board #dice-overlay .d-outcome-wrap.four{--outcome-ink:#28769b;}
#s-board #dice-overlay .d-outcome-wrap.six{--outcome-ink:#956510;}
#s-board #dice-overlay .d-outcome-wrap.wicket{--outcome-ink:#bc4551;}
#s-board #dice-overlay .d-outcome-wrap:is(.four,.six,.wicket) .d-event-lbl{position:relative;z-index:1;font-size:26px!important;letter-spacing:-.03em;color:var(--outcome-ink)!important;}
#s-board #dice-overlay .outcome-impact::before,#s-board #dice-overlay .outcome-impact::after{content:'';position:absolute;inset:-9px -7px;border:2px solid var(--outcome-ink);border-radius:50%;opacity:0;pointer-events:none;animation:outcomeRing 1s ease-out both;}
#s-board #dice-overlay .outcome-impact::after{animation-delay:.22s;border-width:1px;}
#s-board #dice-overlay .outcome-impact .d-event-lbl{animation:outcomeBounce .65s cubic-bezier(.2,.75,.25,1) both,outcomeGlow 1.4s ease-out both;}
#s-board #dice-overlay .outcome-impact.six .d-event-lbl{animation-duration:.8s,1.6s;}
#s-board #dice-overlay .outcome-impact.wicket .d-event-lbl{animation-name:outcomeJolt,outcomeGlow;}
@keyframes outcomeRing{0%{opacity:0;transform:scale(.7);}18%{opacity:.55;}100%{opacity:0;transform:scale(1.45,1.7);}}
@keyframes outcomeBounce{0%{transform:scale(.82);}35%{transform:scale(1.2);}65%{transform:scale(.96);}100%{transform:scale(1);}}
@keyframes outcomeJolt{0%{transform:scale(1.18) rotate(-4deg);}25%{transform:translateX(3px) rotate(3deg);}45%{transform:translateX(-3px) rotate(-2deg);}70%{transform:translateX(1px);}100%{transform:none;}}
@keyframes outcomeGlow{0%,25%{text-shadow:0 0 14px var(--outcome-ink);}100%{text-shadow:0 0 0 transparent;}}
@media(prefers-reduced-motion:reduce){#s-board #dice-overlay .outcome-impact .d-event-lbl{animation:none;}#s-board #dice-overlay .outcome-impact::before,#s-board #dice-overlay .outcome-impact::after{display:none;}}
