/* BEMMAFIA FIX3 · One clear CTA region, compact metrics, guided creator */
#roomsView .bem-lobby-hub{min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:clamp(22px,3.2vw,38px);border-radius:22px;background:radial-gradient(circle at 94% 22%,rgba(156,44,55,.27),transparent 50%),linear-gradient(123deg,#201017,#101015 75%);border:1px solid rgba(215,159,104,.43);}
#roomsView .bem-lobby-hub:after{background:radial-gradient(circle at 97% 85%,rgba(103,30,39,.24),transparent 43%)}
.bem-lobby-hub .rooms-browser-intro{flex:1 1 375px;min-width:0}
.bem-lobby-hub .rooms-browser-intro h2{font-size:clamp(35px,4.2vw,54px);margin:10px 0 8px;letter-spacing:-.04em}
.bem-lobby-hub .rooms-browser-intro p{max-width:610px;line-height:1.65}
.bem-hub-actions{display:flex;gap:12px;margin:23px 0 9px;flex-wrap:wrap}
.bem-hub-actions .btn{min-height:51px;padding:13px 21px;border-radius:13px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.19)}
.bem-hub-actions .btn.primary{background:linear-gradient(125deg,#b82f41,#862032);border:1px solid #c87279}
.bem-hub-actions .bem-hub-create{border:1px solid rgba(224,180,122,.62);background:rgba(229,190,126,.09);color:#f5dbb1}
.bem-hub-status{font-size:12px!important;color:#cfb8ae!important;margin:8px 0 0!important;min-height:18px}
#roomsView .bem-hub-metrics{display:flex;flex-wrap:wrap;flex:1 1 240px;max-width:350px;justify-content:flex-end;align-content:center;gap:9px;border:0;background:none;box-shadow:none}
#roomsView .bem-hub-metrics span{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#cfb5b6;background:rgba(15,12,18,.72);border:1px solid rgba(212,148,111,.22);padding:10px 12px;border-radius:999px;white-space:nowrap}
#roomsView .bem-hub-metrics strong{font-size:15px;color:#f4ca8f}
.bem-mini-help{padding:13px 17px;margin:10px 0 17px;background:rgba(37,29,38,.58);border:1px solid rgba(192,143,110,.18);border-radius:12px}
.bem-mini-help>summary{cursor:pointer;font-size:13px;color:#e7c59c;font-weight:720;list-style:none}
.bem-mini-help>summary::-webkit-details-marker{display:none}
.bem-mini-help p,.bem-mini-help li{font-size:12px;color:#cfbdbb;line-height:1.7}
.bem-mini-help ol{padding-left:22px}
.bem-mini-help li{margin:7px 0}
#roomsView .rooms-section{margin-top:12px}
#roomsView .rooms-section .section-heading{align-items:center}
#dashboardView .dashboard-cols{grid-template-columns:minmax(0,1fr)}
#dashboardView .dashboard-stats{display:flex;flex-wrap:wrap;gap:10px}
#dashboardView .stat-box{flex:1 1 180px;min-width:150px;box-shadow:none;border-radius:14px}
#dashboardView .dash-card.quick-entry{max-width:650px}
#roomsView .rooms-browser-hero .rooms-browser-metrics>div{display:none}
/* Guided three-step room modal */
.bem-creative-wizard{width:min(100%,790px);max-height:calc(100dvh - 26px);border-radius:22px;}
.bem-creative-wizard .bem-create-head{padding:24px 28px 10px}
.bem-creative-wizard .bem-create-head h2{margin:7px 0 7px}
.bem-wizard-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 28px 17px}
.bem-wizard-progress>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:740;color:#a99ba7;border-bottom:2px solid #3c303a;padding:7px 0 10px}
.bem-wizard-progress b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;flex:none;background:#34232a;border:1px solid #684b49;color:#f2cfad;font-size:12px}
.bem-wizard-progress .is-current{color:#f5d7a4;border-color:#de9675}
.bem-wizard-progress .is-current b{background:#9b2d3b;border-color:#d37975;color:white}
.bem-wizard-progress .is-done{color:#bddecb;border-color:#638d72}
.bem-wizard-progress .is-done b{background:#294b39;color:#d1ffe2}
.bem-creative-wizard .bem-create-form{padding:0 28px 28px}
.bem-wizard-step{min-width:0;border:0;margin:0;padding:0;min-height:210px}
.bem-wizard-step.hidden{display:none!important}
.bem-step-heading{font:700 20px Georgia,serif;color:#eed2a6;margin:2px 0 16px}
.bem-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}
.bem-preset{font:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-height:127px;padding:15px 12px;border:1px solid #59424d;border-radius:14px;background:linear-gradient(155deg,#2b1b25,#16131c);color:#e9d2c4;transition:border-color .2s,transform .2s,background .2s}
.bem-preset:hover{transform:translateY(-2px);border-color:#c9926c}
.bem-preset.is-selected{border-color:#dfa16d;box-shadow:inset 0 0 0 1px rgba(223,161,109,.38),0 12px 24px rgba(0,0,0,.22);background:linear-gradient(150deg,#482633,#24171e)}
.bem-preset-icon{font-size:24px;color:#ecc899;line-height:1}
.bem-preset strong{font-size:13px;color:#ffdda9}
.bem-preset small{font-size:11px;color:#c8b3b3;line-height:1.3}
.bem-creative-wizard .squad-private-option,.bem-creative-wizard .league-create-option{margin-top:11px}
.bem-creative-wizard .bem-create-row{margin-top:13px}
.bem-wizard-hint{color:#c2a4b0;font-size:12px;line-height:1.7;margin-top:17px}
.bem-wizard-hint.is-active{color:#e3bd83}
.bem-wizard-preview{border:1px solid rgba(215,157,104,.32);border-radius:14px;background:linear-gradient(135deg,#2b1c24,#18141b);padding:13px 18px;margin:18px 0 14px}
.bem-wizard-preview>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:12px;border-bottom:1px solid rgba(194,144,113,.12)}
.bem-wizard-preview>div:last-child{border-bottom:0}
.bem-wizard-preview span{color:#cbb8b6}
.bem-wizard-preview strong{color:#f3d09d;text-align:right;overflow-wrap:anywhere}
.bem-creative-wizard .bem-create-actions{border-top:1px solid rgba(197,138,110,.15);padding-top:17px;margin-top:24px;flex-wrap:wrap}
.bem-creative-wizard .bem-create-actions #createCancelBtn{margin-right:auto}
.bem-creative-wizard button:focus-visible,.bem-hub-actions button:focus-visible,.bem-mini-help summary:focus-visible{outline:2px solid #eed09d;outline-offset:3px}
@media(max-width:950px){#roomsView .bem-hub-metrics{max-width:none;justify-content:flex-start;flex-basis:100%}.bem-lobby-hub .rooms-browser-intro{flex-basis:100%}}
@media(max-width:600px){
  #roomsView .bem-lobby-hub{padding:22px 17px;border-radius:17px}
  #roomsView .bem-lobby-hub h2{font-size:36px}
  .bem-hub-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .bem-hub-actions>.btn{width:100%;min-height:50px}
  #roomsView .bem-hub-metrics{gap:6px}
  #roomsView .bem-hub-metrics span{font-size:10px;padding:8px}
  .bem-creative-wizard .bem-create-head{padding:19px 18px 8px}
  .bem-wizard-progress{margin:8px 18px 14px}
  .bem-wizard-progress>span{font-size:9px;gap:5px;flex-direction:column;text-align:center}
  .bem-creative-wizard .bem-create-form{padding:0 18px 20px}
  .bem-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bem-preset{min-height:98px}
  .bem-creative-wizard .bem-create-actions>.btn{flex:1 1 80px;font-size:12px;padding:11px 8px}
  .bem-creative-wizard .bem-create-actions #createCancelBtn{flex:0 1 auto}
}
@media(prefers-reduced-motion:reduce){.bem-preset{transition:none}.bem-preset:hover{transform:none}}
/* Keep the action row reachable in long mobile dialogs. */
.bem-creative-wizard .bem-create-actions{position:sticky;bottom:-1px;z-index:3;background:linear-gradient(180deg,#17121a,#120e16);padding-bottom:9px}