.hand-navigation{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:12px}
.hand-navigation[hidden]{display:none}
.hand-navigation-count{grid-column:1/-1;font:10px/1.6 var(--mono);color:#aaa;white-space:nowrap}
.hand-label .hand-navigation button{display:block;min-height:38px;width:100%;margin:0;padding:5px;border:1px solid #ffffff55;border-radius:0;background:#000;color:#fff;font:20px/1 Arial;cursor:pointer;transition:background .15s,color .15s}
.hand-label .hand-navigation button:hover:not(:disabled),.hand-label .hand-navigation button:focus-visible{background:#f00;color:#000;border-color:#f00;outline:1px solid #fff;outline-offset:2px}
.hand-label .hand-navigation button:disabled{opacity:.3;cursor:default}
.hand-cards.hand-scrollable,.conquest-hand .hand-cards.hand-scrollable{position:relative;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:10px;padding:32px 12px 18px;overscroll-behavior-inline:contain;scrollbar-width:auto;scrollbar-color:#f00 #ffffff15}
.hand-cards.hand-scrollable::-webkit-scrollbar{height:10px}
.hand-cards.hand-scrollable::-webkit-scrollbar-thumb{background:#f00;border-radius:0;border:2px solid #000}
.hand-cards.hand-scrollable::-webkit-scrollbar-track{background:#ffffff15}
.hand-cards.hand-scrollable:focus-visible{outline:1px solid #fff;outline-offset:2px}
.hand-cards.hand-scrollable .hand-card{flex:0 0 auto;margin:0;--fan-angle:0deg!important;--fan-y:0px!important}
.hand-cards.hand-scrollable .hand-card:hover,.hand-cards.hand-scrollable .hand-card.selected,.hand-cards.hand-scrollable .hand-card:focus-visible{transform:translateY(-7px) scale(1.03)}
.conquest-hand .hand-cards.hand-scrollable .hand-card:hover,.conquest-hand .hand-cards.hand-scrollable .hand-card.selected,.conquest-hand .hand-cards.hand-scrollable .hand-card:focus-visible{transform:translateY(-7px) scale(1.03)!important}
@media(max-width:859px){
 .hand-label:has(.hand-navigation:not([hidden])){flex-wrap:wrap;gap:8px}
 .hand-navigation{display:flex;flex-basis:100%;align-items:center;gap:8px;margin-top:0}
 .hand-navigation-count{margin-right:auto;font-size:11px}
 .hand-label .hand-navigation button{flex:0 0 44px;width:44px;min-height:40px}
}