.box-locked> :not(#boxGate){display:none!important}#boxGate{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px}#boxGate a{color:#cefa6b}#boxGate[hidden]{display:none}#boxOnline{position:fixed;right:50%;transform:translateX(50%);bottom:12px;z-index:10000;font:14px/1.5 system-ui,sans-serif;color:#f4fff9;max-width:calc(100vw - 24px)}#boxOnline button{font:inherit;min-height:42px;cursor:pointer;border-radius:10px;border:1px solid #536d64;padding:9px 14px;background:#223d35;color:white}#boxOnlineToggle{box-shadow:0 4px 20px #0005;background:#cefa6b!important;color:#183526!important;font-weight:750!important}#boxOnlinePanel{position:absolute;bottom:54px;right:50%;transform:translateX(50%);width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow:auto;border:1px solid #536d64;border-radius:20px;padding:20px;background:#132b24;box-shadow:0 15px 70px #0007}#boxOnline header{display:flex;justify-content:space-between;align-items:center;gap:10px}#boxOnline h2{font-size:20px;margin:0}#boxOnline p,#boxOnline small{color:#c4dbce}#boxOnline small{display:block;margin-top:15px}#boxOnline label{display:block;font-weight:700;margin-top:14px}#boxOnline input,#boxOnline select{font:inherit;width:100%;border:1px solid #678579;border-radius:8px;background:#f6fff8;color:#172b23;padding:11px;margin:6px 0 10px}#boxOnline output{display:block;letter-spacing:2px;font-size:22px;color:#cefa6b;user-select:all}#boxOnline ul{list-style:none;padding:0}#boxOnline li{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #365047;padding:7px 0}#boxOnline .boxGestures{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}#boxOnline [hidden]{display:none!important}#boxOnline :focus-visible{outline:3px solid #cefa6b;outline-offset:3px}.box-account{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 24px;background:#0d241f}.box-account a{color:#e2ffd6}#boxLogout{background:transparent;color:white;border:1px solid #738c80;border-radius:9px;padding:7px 12px}.box-account small{color:#c4dbce}

@media(max-width:600px){#boxOnlineToggle{font-size:12px;padding:8px 10px;max-width:150px}#boxOnlinePanel{width:340px;max-width:calc(100vw - 24px)}}

#boxOnline *,#boxOnline *::before,#boxOnline *::after{box-sizing:border-box}#boxOnline h3{font-size:16px;margin:14px 0 6px}#boxOnline .boxPublic p{font-size:13px}#boxOnline .boxRoomActions{display:flex;gap:8px;flex-wrap:wrap}#boxOnline .boxPublicRoom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 0;border-bottom:1px solid #365047}#boxOnline .boxPublicRoom strong{overflow-wrap:anywhere}#boxOnline .boxPublicRoom span{grid-column:1;color:#c4dbce}#boxOnline .boxPublicRoom button{grid-column:2;grid-row:1/3;align-self:center}#boxOnline button:disabled{opacity:.5;cursor:not-allowed}#boxOnline .boxPrivate{border-top:1px solid #536d64;margin-top:18px;padding-top:14px}#boxOnline .boxPrivate summary{cursor:pointer;font-weight:700;margin-bottom:10px}

/* Compact launcher; the sheet is kept inside the viewport by placeRooms(). */
#boxOnline{right:14px;bottom:136px;transform:none;max-width:calc(100vw - 16px)}
#boxOnline #boxOnlineToggle{height:36px;min-height:36px;max-width:100px;padding:6px 10px;font-size:11px;line-height:20px;border:1px solid #7ba79e;border-radius:12px;background:#244e48!important;color:#e7fff2!important;box-shadow:0 3px 10px #0003;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#boxOnlineToggle span{font-size:12px;color:#a8e6c6}#boxOnline #boxOnlinePanel{position:fixed;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:17px;transform:none;border-radius:17px}
#boxOnline #boxOnlineToggle,#boxOnlineDrag{touch-action:none;cursor:grab;user-select:none}#boxOnline[data-dragging] #boxOnlineToggle,#boxOnline[data-dragging] #boxOnlineDrag{cursor:grabbing}#boxOnlineDrag{padding:2px 0 8px}#boxOnline #boxOnlineDrag h2{font-size:17px}#boxOnline #boxOnlineClose{padding:3px;min-height:32px;width:32px;font-size:21px}
@media(max-height:450px){#boxOnline{bottom:80px}#boxOnline #boxOnlinePanel{max-height:calc(100dvh - 16px)}}