/* v0.10.11 — gameplay clarity. Presentation-only; shared by Solo and Online. */
.game-stage .hand-zone{position:absolute}
.game-stage .ty-hand-nav[hidden],.game-stage .ty-hand-progress[hidden]{display:none!important}
.game-stage .hand-topline{box-sizing:border-box;max-width:100%;min-width:0}
.game-stage .hand-zone.ty-hand-scrollable .hand-topline:not([hidden]){
 display:flex;align-items:center;justify-content:flex-end;gap:6px;position:relative;z-index:11;
}
.game-stage .hand-zone.ty-hand-scrollable #hand-help{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-stage .ty-hand-nav{display:flex;align-items:center;gap:6px;flex-shrink:0;
 color:#a9edeb;background:#111a36df;border:1px solid #5276979c;
 padding:2px 4px;border-radius:9px;letter-spacing:.04em;line-height:1.1;
 font:800 10px/1.1 system-ui,sans-serif;pointer-events:auto}
.game-stage .ty-hand-nav button{appearance:none;cursor:pointer;background:#28334f;border:1px solid #8095b480;
 border-radius:6px;min-width:26px;min-height:23px;color:#d6fbff;font:800 17px/1 system-ui,sans-serif;touch-action:manipulation}
.game-stage .ty-hand-nav button:disabled{opacity:.32;cursor:default}
.game-stage .ty-hand-nav button:focus-visible{outline:2px solid #81fff1;outline-offset:1px}
.game-stage .ty-hand-nav span{white-space:nowrap;min-width:66px;text-align:center}
.game-stage .ty-hand-progress{position:absolute;left:18%;right:18%;bottom:1px;height:3px;z-index:12;
 background:#7b82bb55;border-radius:999px;pointer-events:none;overflow:hidden}
.game-stage .ty-hand-progress span{position:absolute;top:0;bottom:0;border-radius:999px;
 background:linear-gradient(90deg,#5ceae6,#c7a5fb);box-shadow:0 0 4px #88faf9}
.game-stage .hand-card-cell.ty-new-draw .game-card{
 box-shadow:0 0 0 2px #a0ffeb,0 0 16px #3ce7ca75,0 5px 14px #0007!important;
}
.game-stage .match-footer .latest.ty-action-cue b{color:#d7baff}
@media (pointer:coarse) and (orientation:landscape) and (max-height:760px){
 /* Short phones need every pixel for the actual cards. Swipe and the slim
    progress line replace extra buttons; the original hidden topline remains hidden. */
 .game-stage .hand-zone.ty-hand-scrollable .hand-topline{display:none!important}
 .game-stage .ty-hand-progress{bottom:2px;height:2px;left:23%;right:23%}
}
@media (prefers-reduced-motion:reduce){
 .game-stage .ty-hand-progress span,.game-stage .hand-card-cell.ty-new-draw .game-card{transition:none!important;animation:none!important}
}