/* ============================================================
   Responsive & Screen Stability v162
   Desktop / tablet / mobile layouts + single-overlay discipline
   ============================================================ */

*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body.responsive-v162{--v162-bottom-nav:0px;--v162-action-h:104px;--v162-top-h:112px;--v162-safe:env(safe-area-inset-bottom,0px)}
body.responsive-v162 .table-screen{overflow:hidden!important;min-height:100svh;height:100svh}
body.responsive-v162 img,body.responsive-v162 canvas,body.responsive-v162 svg{max-width:100%}

/* ---------------- DESKTOP CLEANUP ---------------- */
@media (min-width:1280px){
  body.responsive-v162.reference-v120 .stage#stage3d{
    padding:96px 250px 116px!important;
    align-items:center!important;
  }
  body.responsive-v162.reference-v120 .board-scene{
    width:min(calc(100svh - 216px),calc(100vw - 520px),920px)!important;
    max-height:calc(100svh - 216px)!important;
  }
  body.responsive-v162 .ref-game-rail{width:210px;top:142px;bottom:122px;gap:10px}
  body.responsive-v162 .ref-left-rail{left:22px}.responsive-v162 .ref-right-rail{right:22px}
  body.responsive-v162.reference-v120 .hud-dice{width:min(760px,calc(100vw - 540px))!important}
  body.responsive-v162.reference-v120 .quit-btn{
    top:108px!important;left:24px!important;min-width:92px!important;height:40px!important;
  }
  body.responsive-v162 .ref-bottom-left{left:22px}.responsive-v162 .ref-bottom-right{right:22px}
}

/* Keep the top center and player cards from ever colliding. */
body.responsive-v162 .classic-top-center{pointer-events:none}
body.responsive-v162 .classic-top-center>*{pointer-events:auto}
body.responsive-v162 .hud-players{pointer-events:none}
body.responsive-v162 .phud{pointer-events:auto}
body.responsive-v162 .classic-stage-bar{white-space:nowrap}

/* ---------------- SINGLE SCENE / OVERLAY RULES ---------------- */
body.responsive-v162.cityverse-open .hud-players,
body.responsive-v162.cityverse-open .classic-top-center,
body.responsive-v162.cityverse-open .ref-game-rail,
body.responsive-v162.cityverse-open .ref-top-tools,
body.responsive-v162.cityverse-open .ref-bottom-left,
body.responsive-v162.cityverse-open .ref-bottom-right,
body.responsive-v162.cityverse-open .hud-dice,
body.responsive-v162.cityverse-open .quit-btn,
body.responsive-v162.cityverse-open .camera-dock,
body.responsive-v162.cityverse-open .camera-hint3d,
body.responsive-v162.cityverse-open .tile-lens3d,
body.responsive-v162.cityverse-open .map-shape150,
body.responsive-v162.cityverse-open .city-route150,
body.responsive-v162.cityverse-open .city-focus160,
body.responsive-v162.cityverse-open .cinematic-banner,
body.responsive-v162.cityverse-open .property-reveal130,
body.responsive-v162.cityverse-open #marketCinema140,
body.responsive-v162.cityverse-open #cityFocusCard,
body.responsive-v162.cityverse-open .v162-mobile-nav,
body.responsive-v162.cityverse-open .v162-drawer,
body.responsive-v162.cityverse-open .v162-drawer-backdrop{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}

