/* Optional close-up composition. The original board rules remain untouched. */
#resolution-view-toggle{display:none;position:absolute;top:60px;right:18px;z-index:60;border:1px solid #bccbd8;border-radius:16px;background:#ffffffd9;color:#45627c;padding:7px 12px;font:600 10px var(--fb);cursor:pointer;}
#s-board.resolving #resolution-view-toggle{display:block;}
#s-board.resolution-focus .opp-hand,#s-board.resolution-focus .ozone,#s-board.resolution-focus .pzone{display:none;}
#s-board.resolution-focus .bd-arena{transform:none;margin-top:0;padding:44px 10px 16px;display:grid;grid-template-rows:minmax(282px,48%) 1fr;gap:16px;align-content:stretch;justify-content:normal;box-sizing:border-box;}
#s-board.resolution-focus .bd-ground{inset:34px 6px 8px;border-radius:28px;background:linear-gradient(110deg,#f9e3dc 0%,#f9eeea 47%,#e6f0fa 53%,#dceafa 100%);}
#s-board.resolution-focus .field{--aw:138px;--ah:194px;height:100%;min-height:0;padding:0;gap:12px;align-items:stretch;}
#s-board.resolution-focus .field-left,#s-board.resolution-focus .field-right{position:relative;height:100%;width:50%;display:flex;align-items:flex-start;justify-content:center;gap:0;}
#s-board.resolution-focus .active-col{margin-top:8px;}
.resolution-captain-slot{display:none;}
#s-board.resolution-focus .resolution-captain-slot:not([hidden]){display:block;position:absolute;left:17px;bottom:15px;width:54px;height:76px;border-radius:8px;background:#ffffff66;box-shadow:inset 0 0 0 1.5px #b5a77766;}
#s-board.resolution-focus .field .cap-pill.cap-side{display:block;position:absolute;inset:0;transform:none;width:100%;height:100%;z-index:2;}
html[data-resolution-motion="in"] #s-board.resolution-focus .field .cap-pill,#s-board.captains-arriving .field .cap-pill{visibility:hidden!important;}
#s-board.captains-arriving #resolution-view-toggle,#s-board.captains-arriving #board-next-ball{pointer-events:none;}
.resolution-captain-flight{display:block;position:fixed;z-index:1600;pointer-events:none;padding:0;margin:0;border:0;background:none;}
.resolution-captain-flight>.card{width:100%!important;height:100%!important;box-shadow:0 7px 16px #293f5540;}
.resolution-captain-flight .card .cname{font-size:7.5px!important;}
.resolution-captain-flight .card .cfoot{padding:10px 2px 3px!important;background:linear-gradient(transparent,#14293ae8)!important;}
#s-board.resolution-focus .field .cap-side::after{font-size:7px;letter-spacing:.06em;}
#s-board.resolution-focus .sup-col,#s-board.resolution-focus #opp-sup-wrap{position:absolute;right:15px;left:auto;bottom:15px;top:auto;align-self:auto;display:flex;flex-direction:row;gap:4px;}
#s-board.resolution-focus .sup-slot,#s-board.resolution-focus #opp-sup-slot .card{width:58px;height:81px;}
#s-board.resolution-focus .sup-slot>.card{width:100%;height:100%;}
#s-board.resolution-focus .sup-col:has(#sup2-wrap:not([style*="display: none"]):not([style*="display:none"])) {right:0;}
#s-board.resolution-focus .sup-col:has(#sup2-wrap:not([style*="display: none"]):not([style*="display:none"])) .sup-slot{width:46px;height:65px;}
#s-board.resolution-focus .sup-slot:has(.sup-slot-txt){visibility:hidden;}
#s-board.resolution-focus .wizard{display:none;}
#s-board.resolution-focus #board-dice-space{height:100%!important;min-height:0;}
#s-board.resolution-focus #dice-overlay .d-scroll{padding:10px 12px;gap:14px 8px;}
#s-board.resolution-focus #dice-overlay .dbox{height:106px;--die:64px;--half:32px;width:112px;}
#s-board.resolution-focus #dice-overlay .d-dice-col{flex-basis:112px;}
#s-board.resolution-focus #dice-overlay .ivory-flight{top:24px;}
#s-board.resolution-focus #dice-overlay #d-phase3{margin-top:48px;}
#s-board.resolution-focus #dice-overlay #d-phase1 .d-effects{max-height:76px;font-size:11px;}
#s-board.resolution-focus #dice-overlay #d-phase1 .ball-explainer>summary{font-size:11px;padding-bottom:8px;}
#s-board.resolution-focus #dice-overlay #d-phase4{margin-top:8px;}
#s-board.resolution-focus .tight-resolution .field{--aw:122px;--ah:171px;}
#s-board.resolution-focus .tight-resolution .bd-arena{grid-template-rows:286px 1fr;gap:6px;padding-top:40px;}
#s-board.resolution-focus .tight-resolution #dice-overlay .d-scroll{gap:6px;padding-top:4px;}
#s-board.resolution-focus .tight-resolution #dice-overlay .dbox{height:88px;--die:54px;--half:27px;}
#s-board.resolution-focus .tight-resolution #dice-overlay .ivory-flight{top:15px;}
#s-board.resolution-focus .tight-resolution #dice-overlay #d-phase1 .d-effects{max-height:52px;}
#s-board.resolution-focus .tight-resolution #dice-overlay #d-phase3{margin-top:35px;}
/* Shared card snapshots interpolate position and size across reparenting. */
html[data-resolution-motion]{view-transition-name:none;}
html[data-resolution-motion] #bd-frame{view-transition-name:resolution-board;}
html[data-resolution-motion] #my-active{view-transition-name:resolution-player;}
html[data-resolution-motion] #opp-active-wrap{view-transition-name:resolution-opponent;}
html[data-resolution-motion="out"] #my-cap-pill{view-transition-name:resolution-captain;}
html[data-resolution-motion="out"] #opp-cap-pill{view-transition-name:resolution-opp-captain;}
html[data-resolution-motion] #sup-slot{view-transition-name:resolution-support;}
html[data-resolution-motion] #sup-slot2{view-transition-name:resolution-support-two;}
html[data-resolution-motion] #opp-sup-slot{view-transition-name:resolution-opp-support;}
html[data-resolution-motion]::view-transition-group(*){animation-duration:440ms;animation-timing-function:cubic-bezier(.22,.75,.2,1);}
html[data-resolution-motion]::view-transition-old(*),html[data-resolution-motion]::view-transition-new(*){height:100%;width:100%;animation-duration:440ms;animation-timing-function:cubic-bezier(.22,.75,.2,1);}
html[data-resolution-motion="in"]::view-transition-new(resolution-board){animation-name:resolutionBoardIn;}
html[data-resolution-motion="out"]::view-transition-new(resolution-board){animation-name:resolutionBoardOut;}
@keyframes resolutionBoardIn{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}
@keyframes resolutionBoardOut{from{opacity:0;transform:scale(1.045);}to{opacity:1;transform:scale(1);}}
@media(prefers-reduced-motion:reduce){html[data-resolution-motion]::view-transition-group(*),html[data-resolution-motion]::view-transition-old(*),html[data-resolution-motion]::view-transition-new(*){animation-duration:0s;}}