.hand-pager{display:none}
@media(max-width:960px){
 /* A readable fan with a real positive-width scroll rail, including both edges. */
 .combat-board .hand{display:flex;align-items:flex-start;justify-content:flex-start;gap:0;overflow:visible;box-sizing:border-box;padding:0 108px 0 20px;touch-action:none;user-select:none;-webkit-user-select:none}
 .combat-board .hand .card{position:relative;left:auto;flex:0 0 164px;width:164px;min-width:164px;margin:0 0 0 -48px;top:calc(12px + var(--fan-arc));touch-action:none;-webkit-touch-callout:none}
 .combat-board .hand .card:first-child{margin-left:0}.combat-board .hand .fan-size{display:none}
 .combat-board .hand[data-count="1"]{justify-content:center;padding-inline:20px}
 .hand-scroll{touch-action:none;scroll-behavior:auto;scroll-padding-inline:20px 108px;overscroll-behavior:contain;cursor:grab}
 .combat-board .hand .card:hover:not(.card-selected):not(:focus-visible){transform:rotate(var(--fan-angle))!important;z-index:var(--fan-order);outline:0}
 .hand-pager{display:flex;align-items:center;justify-content:center;gap:3px;pointer-events:auto;margin-inline:auto;white-space:nowrap}
 .hand-pager>button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid #bad8ca55;border-radius:0;font-size:23px;line-height:1;background:#112b34;color:#d9f3e3;touch-action:manipulation}
 .hand-pager>button:disabled{opacity:.28}.hand-pager>span{font-size:9px;color:#bdd8cb;min-width:40px;text-align:center}
 .combat-board .hand-controls>.end-turn{margin-left:0}
}
@media(max-width:960px){
 .combat-board .hand-controls{justify-content:space-between}
 .combat-board .hand-controls>.energy-group{order:1;flex:0 0 auto}
 .combat-board .hand-controls>div.hand-pager{order:2;width:auto;flex:0 0 auto}
 .combat-board .hand-controls>.end-turn{order:3;flex:0 0 auto;white-space:nowrap;padding-inline:12px}
}