/* CityVerse must read as one scene, not three floating cards. */
body.responsive-v162 .cityverse3d{z-index:980!important;padding:18px!important;background:rgba(0,16,28,.86)!important;backdrop-filter:blur(12px) saturate(.82)!important}
body.responsive-v162 .cityverse-shell{width:min(1160px,94vw);height:min(720px,86svh);border-radius:22px;box-shadow:0 26px 80px #000c,0 0 0 3px #624117,0 0 0 5px #edc65066}
body.responsive-v162 .cityverse-head{top:14px;right:14px;left:14px;align-items:flex-start}
body.responsive-v162 .cityverse-head>div{max-width:min(520px,70%);padding:9px 13px}
body.responsive-v162 .cityverse-head h2{font-size:clamp(22px,2.6vw,34px)!important}
body.responsive-v162 .cityverse-controls{right:14px;left:14px;bottom:14px}
body.responsive-v162 .cityverse3d.auto .cityverse-head{right:14px;left:14px}
body.responsive-v162 .cityverse3d.auto .cityverse-shell{width:min(1050px,92vw);height:min(650px,82svh)}

/* Popup discipline: no nested/peeking decorative cards while a decision is active. */
body.responsive-v162.ui-popup-open-v161 .v162-mobile-nav,
body.responsive-v162.ui-popup-open-v161 .v162-drawer,
body.responsive-v162.ui-popup-open-v161 .v162-drawer-backdrop{display:none!important}
body.responsive-v162 .popup:not(.pick-board){inset:0!important;display:grid;place-items:center;padding:clamp(8px,2vw,20px)!important}
body.responsive-v162 .popup:not(.pick-board)>.pop{margin:0!important;max-width:min(540px,94vw)!important;max-height:min(82svh,720px)!important}

/* ---------------- TABLET ---------------- */
@media (min-width:761px) and (max-width:1279px){
  body.responsive-v162{--v162-bottom-nav:54px;--v162-action-h:92px;--v162-top-h:104px}
  body.responsive-v162 .ref-game-rail,body.responsive-v162 .ref-bottom-left,body.responsive-v162 .ref-bottom-right,body.responsive-v162 .ref-top-tools{display:none!important}
  body.responsive-v162.reference-v120 .stage#stage3d{
    position:fixed!important;inset:0!important;height:100svh!important;min-height:0!important;
    padding:112px 8px 150px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;
  }
  body.responsive-v162.reference-v120 .board-scene{
    width:min(calc(100vw - 16px),calc(100svh - 270px),820px)!important;
    max-height:calc(100svh - 270px)!important;--cam-rx:2deg!important;--cam-y:0px!important;transform-origin:50% 0!important;
  }
  body.responsive-v162.reference-v120 .hud-players{top:55px!important;left:8px!important;right:8px!important}
  body.responsive-v162.reference-v120 .hud-col{max-width:46vw!important;width:auto!important}
  body.responsive-v162.reference-v120 .hud-col .phud:not(:first-child){display:none!important}
  body.responsive-v162.reference-v120 .phud{height:50px!important;width:min(225px,44vw)!important;min-width:0!important;max-width:none!important;padding:3px 6px!important}
  body.responsive-v162.reference-v120 .phud>img{width:37px!important;height:42px!important}
  body.responsive-v162.reference-v120 .classic-top-center{top:5px!important}
  body.responsive-v162.reference-v120 .classic-top-center .round-chip{min-width:142px!important;padding:7px 14px!important;font-size:12px!important}
  body.responsive-v162.reference-v120 .classic-stage-bar{margin-top:4px!important;padding:2px!important}
  body.responsive-v162.reference-v120 .classic-stage-bar b,body.responsive-v162.reference-v120 .classic-stage-bar span{font-size:7px!important;padding:3px 6px!important}
  body.responsive-v162.reference-v120 .hud-dice{bottom:58px!important;width:min(720px,calc(100vw - 16px))!important}
  body.responsive-v162.reference-v120 .dice-hud{height:82px!important;padding:5px 8px!important;gap:6px!important}
  body.responsive-v162.reference-v120 .roll-orb{width:108px!important;height:58px!important;font-size:17px!important}
  body.responsive-v162.reference-v120 .die3d,body.responsive-v162.reference-v120 .die{width:38px!important;height:38px!important}
  body.responsive-v162.reference-v120 .quit-btn{display:none!important}
}

