/* TERRABITS 3.0: interfaz privada adaptativa, independiente de las ventanas originales. */
.tbmp-header-btn{white-space:nowrap}
.tbmp-overlay[hidden],.tbmp-card [hidden]{display:none!important}
.tbmp-overlay{position:fixed;inset:0;z-index:9999;background:rgba(8,13,34,.87);display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto;overscroll-behavior:contain}
.tbmp-card{position:relative;background:linear-gradient(153deg,#172947,#10223d 58%,#102d2b);border:1px solid rgba(174,244,155,.44);box-shadow:0 22px 70px rgba(0,0,0,.5);border-radius:20px;color:#f9ffee;width:min(100%,450px);max-height:min(94dvh,850px);overflow-y:auto;padding:23px;display:grid;gap:13px;box-sizing:border-box}
.tbmp-card *{box-sizing:border-box}
.tbmp-card small{color:#a6f6af;letter-spacing:.06em;font-weight:800;font-size:11px}
.tbmp-card h2{font-size:clamp(21px,5vw,30px);line-height:1.1;margin:0;color:#fff}
.tbmp-card p{margin:0;line-height:1.45;font-size:13px;color:#e1efe6}
.tbmp-close{position:absolute!important;top:10px;right:10px;width:38px;height:38px;border:1px solid #657b79!important;background:#142739!important;color:#fff!important;border-radius:12px;font-size:24px;cursor:pointer}
#tbmpLobby,#tbmpRoom{display:grid;gap:12px}
.tbmp-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#d2eadc}
.tbmp-card input,.tbmp-card select{border:1px solid #779ca3;background:#0a1a2c;color:#f5fff3;border-radius:10px;padding:12px;min-width:0;width:100%;font:inherit;font-size:14px;min-height:44px}
.tbmp-card button:not(.tbmp-close){cursor:pointer;border-radius:11px;padding:12px 14px;min-height:44px;font-size:13px;font-weight:800}
.tbmp-primary{background:#c3f57b;color:#172d14;border:0}
.tbmp-secondary{background:#233b56;border:1px solid #96b0ca;color:#fff}
.tbmp-actions{display:flex;gap:8px}
.tbmp-actions button{flex:1;background:#223950;border:1px solid #678994;color:#f0f8fa}
#tbmpMembers{display:grid;gap:6px;max-height:150px;overflow-y:auto}
.tbmp-member{padding:8px 10px;background:rgba(125,191,147,.13);border-radius:8px;font-size:13px}
.tbmp-note{border-top:1px solid rgba(255,255,255,.13);padding-top:12px;font-size:11px!important}
@media(max-width:760px){.tbmp-card{padding:18px 14px 14px;border-radius:15px;gap:10px}.tbmp-header-btn{font-size:11px!important;min-height:40px}.tbmp-actions{flex-wrap:wrap}}

@media(max-width:760px){
 .site-header .tbmp-header-btn{font-size:0!important;min-width:38px!important;width:38px!important;height:38px!important;padding:5px!important;flex:0 0 38px;border-radius:10px!important}
 .site-header .tbmp-header-btn::before{content:'👥';font-size:19px}
}