/* PHASE-418-MOBILE-SURFACE-POLISH-LOCK */
:root{--svr418-gap:6px;--svr418-panel:#06101bee}

/* The legacy Phase 403 flow rail is re-parented into the raise panel by the Phase 418 runtime.
   Keep it out of the table/player layer so it can never cover opponent names or cards. */
#raisePanel>#phase403FlowRail.phase418-flow-docked{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  min-height:24px!important;
  margin:4px 0 7px!important;
  border-radius:11px!important;
  padding:4px 8px!important;
  box-shadow:none!important;
  background:rgba(2,8,18,.93)!important;
}
#raisePanel>#phase403FlowRail.phase418-flow-docked .phase403-flow-current{font-size:7px!important}

.phase418-quick-controls{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin:4px 0 0}
.phase418-quick-control{min-height:32px!important;padding:5px 9px!important;border:1px solid rgba(127,252,255,.42)!important;border-radius:10px!important;background:#07111ddd!important;color:#eaffff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.045em!important;touch-action:manipulation!important}
.phase418-quick-control.mic{border-color:#8dffb4!important;color:#8dffb4!important}
.phase418-quick-control.account{border-color:#ffd98a!important;color:#ffd98a!important;text-decoration:none!important}

/* Player bankroll is core table information. Keep it visible even when older mobile-fit layers tighten boxes. */
.player-box .player-meta span{display:block!important;opacity:1!important;visibility:visible!important;color:#d7efff!important;font-weight:900!important;line-height:1.12!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
.player-box .phase418-stack{display:block!important;margin-top:1px;color:#ffd98a!important;font-size:6px!important;font-weight:950!important;letter-spacing:.03em!important;white-space:nowrap!important}

/* Android chooser: one bounded device page in portrait and landscape. */
body.phase418-one-screen{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:grid!important;place-items:center!important;padding:max(5px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important}
body.phase418-one-screen>.card{width:min(760px,calc(100vw - 14px))!important;max-height:calc(100dvh - max(10px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;overflow:hidden!important;padding:clamp(8px,1.6dvh,14px)!important}
body.phase418-one-screen>.card>img{width:clamp(34px,7dvh,58px)!important;height:clamp(34px,7dvh,58px)!important}
body.phase418-one-screen>.card h1{font-size:clamp(18px,3.3dvh,27px)!important;margin:3px 0 2px!important}
body.phase418-one-screen>.card>p{font-size:clamp(7px,1.25dvh,10px)!important;line-height:1.18!important;margin:3px auto!important;max-width:680px!important}
body.phase418-one-screen .modes{margin-top:5px!important;gap:5px!important}
body.phase418-one-screen .mode{padding:7px!important;border-radius:12px!important}
body.phase418-one-screen .mode strong{font-size:clamp(10px,1.8dvh,14px)!important}
body.phase418-one-screen .mode span{min-height:0!important;margin:2px 0 4px!important;font-size:clamp(6px,1.05dvh,8px)!important;line-height:1.15!important}
body.phase418-one-screen .mode a{min-height:clamp(28px,5.2dvh,38px)!important;padding:4px 7px!important;font-size:clamp(8px,1.35dvh,10px)!important}
body.phase418-one-screen .links{margin-top:5px!important;gap:4px!important}
body.phase418-one-screen .links a{min-height:clamp(25px,4.5dvh,32px)!important;padding:3px 7px!important;font-size:clamp(7px,1.2dvh,9px)!important}
body.phase418-one-screen .vr-note{margin-top:5px!important;padding:4px!important;font-size:clamp(6px,1dvh,8px)!important;line-height:1.12!important}
body.phase418-one-screen .phase418-account-row{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:5px}
body.phase418-one-screen .phase418-account-row a{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border:1px solid rgba(127,252,255,.38);border-radius:999px;color:#dffcff;text-decoration:none;font-size:8px;font-weight:950}
body.phase418-one-screen .phase418-account-row a.register{border-color:#8dffb4;color:#8dffb4}

@media(max-width:620px){
  body.phase418-one-screen .modes{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.phase418-one-screen .mode{min-width:0!important;text-align:center!important}
  body.phase418-one-screen .links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #raisePanel>#phase403FlowRail.phase418-flow-docked{grid-template-columns:auto minmax(0,1fr)!important;font-size:6px!important}
}
@media(max-width:430px) and (max-height:760px){
  body.phase418-one-screen>.card{padding:6px!important}
  body.phase418-one-screen>.card>p{font-size:6.5px!important}
  body.phase418-one-screen .badge,.device-note{padding:3px 6px!important;font-size:7px!important}
  body.phase418-one-screen .mode{padding:5px!important}
  body.phase418-one-screen .mode span{display:none!important}
  body.phase418-one-screen .vr-note{display:none!important}
}
@media(orientation:landscape) and (max-height:620px){
  #raisePanel>#phase403FlowRail.phase418-flow-docked{min-height:18px!important;padding:2px 6px!important;margin:2px 0 3px!important}
  .phase418-quick-controls{margin-top:2px;gap:3px}.phase418-quick-control{min-height:25px!important;padding:3px 6px!important;font-size:6px!important}
}