/* A static cinematic menu keeps GPU time for the match. */
#bh-menu-art,#bh-menu-title{display:none;pointer-events:none;}
body.bh-in-lobby #game{visibility:hidden;}
body.bh-in-lobby #bh-menu-art{display:block;position:fixed;inset:0;background:linear-gradient(90deg,#10102108 20%,#0c10265e 60%,#0d1024d9),url('assets/moonlit-lobby.webp') 35% center/cover no-repeat;background-color:#111326;}
body.bh-in-lobby #bh-menu-title{display:block;position:fixed;left:5vw;top:13vh;z-index:2;max-width:38vw;text-shadow:0 4px 28px #080813aa;}
#bh-menu-title>span{font:700 10px/1.6 system-ui;letter-spacing:.23em;color:#f4c77f;}
#bh-menu-title h2{font:800 clamp(50px,6.6vw,96px)/.9 Georgia,serif;letter-spacing:-.055em;color:#fff4d5;margin:17px 0;}
#bh-menu-title h2 em{font-style:normal;color:#f1bd6c;}
#bh-menu-title p{font:400 13px/1.7 system-ui;color:#dedecb;}
body.bh-in-lobby #lobby,body.bh-home #lobby{display:flex!important;background:none!important;backdrop-filter:none!important;align-items:center!important;justify-content:flex-end!important;padding:66px 4vw 30px 44vw!important;}
body.bh-in-lobby #lobby.hidden{display:none!important;}
#lobby #lobby-card{width:100%!important;max-width:800px!important;max-height:calc(100dvh - 100px)!important;padding:22px!important;margin:0!important;background:linear-gradient(145deg,#1c2134f7,#121829f2)!important;border:1px solid #d9c58d44!important;border-radius:18px!important;box-shadow:0 24px 80px #0005!important;backdrop-filter:none!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5a67c66 transparent;transform:none!important;}
#lobby-card>h1{font:500 24px/1.2 Georgia,serif!important;letter-spacing:-.02em;text-align:left!important;margin:0 0 12px!important;color:#f8e7c9;}
#lobby-card>#connect-status{margin:0 0 14px!important;display:table!important;font-size:9px;letter-spacing:.06em;border-radius:5px;}
#bh-go-home,#bh-open-lobby{display:none!important;}
#lobby-card .lobby-shell{display:flex!important;flex-direction:column!important;gap:14px!important;}
#lobby #lobby-tabs.lobby-tabs-vertical{display:flex!important;flex-direction:row!important;width:100%!important;gap:4px;padding:4px!important;background:#0a10237f;border:1px solid #b5bdcf20;border-radius:8px;}
#lobby #lobby-tabs .lobby-tab{flex:1;width:auto!important;margin:0!important;padding:10px 6px!important;justify-content:center;font-size:11px;border:0!important;border-radius:5px!important;background:transparent;color:#bac5d2;box-shadow:none!important;}
#lobby #lobby-tabs .lobby-tab.active{background:#3b445a!important;color:#ffe0a8!important;}
#lobby #lobby-tabs .lt-text{display:inline!important;}
#lobby .lobby-panes-wrap{width:100%;min-width:0;}
#lobby .main-lobby-grid{display:flex!important;flex-direction:column;gap:12px;}
#lobby .arena{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#lobby .arena-header{padding:8px 10px;background:#10172a;border:1px solid #b1bfcc22;border-radius:7px;margin-bottom:12px;box-shadow:none;}
#lobby .arena-mode-chip{background:#cab17a20!important;border:0;color:#f3d29a;box-shadow:none;font-size:10px;}
#lobby .arena-mode-sub{font-size:10px;color:#a9b4c1;}
#lobby .arena-count{border-color:#bca06b66;}
#lobby .arena-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
#lobby .arena-seats>li{background:#0c1425b3!important;border:1px solid #acbbcf29!important;border-radius:7px!important;box-shadow:none!important;padding:9px 5px!important;min-width:0;}
#lobby .arena-seats>li.you,#lobby .arena-seats>li.ready{background:#4d503633!important;border-color:#d7bb7e88!important;}
#lobby .arena-seats .nm{font-size:11px;}
#lobby .arena-pick-hint{font-size:10px;color:#a3aec2;}
#lobby .bh-skill-picker{padding:14px 0 0!important;margin:12px 0!important;background:none!important;border:0!important;border-top:1px solid #bdc3d126!important;border-radius:0;}
#lobby .bh-sp-title{color:#efe0bd;font-size:12px;}#lobby .bh-sp-sub{color:#9ba6bd;font-size:9px;}
#lobby .bh-sp-grid{gap:8px;}
#lobby .bh-sp-card{background:#12182b!important;border:1px solid #a8b2c42a!important;border-radius:9px;padding:15px 7px;gap:6px;box-shadow:none!important;}
#lobby .bh-sp-card.active{background:linear-gradient(140deg,#5e543750,#30374e)!important;border-color:#e0bd78!important;}
#lobby .bh-sp-emoji{font-size:25px;}#lobby .bh-sp-name{font-size:12px;color:#eee1c4;}#lobby .bh-sp-desc{font:400 10px/1.5 system-ui;color:#b2b8c7;}
#lobby .play-now-btn{border:1px solid #f2d19a!important;border-radius:7px!important;padding:16px!important;margin:15px 0 7px!important;background:linear-gradient(105deg,#d09b57,#f3d49a)!important;color:#202532!important;box-shadow:0 8px 28px #cfa95522!important;letter-spacing:.12em;font-size:17px;}
#lobby .play-now-btn:hover{filter:brightness(1.08);}
#lobby .play-now-status{font-size:10px;color:#aeb8c6;}
#lobby .arena-actions{padding:10px;background:#111a2b;border:1px solid #b5c2d124;border-radius:8px;}
#lobby .arena-ready{background:#344159!important;color:#d8dfec!important;border:0;box-shadow:none;font-size:11px;}
#lobby .arena-feed{border:0;background:transparent;font-size:10px;}
#lobby .queue-rail{width:100%!important;max-width:none!important;background:#111829;border:1px solid #b5c2d124;border-radius:9px;}
#lobby #sub-section{width:100%;min-width:0;margin-top:10px;}
#lobby #sub-queue-list{max-height:130px;overflow-y:auto;}
#lobby .signin-cta,#lobby .account-chip{background:#283145b3!important;border:1px solid #afbad233!important;border-radius:8px;box-shadow:none;}
#lobby .signin-cta{padding:15px;color:#ecdfc3;}#lobby .signin-cta-sub{color:#aeb9c9;}
#lobby .login-row input{min-width:0;background:#0d1427;border:1px solid #bac5d344;color:#f6ebd7;border-radius:7px;padding:12px;}
#lobby .name-submit-btn{background:#d8b776;color:#192136;border:0;border-radius:7px;}
#lobby .account-chip{margin:0 0 12px!important;padding:9px 12px;font-size:11px;}
#lobby #tier-banner{font-size:10px;margin:0 0 12px;padding:8px 10px;background:#b9863520;border-color:#bda46b44;border-radius:5px;}
#lobby button:focus-visible,#lobby input:focus-visible,#lobby a:focus-visible{outline:2px solid #f3ca83;outline-offset:3px;}
body.bh-in-lobby .lst-col{display:flex!important;position:fixed!important;top:auto!important;bottom:20px!important;transform:none!important;flex-direction:row!important;gap:8px;z-index:12;}
body.bh-in-lobby .lst-left{left:4vw!important;}body.bh-in-lobby .lst-right{right:auto!important;left:calc(4vw + 152px)!important;}
body.bh-in-lobby .lst-btn{width:68px!important;min-height:48px!important;height:auto!important;background:#121b2ddd;border:1px solid #a8b3c433;border-radius:8px;box-shadow:none;}
body.bh-in-lobby .lst-ico{font-size:17px!important;}body.bh-in-lobby .lst-lbl{font-size:8px!important;}
body.bh-in-lobby #back-home{display:flex!important;}
#bh-loading{display:none;}
body.bh-loading #hud{display:none!important;}
body.bh-loading #bh-loading{display:flex;position:fixed;inset:0;z-index:200;background:#111728;align-items:center;justify-content:center;gap:14px;color:#ead4ab;font:500 14px system-ui;}
.bh-loading-dot{width:12px;height:12px;border-radius:50%;background:#ecc17b;box-shadow:0 0 20px #ecc17b66;}
@media(max-width:900px){body.bh-in-lobby #lobby,body.bh-home #lobby{padding-left:38vw!important;padding-right:18px!important;}#bh-menu-title h2{font-size:56px;}#lobby #lobby-card{padding:16px!important;}#lobby .arena-mode-sub{display:none;}}
@media(max-width:650px){
body.bh-in-lobby #bh-menu-title{position:absolute;left:24px;top:70px;max-width:80vw;}#bh-menu-title h2{font-size:52px;}#bh-menu-title>span{font-size:8px;}#bh-menu-title p{font-size:11px;}
body.bh-in-lobby #bh-menu-art{background-position:26% center;}
body.bh-in-lobby #lobby,body.bh-home #lobby{padding:300px 14px 85px!important;align-items:flex-start!important;overflow-y:auto!important;}
#lobby #lobby-card{flex-shrink:0;max-height:none!important;overflow:visible;border-radius:12px!important;}
#lobby .bh-sp-desc{display:none;}#lobby .bh-sp-card{padding:12px 5px;}
body.bh-in-lobby .lst-col{bottom:12px!important;}body.bh-in-lobby .lst-left{left:calc(50% - 148px)!important;}body.bh-in-lobby .lst-right{left:calc(50% + 4px)!important;}
}
@media(max-height:560px) and (min-width:651px){body.bh-in-lobby #lobby{padding-top:48px!important;padding-bottom:12px!important;}#lobby #lobby-card{max-height:calc(100dvh - 60px)!important;}#bh-menu-title h2{font-size:48px;}body.bh-in-lobby #bh-menu-title{top:65px;}#lobby .bh-sp-desc{display:none;}}
@media(prefers-reduced-motion:reduce){#lobby *{animation:none!important;transition:none!important;}}