/* v0.10.29.1 — Draw/PANIC mis-tap prevention.
   Draw has its own LEFT lane. PANIC stays in the right control rail.
   This does not duplicate the draw control or change gameplay handlers. */
.game-shell .game-stage .ty-draw-rail {
  position:absolute;
  z-index:12;
  left:var(--stage-edge,2.2%);
  top:55%;
  width:var(--ty-rail-width,clamp(165px,16vw,245px));
  max-width:calc(50% - 16px);
  box-sizing:border-box;
  pointer-events:none;
}
.game-shell .game-stage .ty-draw-rail #draw {
  display:block;
  width:100%;
  min-height:clamp(44px,5.5dvh,56px);
  padding:8px 10px;
  border-radius:13px;
  font-size:clamp(12px,1.3vw,16px);
  line-height:1.15;
  white-space:normal;
  overflow-wrap:anywhere;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
/* Spectators are read-only. The previous spectator CSS hid the old action
   panel; after moving Draw outside that panel, hide its whole left rail too. */
.game-shell.ty-online.ty-spectator .game-stage .ty-draw-rail {display:none!important}
/* Inline display:none on post-match still wins, just as before. */
.game-shell .game-stage .ty-draw-rail #draw[style*="display:none"],
.game-shell .game-stage .ty-draw-rail #draw[style*="display: none"] {display:none!important}
.game-shell .game-stage .ty-draw-rail #draw:focus-visible {outline:3px solid #83fff3;outline-offset:3px}
/* Compact landscape: avoid the seats, hand fan and footer. */
@media (orientation:landscape) and (max-width:1100px) {
  .game-shell .game-stage .ty-draw-rail {
    left:clamp(4px,1vw,16px);
    top:53%;
  }
  .game-shell .game-stage .ty-draw-rail #draw {
    min-height:44px;
    font-size:clamp(10px,1.35vw,13px);
    padding:6px 5px;
  }
}
@media (orientation:landscape) and (max-height:380px) {
  .game-shell .game-stage .ty-draw-rail {top:52%}
}
/* Portrait: use a normal flow element, not an absolute overlay on the hand. */
@media (orientation:portrait) and (max-width:900px) {
  .game-shell .game-stage .ty-draw-rail {
    position:relative;
    inset:auto;
    order:7;
    flex:0 0 auto;
    align-self:flex-start;
    width:calc(50% - 5px);
    max-width:calc(50% - 5px);
    margin:0 0 4px;
  }
  .game-shell .game-stage .ty-draw-rail #draw {min-height:48px;font-size:12px}
  .game-shell .game-stage .ty-control-rail {order:8}
  .game-shell .game-stage .match-footer {order:9}
}