/* Shared lobby entrance, scoped away from in-match controls. */
.binx-entry-actions{display:grid!important;grid-template-columns:1fr 1fr auto;gap:10px!important;align-items:stretch;margin:0 0 16px!important;width:100%;box-sizing:border-box}
.binx-entry-actions>button{position:static!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0!important;min-height:58px!important;width:auto!important;height:auto!important;margin:0!important;padding:14px 12px!important;border:1px solid #63829c!important;border-radius:14px!important;background:#16334d!important;color:#eefaff!important;font:800 14px/1.25 system-ui!important;letter-spacing:.025em!important;text-align:center!important;box-shadow:none!important;cursor:pointer;transform:none!important}
.binx-entry-actions>button[hidden]{display:none!important}
.binx-entry-actions>.binx-entry-play{background:#73e4d7!important;color:#072924!important;border-color:#9cf8e6!important}
.binx-entry-actions>.binx-entry-custom{background:#101e34!important;font-size:12px!important}
.binx-entry-actions>button:disabled{opacity:.55;cursor:wait}
.binx-entry-actions>button>span:first-child,.binx-entry-actions>button>small{display:none!important}
.binx-entry-actions button:focus-visible,.binx-custom-dialog :focus-visible{outline:3px solid #ffdc74!important;outline-offset:3px}
.binx-entry-rooms{width:100%;min-width:0;margin:0 0 16px;text-align:left}
.binx-entry-room-status{padding:14px;border:1px dashed #58768c;border-radius:14px;background:#0b1729cc;color:#bfd2df;font:13px/1.5 system-ui}
.binx-entry-room-status[hidden]{display:none}
.binx-entry-rooms .binx-room-browser{margin:0;max-width:none}
.binx-entry-rooms h2,.binx-entry-rooms h3{font:800 14px/1.4 system-ui;letter-spacing:.04em}
.binx-entry-note{font:500 13px/1.5 system-ui;color:#bfd2df}
.binx-custom-dialog{box-sizing:border-box;width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #53748b;border-radius:20px;background:#0b1729;color:#f3f9ff;box-shadow:0 24px 90px #000b;overflow:auto;text-align:left}
.binx-custom-dialog::backdrop{background:#030a16dc}
.binx-custom-dialog:not([open]){display:none!important}
.binx-custom-heading{position:sticky;top:-20px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b1729;padding:12px 0;margin-bottom:12px}
.binx-custom-heading h2{font:900 22px system-ui;margin:0}
.binx-custom-dialog button.binx-custom-back,.binx-custom-dialog button.binx-custom-done,.binx-custom-shop{display:inline-block;min-height:44px;box-sizing:border-box;padding:12px 16px;border:1px solid #58768c;border-radius:10px;background:#17354b;color:#eafcff;font:800 12px/1.4 system-ui;text-decoration:none;cursor:pointer}
.binx-custom-dialog button.binx-custom-done{display:block;width:100%;margin-top:20px;background:#73e4d7;color:#072924}
.binx-custom-content{min-width:0}.binx-custom-content canvas{max-width:100%;height:auto}.binx-custom-shop{margin-top:16px}
body.binx-customising{overflow:hidden}
body.binx-customising .binx-social-fab{display:none!important}
body[data-binx-menu] .face-primary-actions:empty,body[data-binx-menu] .rush-actions:empty{display:none}
body[data-binx-menu=faceoff] .face-menu>h2,body[data-binx-menu=faceoff] .face-menu>.eyebrow,body[data-binx-menu=faceoff] .face-open,body[data-binx-menu=binxrush] .rush-open,body[data-binx-menu=blastbound] .blast-open{display:none}
body[data-binx-menu] #soloOptions{display:block}
body[data-binx-menu] #soloOptions[hidden]{display:none}
body[data-binx-menu] #soloOptions>.binx-play-hint{display:none}
body[data-binx-menu=lastresidents] .menu-panel{display:block}
body[data-binx-menu=lastresidents] .menu-panel>.pitch,body[data-binx-menu=lastresidents] #quick{display:none}
body[data-binx-menu=lastresidents] .lobby-column{max-width:none}
body[data-binx-menu=binxredline] #menu>h1,body[data-binx-menu=binxredline] #menu>.eyebrow,body[data-binx-menu=binxredline] #menu>p:has(a),body[data-binx-menu=binxredline] header>a[href*="unlocks"]{display:none}
body[data-binx-menu=binxdrop]:not(.drop-playing) #arena,body[data-binx-menu=binxflap]:has(#soloOptions:not([hidden])) #arena{display:none}
body[data-binx-menu=binxdrop] .about-drop{display:none}
body[data-binx-menu=depthbound] #town>.binx-entry-actions{margin-top:12px!important}
body[data-binx-menu=rolling] .binx-entry-actions{grid-template-columns:1fr auto}
@media(max-width:600px){.binx-entry-actions{grid-template-columns:1fr 1fr;gap:8px!important}.binx-entry-actions>.binx-entry-custom{grid-column:1/-1;min-height:44px!important;padding:10px!important}.binx-custom-dialog{padding:14px}.binx-custom-heading{top:-14px;flex-wrap:wrap}.binx-custom-heading h2{font-size:20px}body[data-binx-menu]:not(.face-playing):not(.drop-playing):not(.in-online-match) main{padding-bottom:85px}body[data-binx-menu=rolling] .binx-entry-actions>.binx-entry-custom{grid-column:auto}}

body[data-binx-menu=colorclash] #lobbyActions{display:block}
body[data-binx-menu=colorclash] #lobbyActions[hidden]{display:none}
body[data-binx-menu=depthbound] #quickDescent>small{display:none}
body[data-binx-menu=lastresidents] #menu:not(:has(#leaveLobby:not([hidden]))) #addCompanion,body[data-binx-menu=lastresidents] #menu:not(:has(#leaveLobby:not([hidden]))) #sitOut{display:none}

body[data-binx-menu=faceoff] .face-menu-intro,body[data-binx-menu=faceoff] .face-open-section{display:none}

body[data-binx-menu=binxrush] .rush-primary-actions:empty,body[data-binx-menu=blastbound] .blast-primary-actions:empty{display:none}

.binx-custom-content .setup label:has(#racers),.binx-custom-content .setup label:has(#distance){display:none}

body[data-binx-menu] [data-binx-rankings]{display:none}
/* A lobby does not need a second Back to Lobby control above its entrance. */
body[data-binx-menu=faceoff]:has(#foMenu:not([hidden])) #binxGameBack,
body[data-binx-menu=blastbound]:has(#blastMenu:not([hidden])) #binxGameBack,
body[data-binx-menu=binxrush]:not(.in-room):not(.racing) #binxGameBack,
body[data-binx-menu=binxball]:has(#soloOptions:not([hidden])) #binxGameBack,
body[data-binx-menu=binxbrawl]:has(#soloOptions:not([hidden])) #binxGameBack,
body[data-binx-menu=binxflap]:has(#soloOptions:not([hidden])) #binxGameBack,
body[data-binx-menu=binxdrop]:not(.drop-playing):has(#soloOptions:not([hidden])) #binxGameBack{display:none!important}

body[data-binx-menu=colorclash] #serverTransport{margin:0;padding:12px;max-width:none}
body[data-binx-menu=colorclash] #serverTransport>p:not([id]),body[data-binx-menu=colorclash] #serverStandard{display:none}
body[data-binx-menu=colorclash] #serverTransport>strong{display:block;margin-bottom:10px}
body[data-binx-menu=faceoff] .face-more>summary{font-size:12px}
body[data-binx-menu=binxrush] .rush-menu-intro,body[data-binx-menu=blastbound] .blast-menu-intro{display:none}
body[data-binx-menu=binxrush]:not(.racing):not(.in-room) .rush-app{align-content:start}
body[data-binx-menu=rolling] .overlay[data-kind=menu]{place-items:start center}

/* A small piece of each game's existing art makes the shared entrance recognisable. */
body[data-binx-menu]{--binx-entry-art:none;--binx-entry-accent:#73e4d7;--binx-entry-ink:#072924;--binx-entry-edge:#63829c}
body[data-binx-menu=binxrush]{--binx-entry-art:url('/titles/binxrush/assets/home-thumbnail-v2.webp');--binx-entry-accent:#ffbb7b;--binx-entry-ink:#38200c;--binx-entry-edge:#d99b69}
body[data-binx-menu=lastresidents]{--binx-entry-art:url('/titles/lastresidents/assets/home-thumbnail.webp');--binx-entry-accent:#d5ed9d;--binx-entry-ink:#253219;--binx-entry-edge:#8cae76}
body[data-binx-menu=depthbound]{--binx-entry-art:url('/titles/depthbound/assets/home-thumbnail-v2.webp');--binx-entry-accent:#c8b0ff;--binx-entry-ink:#271a3f;--binx-entry-edge:#9c84dc}
body[data-binx-menu=faceoff]{--binx-entry-art:url('/titles/faceoff/assets/home-thumbnail-v2.webp');--binx-entry-accent:#a6d0ff;--binx-entry-ink:#102b44;--binx-entry-edge:#7faed8}
body[data-binx-menu=binxredline]{--binx-entry-art:url('/titles/binxredline/assets/city-v1.webp');--binx-entry-accent:#ffd187;--binx-entry-ink:#3a230c;--binx-entry-edge:#d7a65d}
body[data-binx-menu=blastbound]{--binx-entry-art:url('/titles/blastbound/assets/home-thumbnail-v2.webp');--binx-entry-accent:#ffc68d;--binx-entry-ink:#38210f;--binx-entry-edge:#dc985b}
body[data-binx-menu=binxbrawl]{--binx-entry-art:url('/titles/binxbrawl/assets/home-thumbnail-v2.webp');--binx-entry-accent:#ff9b8c;--binx-entry-ink:#3f1b1b;--binx-entry-edge:#d77e7a}
body[data-binx-menu=binxball]{--binx-entry-art:url('/titles/binxball/assets/home-thumbnail-v2.webp');--binx-entry-accent:#98dcff;--binx-entry-ink:#143144;--binx-entry-edge:#76b4d4}
body[data-binx-menu=binxdrop]{--binx-entry-art:url('/titles/binxdrop/assets/home-thumbnail-v2.webp');--binx-entry-accent:#8be5d7;--binx-entry-ink:#10332f;--binx-entry-edge:#65b5a9}
body[data-binx-menu=binxflap]{--binx-entry-art:url('/titles/binxflap/assets/home-thumbnail-v2.webp');--binx-entry-accent:#ffe39a;--binx-entry-ink:#3a2d10;--binx-entry-edge:#d6b873}
body[data-binx-menu=colorclash]{--binx-entry-art:url('/titles/colorclash/assets/home-thumbnail-v2.webp');--binx-entry-accent:#ffabd9;--binx-entry-ink:#421b34;--binx-entry-edge:#d98ab8}
body[data-binx-menu=rolling]{--binx-entry-accent:#9de9d9;--binx-entry-ink:#14372e;--binx-entry-edge:#6db4a8}
body[data-binx-menu] .binx-entry-actions{position:relative;isolation:isolate;box-sizing:border-box;padding:10px!important;border:1px solid var(--binx-entry-edge);border-radius:18px;background-image:linear-gradient(105deg,#071626f7 0%,#091a2ee6 58%,#10243bbd 100%),var(--binx-entry-art);background-position:center;background-size:cover;box-shadow:0 12px 28px #020b1c55}
body[data-binx-menu] .binx-entry-actions>button{position:relative!important;z-index:1;border-color:var(--binx-entry-edge)!important;background:#10283be9!important}
body[data-binx-menu] .binx-entry-actions>.binx-entry-play{background:var(--binx-entry-accent)!important;border-color:var(--binx-entry-accent)!important;color:var(--binx-entry-ink)!important}
body[data-binx-menu] .binx-entry-actions>.binx-entry-custom{background:#101e34e8!important}
body[data-binx-menu] .binx-entry-rooms{box-sizing:border-box;padding:12px;border:1px solid color-mix(in srgb,var(--binx-entry-edge) 65%,transparent);border-radius:16px;background-image:linear-gradient(100deg,#071626f8 0%,#0c1a2ded 66%,#11283fc9 100%),var(--binx-entry-art);background-position:center;background-size:cover}
body[data-binx-menu] .binx-entry-room-status{border-color:var(--binx-entry-edge)}
@media(max-width:600px){body[data-binx-menu] .binx-entry-actions{padding:8px!important}body[data-binx-menu] .binx-entry-rooms{padding:10px}}