/* ---------------- MOBILE ---------------- */
@media (max-width:760px){
  body.responsive-v162{--v162-bottom-nav:50px;--v162-action-h:72px;--v162-top-h:103px}
  body.responsive-v162 .table-screen{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important}
  body.responsive-v162 .ref-game-rail,body.responsive-v162 .ref-bottom-left,body.responsive-v162 .ref-bottom-right,body.responsive-v162 .ref-top-tools,body.responsive-v162 .camera-dock,body.responsive-v162 .camera-hint3d,body.responsive-v162 .tile-lens3d{display:none!important}
  body.responsive-v162.reference-v120 .quit-btn{display:none!important}

  /* Compact top bar, then one player card on each side. */
  body.responsive-v162.reference-v120 .classic-top-center{top:4px!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;gap:2px!important;z-index:72!important}
  body.responsive-v162.reference-v120 .classic-top-center .round-chip{min-width:120px!important;padding:6px 10px!important;font-size:10px!important;border-radius:10px!important}
  body.responsive-v162.reference-v120 .classic-stage-bar{margin-top:2px!important;max-width:190px!important;height:24px!important;display:flex!important;overflow:hidden!important;padding:1px!important;border-radius:8px!important}
  body.responsive-v162.reference-v120 .classic-stage-bar b,body.responsive-v162.reference-v120 .classic-stage-bar span{font-size:6px!important;padding:2px 4px!important;line-height:1.1!important}
  body.responsive-v162.reference-v120 .classic-stage-bar span:first-child{display:none!important}
  body.responsive-v162.reference-v120 .hud-players{top:53px!important;left:4px!important;right:4px!important;z-index:69!important;gap:4px!important}
  body.responsive-v162.reference-v120 .hud-col{width:auto!important;max-width:47vw!important;gap:0!important}
  body.responsive-v162.reference-v120 .hud-col .phud:not(:first-child){display:none!important}
  body.responsive-v162.reference-v120 .phud{width:calc(47vw - 2px)!important;min-width:0!important;max-width:none!important;height:45px!important;padding:2px 4px!important;gap:3px!important;border-radius:10px!important;border-width:1px!important;box-shadow:0 3px 0 #70450d,0 6px 10px #00182b55!important}
  body.responsive-v162.reference-v120 .phud>img{width:33px!important;height:38px!important;border-radius:8px!important}
  body.responsive-v162.reference-v120 .phud-meta{min-width:0!important;line-height:1.05!important}
  body.responsive-v162.reference-v120 .phud-meta>b{font-size:8px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.responsive-v162.reference-v120 .phud .cash-coin{font-size:7px!important}.responsive-v162.reference-v120 .phud .worth{font-size:6px!important}
  body.responsive-v162 .classic-rank-badge{width:22px!important;height:22px!important;font-size:10px!important;inset-inline-start:-7px!important}.responsive-v162 .hud-col.left .classic-rank-badge{inset-inline-end:-7px!important}

  /* Board starts immediately below HUD instead of being vertically centered in empty sky. */
  body.responsive-v162.reference-v120 .stage#stage3d{
    position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;min-height:0!important;
    padding:104px 3px calc(126px + var(--v162-safe))!important;
    display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow:hidden!important;perspective:1400px!important;
  }
  body.responsive-v162.reference-v120 .board-scene{
    width:min(calc(100vw - 6px),calc(100svh - 236px))!important;
    max-width:100%!important;max-height:calc(100svh - 236px)!important;
    --cam-rx:0deg!important;--cam-y:0px!important;--cam-scale:1!important;transform-origin:50% 0!important;
    filter:drop-shadow(0 14px 12px #00456645)!important;
  }
  body.responsive-v162[data-board-layout="gulf"] .board-scene,
  body.responsive-v162[data-board-layout="future"] .board-scene,
  body.responsive-v162[data-board-layout="europe"] .board-scene{width:calc(100vw - 6px)!important}
  body.responsive-v162[data-board-layout="egypt"] .board-scene{width:min(calc(100vw - 6px),calc((100svh - 236px)*.66))!important}
  body.responsive-v162.reference-v120 .board{border-radius:12px!important;padding:5px!important}
  body.responsive-v162.reference-v120 .classic-center-brand{min-width:105px!important;padding:3px 8px!important;top:3%!important}.responsive-v162.reference-v120 .classic-center-brand b{font-size:9px!important}

  /* Touch action bar: only primary actions stay visible. Everything else lives in the drawer. */
  body.responsive-v162.reference-v120 .hud-dice{position:fixed!important;left:4px!important;right:4px!important;bottom:calc(52px + var(--v162-safe))!important;transform:none!important;width:auto!important;z-index:74!important}
  body.responsive-v162.reference-v120 .dice-hud{
    width:100%!important;height:68px!important;min-height:68px!important;padding:5px 7px!important;gap:6px!important;border-radius:13px!important;
    display:grid!important;grid-template-columns:minmax(88px,1.2fr) auto!important;justify-content:center!important;align-items:center!important;
  }
  body.responsive-v162 .dice-hud>.classic-dice-caption,body.responsive-v162 .dice-hud>.gauge-wrap,body.responsive-v162 .dice-hud>.side-items,body.responsive-v162 .dice-hud>.ghost,body.responsive-v162 .dice-hud>.bank-loan,body.responsive-v162 .dice-hud>.jail-chip{display:none!important}
  body.responsive-v162.reference-v120 .roll-orb{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:125px!important;height:54px!important;margin:0 auto!important;font-size:16px!important;border-radius:12px!important}
  body.responsive-v162.reference-v120 .dice-pair{grid-column:2!important;grid-row:1!important;display:flex!important;gap:4px!important}
  body.responsive-v162.reference-v120 .die3d,body.responsive-v162.reference-v120 .die{width:37px!important;height:37px!important}

  /* CityVerse mobile: one compact header and full useful canvas. */
  body.responsive-v162 .cityverse3d{padding:5px!important}
  body.responsive-v162 .cityverse-shell{width:calc(100vw - 10px)!important;height:calc(100svh - 10px)!important;border-radius:15px!important}
  body.responsive-v162 .cityverse-head{top:8px!important;right:8px!important;left:8px!important;gap:5px!important;align-items:flex-start!important}
  body.responsive-v162 .cityverse-head>div{max-width:calc(100% - 82px)!important;padding:6px 8px!important;border-radius:9px!important}
  body.responsive-v162 .cityverse-head small{font-size:6px!important}.responsive-v162 .cityverse-head h2{font-size:16px!important;margin:1px 0 2px!important}.responsive-v162 .cityverse-meta{gap:3px}.responsive-v162 .cityverse-meta span{font-size:6px!important;padding:2px 4px!important}
  body.responsive-v162 .cityverse-level{font-size:7px!important;padding:5px 7px!important;border-width:1px!important}
  body.responsive-v162 .cityverse-close{width:34px!important;height:34px!important;font-size:21px!important}
  body.responsive-v162 .cityverse-controls{right:8px!important;left:8px!important;bottom:8px!important}.responsive-v162 .cityverse-controls button{font-size:7px!important;padding:6px 8px!important}.responsive-v162 .cityverse-controls span{display:none!important}
  body.responsive-v162 .cityverse-road-label{display:none!important}

  /* Mobile popups never exceed viewport and actions stack safely. */
  body.responsive-v162 .popup:not(.pick-board){padding:7px!important}
  body.responsive-v162 .popup:not(.pick-board)>.pop{width:calc(100vw - 14px)!important;max-width:500px!important;max-height:calc(100svh - 14px)!important;border-radius:12px!important}
  body.responsive-v162 .classic-buy-actions,body.responsive-v162 .auction-pop .actions,body.responsive-v162 .trade-pop .actions,body.responsive-v162 .quit-actions-v161{grid-template-columns:1fr!important}
}

/* Short landscape phones/tablets: prioritize board and primary control only. */
@media (max-width:980px) and (max-height:620px){
  body.responsive-v162{--v162-bottom-nav:44px}
  body.responsive-v162.reference-v120 .classic-top-center{top:2px!important}
  body.responsive-v162.reference-v120 .classic-stage-bar{display:none!important}
  body.responsive-v162.reference-v120 .hud-players{top:35px!important}
  body.responsive-v162.reference-v120 .phud{height:38px!important}.responsive-v162.reference-v120 .phud>img{width:28px!important;height:32px!important}
  body.responsive-v162.reference-v120 .stage#stage3d{padding:76px 4px 105px!important}
  body.responsive-v162.reference-v120 .board-scene{width:min(calc(100vw - 8px),calc(100svh - 181px))!important;max-height:calc(100svh - 181px)!important}
  body.responsive-v162.reference-v120 .hud-dice{bottom:calc(45px + var(--v162-safe))!important}.responsive-v162.reference-v120 .dice-hud{height:56px!important;min-height:56px!important}.responsive-v162.reference-v120 .roll-orb{height:44px!important}.responsive-v162.reference-v120 .die3d,.responsive-v162.reference-v120 .die{width:31px!important;height:31px!important}
}

/* ---------------- MOBILE / TABLET NAV + DRAWER ---------------- */
.v162-mobile-nav,.v162-drawer,.v162-drawer-backdrop{display:none}
@media (max-width:1279px){
  .v162-mobile-nav{display:grid;position:fixed;left:5px;right:5px;bottom:calc(4px + env(safe-area-inset-bottom,0px));height:46px;z-index:76;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;border:1px solid #e6b640;border-radius:13px;background:linear-gradient(180deg,#0a3453f8,#041d31fc);box-shadow:0 5px 0 #62400e,0 10px 24px #00142588;direction:rtl}
  .v162-mobile-nav button{min-width:0;border:0;border-radius:8px;background:#0b2a44;color:#eaf7ff;font:800 8px Cairo,sans-serif;display:flex;align-items:center;justify-content:center;gap:3px;padding:2px 3px;white-space:nowrap}
  .v162-mobile-nav button i{font-style:normal;font-size:14px}.v162-mobile-nav button.on{background:linear-gradient(#ffe479,#e6a526);color:#4b2d08;box-shadow:inset 0 1px #fff6bd}.v162-mobile-nav .danger{color:#ffd7d7;background:#4b1922}
  .v162-drawer-backdrop{display:block;position:fixed;inset:0;z-index:740;background:#00101d99;backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
  .v162-drawer{display:block;position:fixed;left:8px;right:8px;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:750;max-height:min(62svh,540px);overflow:auto;overscroll-behavior:contain;border:2px solid #e7b63d;border-radius:18px;background:linear-gradient(180deg,#0b3858,#041d31);box-shadow:0 16px 45px #00101dcc,0 5px 0 #62400e;transform:translateY(16px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;direction:rtl;color:#fff}
  body.v162-drawer-open .v162-drawer,body.v162-drawer-open .v162-drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .v162-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;background:#072a46f7;border-bottom:1px solid #d7a63a;color:#ffe270}.v162-drawer-head b{font-size:13px}.v162-drawer-head button{width:30px;height:30px;border:1px solid #e2b84e;border-radius:8px;background:#08223a;color:#fff;font-size:18px}
  .v162-drawer-body{padding:9px}.v162-drawer-body .ref-city-body{grid-template-columns:74px 1fr!important}.v162-drawer-body .ref-city-art{height:88px!important}.v162-drawer-body .ref-rank-row{min-height:42px!important}
  .v162-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v162-action-grid button{min-height:44px;border:1px solid #c99b36;border-radius:10px;background:#0b314f;color:#fff;font:800 10px Cairo,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px}.v162-action-grid button i{font-style:normal;font-size:17px}.v162-action-grid button:disabled{opacity:.4}.v162-action-grid .danger{background:#5b1d28;border-color:#e3a340}.v162-action-grid .gold{background:linear-gradient(#ffe479,#e6a526);color:#4b2d08;border-color:#fff0a0}
  .v162-empty{padding:18px;text-align:center;color:#b9d9e8;font-size:11px}
}

/* ---------------- MOBILE LOBBY REBUILD ---------------- */
@media (max-width:760px){
  body.responsive-v162 .splash{padding:5px!important;overflow-x:hidden!important;align-items:flex-start!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open{width:100%!important;min-height:0!important;margin:0!important;padding:9px 8px 70px!important;border-radius:18px!important;overflow:hidden!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .ref-lobby-badge{position:static!important;margin:0 auto 6px!important;padding:5px 9px!important;border-radius:12px!important}.responsive-v162 .ref-lobby-badge>span{width:28px;height:28px;font-size:15px}.responsive-v162 .ref-lobby-badge b{font-size:10px}.responsive-v162 .ref-lobby-badge small{font-size:7px}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .ref-lobby-actions{position:static!important;justify-content:center!important;margin:0 0 5px!important;gap:16px!important}.responsive-v162 .ref-lobby-actions button span{width:40px!important;height:40px!important;font-size:17px!important}.responsive-v162 .ref-lobby-actions button{font-size:8px!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .splash-heroes{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;padding:2px 28%!important;scroll-snap-type:x proximity;scrollbar-width:none}.responsive-v162 .splash-card.lobby-open .splash-heroes::-webkit-scrollbar{display:none}.responsive-v162 .splash-card.lobby-open .splash-heroes img{flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0 -2px!important;scroll-snap-align:center}
  body.responsive-v162.reference-v120 .splash-card.lobby-open h1{margin:1px auto 4px!important;column-gap:7px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .logo-trip{font-size:14px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .logo-wealth{font-size:43px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .classic-title-mark{font-size:12px!important;padding:4px 9px!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .lead{font-size:8px!important;line-height:1.45!important;margin:4px auto!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .hero-badges{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;gap:5px!important;margin:6px 0 8px!important;padding-bottom:2px;scrollbar-width:none}.responsive-v162 .hero-badges::-webkit-scrollbar{display:none}.responsive-v162.reference-v120 .splash-card.lobby-open .hero-badges span{flex:0 0 auto!important;min-height:26px!important;padding:4px 8px!important;font-size:7px!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .auth-user{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;min-height:0!important;padding:8px!important;margin:5px 0 7px!important}.responsive-v162 .ref-account-main{min-width:0!important}.responsive-v162.reference-v120 .splash-card.lobby-open .auth-user b{font-size:15px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .auth-user small{font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsive-v162.reference-v120 .splash-card.lobby-open .auth-user .ghost{min-width:66px!important;height:38px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .ref-account-stats{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;order:3!important}.responsive-v162.reference-v120 .splash-card.lobby-open .ref-account-stats span{min-width:0!important;justify-content:center!important;font-size:7px!important;padding:4px 5px!important;overflow:hidden;text-overflow:ellipsis}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .lobby-hub{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin:6px 0 8px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .hub-tab{height:34px!important;min-height:34px!important;font-size:7px!important;padding:3px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .hub-tab::before{font-size:11px!important;margin-inline-end:2px!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;align-items:start!important}.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay>.otp-hint{grid-column:1/-1!important;grid-row:auto!important;font-size:8px!important;margin:2px!important}.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay>.char-pick{grid-column:1/-1!important;grid-row:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .char-card{height:122px!important;min-height:122px!important}.responsive-v162.reference-v120 .splash-card.lobby-open .char-card img{height:82px!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay>.field{grid-column:auto!important;min-width:0!important;margin:0!important}.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay>.mode-hint{grid-column:1/-1!important;font-size:7px!important;margin:0!important}.responsive-v162.reference-v120 .splash-card.lobby-open #lobbyPreview{grid-column:1/-1!important}.responsive-v162.reference-v120 .splash-card.lobby-open #resumeBtn{grid-column:1/-1!important}.responsive-v162.reference-v120 .splash-card.lobby-open #startBtn{grid-column:1/-1!important;position:sticky!important;bottom:6px!important;z-index:25!important;min-height:48px!important;margin-top:2px!important;box-shadow:0 5px 0 #70450d,0 10px 22px #00182b99,0 0 22px #ffd75a55!important}
  body.responsive-v162 .hub-panel{max-width:100%!important;overflow:hidden}
}

/* Tablet lobby: keep characters and settings balanced instead of one long phone column. */
@media (min-width:761px) and (max-width:1100px){
  body.responsive-v162.reference-v120 .splash-card.lobby-open{width:97vw!important;padding:16px 16px 24px!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay{grid-template-columns:280px minmax(0,1fr)!important;gap:10px 14px!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay>.char-pick{grid-column:2!important;grid-row:2/8!important;grid-template-columns:repeat(3,1fr)!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open #hubPlay>.otp-hint{grid-column:2!important}
  body.responsive-v162.reference-v120 .splash-card.lobby-open .lobby-hub{grid-template-columns:repeat(5,1fr)!important}
}

@media (prefers-reduced-motion:reduce){
  .v162-drawer,.v162-drawer-backdrop{transition:none!important}
}