/* BACKLOG 1i follow-up (F): portrait phone stage for 1v1 (900x1600, app/layout.js ANCHORS.portrait). The stage scales
   to fit the screen like the landscape one; only fixed HUD positions move here. */
body.portrait #rotate-hint { display: none !important; }
body.portrait .board-half { left: 18px; right: 18px; }
body.portrait .board-opp { top: 170px; height: 360px; }
body.portrait .board-you { top: 770px; height: 330px; }
body.portrait .board-line { left: 40px; right: 40px; top: 742px; }
body.portrait .phases { left: 490px; top: 1112px; width: 390px; }
body.portrait .btn-secondary { left: 716px; top: 1214px; }
body.portrait .btn-main { left: 686px; top: 1262px; }
body.portrait .btn-fc { left: 636px; top: 1280px; }
body.portrait .btn-undo { left: 556px; top: 1280px; }
body.portrait .banner, body.portrait .turn-banner, body.portrait .reveal-strip { left: 450px; top: 742px; }
body.portrait .toasts { left: 450px; top: 690px; }
body.portrait .game-gear { left: 844px; }
body.portrait .game-menu { left: 712px; }
body.portrait .browser { width: 860px; max-height: 1500px; }
body.portrait .dialog { max-width: 860px; }
body.portrait .log-drawer { width: 420px; }
/* bigger tap targets: the stage is drawn at about 0.42 on a 375 px wide phone */
body.portrait .btn-main { width: 196px; height: 84px; border-radius: 42px; }
body.portrait .phase-stop { height: 14px; }
/* mulligan: 7 cards wrap into rows of 4 on the narrow portrait stage (they ran off screen in one row) */
body.portrait .mull-card { width: 190px; height: 266px; }