/* All board overrides are restricted to narrow portrait touch screens. */
.sol-mobile-info{display:none}
@media(max-width:649px) and (orientation:portrait) and (pointer:coarse){
 /* Match the seven equal tracks: main 12px + board 10px + six 4px gaps.
    A pixel step also keeps the existing drag preview aligned with the tableau. */
 :root{--cardw:calc((100vw - 46px)/7);--cardh:calc(var(--cardw)*1.4);--step:22px}
 main{padding:16px 6px}.board{padding:12px 4px}
 .top,.tableau{min-width:0;gap:4px}
 .top{margin-bottom:18px}
 .control{min-height:48px;font-size:18px}.stats{font-size:18px;gap:12px}
 .label{font-size:11px;white-space:nowrap}.sol-mobile-info{display:block;font-size:18px;line-height:1.6}
 /* Keep the existing full-card SVG (including its corner indices and court art).
    The shared deck rules hide the text fallback without intercepting pointers. */
 #qa-open{font-size:18px}
}
@media(max-width:359px) and (orientation:portrait) and (pointer:coarse){
 :root{--step:20px}
 .label{font-size:10px}
}

/* BP55: one mobile SVG index replaces both original indices. Dimensions and
   stack spacing remain those of standard mode; original drag nodes are retained. */
.sol-display{display:none}
@media(max-width:649px) and (orientation:portrait) and (pointer:coarse){
 :root[data-sol-display="readable"] .card.ein-svg-card:not(.back){
  background-image:var(--sol-mobile-face)!important;
 }
}

/* BP55 finish: expose the entire horizontal index; compact hidden cards. */
@media(max-width:649px) and (orientation:portrait) and (pointer:coarse){
 :root{--sol-down-step:10px;--sol-up-step:calc(var(--cardw)*.51)}
}


/* BP55 SVG ONLY MOBILE FIX */
@media(max-width:649px) and (orientation:portrait) and (pointer:coarse){
  :root[data-sol-display="readable"] .card.ein-svg-card:not(.back){
    background-image:var(--sol-mobile-face)!important;
  }
  :root[data-sol-display="readable"] .card.ein-svg-card>.sol-pip-art{
    display:none!important;
  }
}

/* BP55 MOBILE SVG PRIORITY FIX */
@media (max-width:649px) and (orientation:portrait) and (pointer:coarse) {
  .card.ein-svg-card:not(.back) {
    background-image:var(--sol-mobile-face)!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
  }

  .card.ein-svg-card:not(.back) > .sol-pip-art {
    display:none!important;
    visibility:hidden!important;
  }
}
/* END BP55 MOBILE SVG PRIORITY FIX */