#lobby{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);max-height:90dvh;overflow:auto;padding:28px;background:#fff9e9;border-radius:24px;box-shadow:0 12px 60px #2348;display:grid;gap:12px}#lobby[hidden],[hidden]{display:none!important}#lobby h1{margin:0}#lobby input{width:100%;padding:12px;margin-top:8px}#lobby a{color:#246657}body{background:#b0dcd9}button{touch-action:manipulation}#visit-hud{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:10px;align-items:center;pointer-events:none}#visit-hud>*{pointer-events:auto;background:#fff9e9;padding:10px 15px;border-radius:20px}#visit-hud strong{margin-right:auto}#room-menu{position:fixed;right:12px;top:76px;width:min(320px,90vw);background:#fff9e9;padding:18px;border-radius:20px;z-index:10;max-height:65dvh;overflow:auto}#members>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0}#host-controls{display:grid;gap:8px;margin-block:12px}#visit-actions{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:12px;display:flex;gap:6px;max-width:66vw;flex-wrap:wrap;justify-content:flex-end}#visit-actions button{padding:10px;background:#fff9e9;border-radius:16px}#visit-pad{position:fixed;bottom:26px;left:12px;display:grid;grid-template-columns:repeat(3,38px);gap:4px;touch-action:none}#visit-pad button{height:38px;padding:0;background:#fff9e9}#visit-pad button:first-child{grid-column:2}#visit-pad button:nth-child(2){grid-column:1}#visit-status{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#fff9e9e8;border-radius:14px;padding:8px 12px;max-width:85vw;text-align:center;pointer-events:none;z-index:20}#visit-status:empty{display:none}#mode{color:#9b451a;font-size:13px}#panel{max-width:92vw}#close-panel{float:right}

#share-url{width:100%;box-sizing:border-box;padding:10px;font:inherit}#share-field{font-size:14px}

#visit-language{display:block;width:100%;font:inherit;padding:10px;margin-top:6px}#lobby{box-sizing:border-box}#lobby input{box-sizing:border-box}#visit-hud strong{min-width:0}#visit-hud button{flex-shrink:0}

#lobby button,#room-menu button{min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:#e5eee1;color:#234c42;font:inherit}#lobby h1{font-size:clamp(24px,6vw,32px)}#lobby p{margin:0}#visit-actions{max-width:calc(100vw - 150px)}#visit-status{bottom:160px}

#lobby #visit-status{position:static;transform:none;max-width:100%;padding:10px 0;margin:0;text-align:left;overflow-wrap:anywhere}