/* 3Dなし入室(配信とチャットだけ)。body.lite は client-app.js が付ける。画質プリセットの「3Dなし」で選ぶ(3Dなし中もこの欄は隠さない。戻すため)。配置の細部は実機のスマホで見て直す */
    .lite-label { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; color: #f3f4f6; font-size: 0.8rem; line-height: 1.4; }
    .opt-lite { width: auto; padding: 0; margin-top: 2px; flex: none; }
    body.lite #canvas-container, body.lite #hint-text, body.lite #btn-emote, body.lite #btn-profile, body.lite #btn-load-vrm, body.lite #emote-pop, body.lite #profile-pop, body.lite #chat-header, body.lite .field:has(#avatar-select), body.lite .field:has(#member-avatar) { display: none !important; }
    body.lite #hud { justify-content: flex-start; gap: 10px; }
    body.lite #hud > .row:last-child { flex: 1; min-height: 0; flex-wrap: nowrap; align-items: stretch; }
    body.lite #chat-box { flex: 1; width: auto; max-width: none; display: flex; flex-direction: column; min-height: 0; }
    body.lite #chat-messages { flex: 1; height: auto; min-height: 0; }
    body.lite #hud-buttons:has(#btn-menu[hidden]) { display: none; }
    /* 3Dなしでは ☰ を右上に固定する(右下の行に置くと、チャット欄の高さに引き伸ばされるため)。上の Audio 欄は ☰ の分だけ左へ寄せる */
    body.lite #hud-buttons { position: fixed; top: 12px; right: 12px; z-index: 11; align-self: flex-start; }
    body.lite #hud-top { padding-right: 64px; }