:root{color-scheme:dark;--panel:#172129;--edge:#334149;--text:#e8efed;--muted:#9aacae;--accent:#a9d9c8}*{box-sizing:border-box}body{margin:0;background:#11191f;color:var(--text);font:14px/1.5 system-ui, sans-serif}button,input,select{font:inherit}button,summary,a{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit;background:#25333a;border:1px solid var(--edge);border-radius:7px;padding:8px 12px}button:hover,summary:hover{background:#30434a}button:disabled{opacity:.5;cursor:wait}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}[hidden]{display:none!important}#toolbar{height:64px;display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid var(--edge);position:relative;z-index:20;background:#141e24}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.02em;font-size:19px;font-weight:650}.brand-mark{color:var(--accent);border:1px solid #547e70;width:31px;height:31px;text-align:center;border-radius:50%;font-size:22px;line-height:28px}nav{display:flex;gap:2px}details{position:relative}summary{list-style:none;padding:8px 10px;border-radius:6px;color:#c2cecd}summary::-webkit-details-marker{display:none}.menu{position:absolute;top:44px;left:0;min-width:220px;max-height:70vh;overflow:auto;border:1px solid #415158;padding:8px;background:#172129;box-shadow:0 15px 50px #0008;border-radius:10px}.menu button,.menu a{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 11px;text-decoration:none;border-radius:5px}.menu button:hover,.menu a:hover{background:#2a3c42}.menu hr{border:0;border-top:1px solid var(--edge)}.menu p,.menu small{display:block;color:var(--muted);padding:0 10px}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.world-picker>summary{border:1px solid var(--edge);min-width:170px;color:var(--text);display:flex;gap:20px;justify-content:space-between}.world-menu{left:auto;right:0;width:310px}#world-search{width:100%;margin-bottom:8px}#world-list{max-height:48vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr}#world-list button.active{color:var(--accent);background:#254039}.world-list-label{display:none}.identity{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:3px}#my-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #71867f}#canvas-wrap{position:fixed;inset:64px 0 29px;min-height:150px}#scene-background{position:absolute;inset:0;background:#080c12}#canvas{width:100%;height:100%;display:block;position:relative}#statusbar{position:fixed;bottom:0;left:0;right:0;height:29px;border-top:1px solid var(--edge);background:#141e24;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;font-size:11px;color:var(--muted)}#status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#statusbar span:last-child{white-space:nowrap}.world-hud{position:fixed;left:24px;top:86px;pointer-events:none;display:flex;gap:8px;align-items:center}.pill{border:1px solid #6d818355;background:#132028c9;backdrop-filter:blur(10px);border-radius:30px;padding:5px 11px;font-size:12px;color:#d0e0dd}.dot{display:inline-block;width:6px;height:6px;background:#a9d9c8;border-radius:50%;margin-right:6px}#entry-overlay{position:fixed;inset:64px 0 29px;display:grid;place-content:center;background:linear-gradient(0deg,#07111888,transparent);z-index:6;pointer-events:none}.entry-card{pointer-events:auto;text-align:center;background:#142128e8;border:1px solid #50645f;padding:30px 40px;border-radius:16px;box-shadow:0 20px 80px #0005;backdrop-filter:blur(12px);max-width:440px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.16em;text-transform:uppercase}h1{font-size:26px;margin:8px 0 12px;font-weight:550}h2{font-size:21px;font-weight:550;margin:0}.entry-card p{color:#b9c9c7;font-size:13px}.primary{background:var(--accent);border-color:var(--accent);color:#152920;font-weight:650;padding:10px 25px}.primary:hover{background:#c5eadc}.entry-card small{display:block;color:var(--muted);margin-top:14px;font-size:11px}#chat-panel{position:fixed;left:24px;bottom:51px;width:340px;background:#122028e8;border:1px solid #41575b;border-radius:13px;z-index:7;backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 12px 40px #0003}.chat-header{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #40515477}.chat-header small{color:var(--muted);font-size:11px}.chat-header button{background:none;border:0;padding:3px 7px;color:var(--muted)}#messages{height:140px;overflow:auto;padding:14px}.chat-note{color:#a4b7b8;font-size:12px;margin:0;max-width:265px}.chat-message{margin:0 0 12px;word-break:break-word}.chat-message strong{color:#afd4c6;font-size:11px}.chat-message p{margin:3px 0;font-size:13px}#chat-form{padding:10px;display:flex;gap:7px;border-top:1px solid #40515477}input{background:#101b21;border:1px solid #3a4d54;border-radius:6px;padding:9px 10px;color:var(--text);min-width:0}#chat-input{flex:1;font-size:12px}#chat-form button{padding:6px 10px;font-size:12px}#crosshair{position:fixed;left:50%;top:50%;color:#fff9;pointer-events:none;display:none}.looking #crosshair{display:block}.looking #chat-panel{opacity:.5}.looking #chat-panel:focus-within{opacity:1}dialog{width:min(620px,calc(100vw - 32px));max-height:80vh;padding:25px;border:1px solid #4d6468;border-radius:15px;background:#172129;color:var(--text);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#040c12a8;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}dialog p{color:#b5c6c5}dialog label{display:block;margin:14px 0}dialog input[type=text]{display:block;width:100%;margin-top:5px}#avatar-list{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:20px}#avatar-list button{display:flex;flex-direction:column;align-items:center;font-size:11px;padding:6px;gap:5px;overflow:hidden}#avatar-list img{width:60px;height:60px;object-fit:contain;border-radius:5px}#avatar-list [aria-pressed=true]{background:#2c4b40;border-color:#9bd0b9}table{width:100%;border-collapse:collapse;font-size:13px}td{padding:7px 3px;border-bottom:1px solid #32434a}td:first-child{color:var(--accent);width:46%}#dropzone{display:none;position:fixed;inset:0;z-index:50;background:#14242eee;place-items:center}#dropzone.drag{display:grid}#favorite-list{padding:7px;color:var(--muted);font-size:13px}.control-hint{position:fixed;right:22px;bottom:47px;color:#d4e2df;font-size:11px;background:#142128c9;padding:7px 12px;border-radius:6px;pointer-events:none}@media(max-width:950px){#toolbar{gap:8px;padding:0 10px}nav summary{padding:8px 6px}.brand{font-size:0}.toolbar-right{gap:5px}#my-name{display:none}.world-picker>summary{min-width:125px}.control-hint{display:none}}@media(max-width:640px){#toolbar{height:100px;flex-wrap:wrap;align-content:center;gap:4px}nav{order:3;width:100%;justify-content:center}#canvas-wrap,#entry-overlay{top:100px}.world-hud{top:115px}#chat-panel{left:12px;width:min(320px,calc(100vw - 24px))}#messages{height:85px}.entry-card{margin:15px;padding:22px}#avatar-list{grid-template-columns:repeat(3,1fr)}.menu{position:fixed;left:12px;right:12px;top:100px;width:auto}.world-menu{top:56px}#statusbar span:last-child{display:none}}


#entry-overlay{z-index:9}





#avatar-dialog{width:min(860px,calc(100vw - 28px))}.avatar-workbench{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px}.avatar-preview{background:radial-gradient(ellipse at 50% 45%,#354858,#101b25 75%);border:1px solid #3e525d;border-radius:10px;overflow:hidden;text-align:center}#avatar-canvas{display:block;width:100%;height:300px;touch-action:none}.avatar-preview small{display:block;padding:8px 10px;color:#a6b9bd;font-size:10px}.paint-tools h3{margin:4px 0}.paint-tools label{font-size:12px}.paint-tools select{width:100%;background:#112028;color:#d4e3e2;border:1px solid #52636a;border-radius:5px;padding:7px}#paint-color{display:block;width:100%;height:43px;padding:4px;margin-top:5px}.small-note{font-size:11px;color:#a4b4b7!important}#avatar-load-status{font-size:12px;color:#b3dacc}#avatar-list{max-height:195px;overflow:auto;grid-template-columns:repeat(7,minmax(0,1fr))}#avatar-list button{min-height:54px;justify-content:center}#avatar-list img{width:40px;height:40px}#avatar-search{width:100%}#effects-range{display:block;width:100%}@media(max-width:650px){.avatar-workbench{grid-template-columns:1fr}#avatar-canvas{height:230px}#avatar-list{grid-template-columns:repeat(4,minmax(0,1fr))}.paint-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paint-tools h3,.paint-tools .small-note{grid-column:1/-1}.paint-tools label{margin:4px 0}}





#expression-panel{position:fixed;right:24px;bottom:91px;width:350px;padding:13px;background:#122028ee;border:1px solid #41575b;border-radius:13px;z-index:7;backdrop-filter:blur(12px)}.expression-heading{display:flex;gap:8px;align-items:center;margin-bottom:10px}.expression-heading strong{margin-right:auto}.expression-heading button{font-size:11px;padding:4px 7px}.expression-buttons{display:flex;gap:5px;flex-wrap:wrap}.expression-buttons button{flex:1;padding:7px 8px;font-size:12px}.expression-buttons button[aria-pressed=true]{background:#315747;border-color:#afd5bc}.expression-actions{display:flex;gap:7px;margin-top:10px}.expression-actions button{font-size:12px}.expression-actions [aria-pressed=true]{background:#6a3434;border-color:#d98686}#expression-status{font-size:11px;line-height:1.4;color:#baccca;margin:9px 0 0}button:disabled{opacity:.45;cursor:default}@media(max-width:800px){#expression-panel{bottom:auto;top:135px;right:12px;width:280px}}@media(max-width:640px){#expression-panel{top:153px;width:calc(100vw - 24px);max-width:350px}}





.editor-expressions{padding:12px;border-top:1px solid #3e525d;text-align:left}.editor-expressions strong{display:block;font-size:12px;margin-bottom:8px}.editor-expressions small{padding:8px 0 0}





#portal-menu .menu{width:min(310px,calc(100vw - 28px))}#portal-list{max-height:320px;overflow-y:auto}#portal-list button{white-space:normal;text-align:left;width:100%}





#map-people{position:fixed;right:18px;top:88px;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 110px);overflow:auto;background:#14232cf5;border:1px solid #486169;border-radius:16px;padding:16px;z-index:12;box-shadow:0 18px 70px #0007;backdrop-filter:blur(16px)}#map-people[hidden]{display:none}.map-heading{display:flex;justify-content:space-between;align-items:center}.map-heading small{color:#99b6bd;letter-spacing:.13em;font-size:9px}.map-heading h2{margin:3px 0 12px;font-size:20px}#space-map{width:100%;height:auto;border-radius:10px;border:1px solid #334b58;cursor:pointer}.map-legend{display:flex;gap:18px;font-size:11px;color:#aacac6;margin:10px 0}.map-zoom{display:flex;align-items:center;gap:12px;font-size:11px}.map-zoom input{flex:1;min-width:0}#map-location,#people-connection,#people-hint{font-size:11px;color:#a5bbc3;margin:8px 0}#map-people h3{font-size:13px;margin:16px 0 5px}#space-people{max-height:130px;overflow:auto;display:grid;gap:4px}#space-people button{text-align:left}#space-people [aria-pressed=true]{background:#28483f;border-color:#91c6ac}.people-actions{display:flex;gap:8px;margin-top:10px}.people-actions button{flex:1}@media(max-width:640px){#map-people{top:112px;max-height:calc(100vh - 125px);right:14px}}





@media(max-height:750px){#space-map{display:block;width:220px;max-width:100%;margin:0 auto}.map-heading h2{margin-bottom:6px}#map-people h3{margin-top:10px}}





.world-stats{display:flex;align-items:center;gap:14px;flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap}#frame-rate{min-width:45px;text-align:right}@media(max-width:640px){#statusbar{gap:8px;padding:0 10px}#statusbar .world-stats span{display:inline}#statusbar .world-stats .edition-label{display:none}.world-stats{gap:10px}}





#world-panel-dock{position:fixed;right:18px;top:88px;bottom:75px;width:min(360px,calc(100vw - 28px));display:flex;flex-direction:column;gap:12px;z-index:12;pointer-events:none}


#world-panel-dock>#map-people,#world-panel-dock>#expression-panel{position:relative;inset:auto;width:100%;max-height:none;min-height:0;margin:0;pointer-events:auto;overflow:hidden;display:flex;flex-direction:column}


#world-panel-dock>#map-people{flex:0 1 auto}#world-panel-dock>#expression-panel{flex:0 0 auto;max-height:45%}


#world-panel-dock .panel-body{overflow:auto;min-height:0}#world-panel-dock .map-heading,#world-panel-dock .expression-heading{flex-shrink:0}


.map-heading{gap:8px}.map-heading>div{margin-right:auto}.map-heading button{padding:4px 8px}.collapsed>.panel-body{display:none}#world-panel-dock>.collapsed{flex:0 0 auto!important}.collapsed .map-heading h2{margin-bottom:0}.collapsed .expression-heading{margin-bottom:0}.collapsed .expression-heading [data-view]{display:none}


@media(max-width:640px){#world-panel-dock{top:112px;right:14px;bottom:45px}}





#expression-panel .expression-heading{cursor:grab;touch-action:none;user-select:none}#expression-panel.dragging .expression-heading{cursor:grabbing}#expression-panel .emotion-icon{display:none}#expression-panel.collapsed .panel-body{display:block}#expression-panel.collapsed .emotion-icon{display:inline;font-size:21px}#expression-panel.collapsed .emotion-label{display:none}#expression-panel.collapsed .expression-heading{margin-bottom:5px}#expression-panel.collapsed .expression-buttons button{padding:3px 6px}#expression-panel.collapsed{padding:8px 12px}#expression-panel .expression-buttons{flex-wrap:nowrap}#expression-panel .expression-buttons button{min-width:0;padding:7px 4px}#expression-panel.floating{position:fixed!important;z-index:15;width:min(350px,calc(100vw - 28px));max-height:calc(100vh - 150px);overflow:auto;bottom:auto;right:auto}#expression-panel.snap-bottom{margin-top:auto!important}





#expression-panel{padding:8px 12px}#expression-panel .emotion-icon{display:inline;font-size:23px;line-height:1.2}#expression-panel .emotion-label{display:none}#expression-panel .expression-heading{margin-bottom:5px}#expression-panel .expression-buttons button{padding:5px 6px;--emotion-strength:0;--emotion-color:160,175,185;background:linear-gradient(rgba(var(--emotion-color),calc(var(--emotion-strength)*.75)),rgba(var(--emotion-color),calc(var(--emotion-strength)*.75))),#1b2930;border-color:rgba(var(--emotion-color),calc(.2 + var(--emotion-strength)*.8))}#expression-panel .expression-buttons button[data-expression="happy"]{--emotion-color:225,177,49}#expression-panel .expression-buttons button[data-expression="sad"]{--emotion-color:66,139,224}#expression-panel .expression-buttons button[data-expression="angry"]{--emotion-color:219,73,67}#expression-panel .expression-buttons button[data-expression="surprised"]{--emotion-color:171,103,220}#expression-panel .expression-buttons button:hover{outline:1px solid #abc5c1}





#entry-overlay{background:#000;display:block;overflow:hidden;pointer-events:auto;z-index:6}#entry-overlay .entry-card{display:none}.legacy-flight{position:absolute;inset:0;overflow:hidden;background:#000}.legacy-flight i{position:absolute;left:50%;top:50%;width:6vw;height:3.1vw;border:1px solid #95b8ca;animation:traveler-flight 3.3s cubic-bezier(.6,0,.95,.55) infinite;transform-origin:center;opacity:.85;will-change:width,height}.legacy-flight i:nth-child(2){border-color:#42c877;animation-delay:-.55s}.legacy-flight i:nth-child(3){border-color:#dc4eba;animation-delay:-1.1s}.legacy-flight i:nth-child(4){border-color:#ba79d4;animation-delay:-1.65s}.legacy-flight i:nth-child(5){border-color:#658ca1;animation-delay:-2.2s}.legacy-flight i:nth-child(6){border-color:#d0a550;animation-delay:-2.75s}@keyframes traveler-flight{0%{width:.1vw;height:.05vw;transform:translate(-50%,-50%)}100%{width:210vw;height:110vw;transform:translate(-50%,-50%)}}#entry-overlay.arrival-blackout .legacy-flight{visibility:hidden}@media(prefers-reduced-motion:reduce){.legacy-flight i{animation:none;transform:translate(-50%,-50%) scale(2)}.legacy-flight i:not(:first-child){display:none}}





#entry-overlay.entry-prompt{display:grid;place-content:center}#entry-overlay.entry-prompt .legacy-flight{display:none}#entry-overlay.entry-prompt .entry-card{display:block;position:relative}





#touch-controls{position:fixed;inset:0;z-index:16;pointer-events:none}.touch-stick{position:absolute;bottom:max(48px,env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;border:1px solid #c1d9d766;background:#14232c66;pointer-events:auto;touch-action:none;user-select:none}.touch-stick[data-stick=move]{left:max(18px,env(safe-area-inset-left))}.touch-stick[data-stick=look]{right:max(18px,env(safe-area-inset-right))}.touch-stick span{position:absolute;width:46px;height:46px;left:35px;top:35px;background:#a7cfc799;border:1px solid #e4fff3aa;border-radius:50%;pointer-events:none}.touch-stick small{position:absolute;bottom:8px;width:100%;text-align:center;color:#d6e7e4;pointer-events:none}.touch-flight{position:absolute;right:22px;bottom:180px;display:flex;gap:8px;pointer-events:auto}.touch-flight button{touch-action:none;min-width:44px;min-height:44px;background:#182932dd}.touch-device .control-hint{display:none}.touch-device #world-panel-dock{bottom:238px}.touch-device #chat-panel{bottom:180px;max-width:calc(100vw - 175px)}.touch-device #messages{height:60px}@media(max-height:550px){.touch-stick{width:94px;height:94px}.touch-stick span{left:23px;top:23px}.touch-flight{bottom:150px}.touch-device #world-panel-dock{bottom:206px}}





#mobile-menu-toggle{display:none}@media(orientation:landscape) and (max-height:600px){body.touch-device #toolbar{display:none;position:fixed;left:0;right:0;top:0;height:auto;min-height:64px;padding-right:85px}body.touch-device.mobile-menu-open #toolbar{display:flex}body.touch-device #mobile-menu-toggle{display:block;position:fixed;right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:25;padding:7px 10px;background:#14232cdd}body.touch-device #canvas-wrap,body.touch-device #entry-overlay{top:0;bottom:29px;min-height:0}body.touch-device .world-hud{top:10px}body.touch-device #world-panel-dock{top:48px}body.touch-device nav .menu{top:64px}body.touch-device #chat-panel{max-height:110px;bottom:152px}body.touch-device #messages{height:35px}body.touch-device #canvas{width:100%;height:100%}}





#mobile-chat-toggle{display:none}.touch-device #mobile-chat-toggle{display:block;position:fixed;bottom:34px;left:14px;z-index:18;background:#183039;padding:8px 14px}


@media(orientation:portrait){body.touch-device #toolbar{height:54px;flex-wrap:nowrap;padding:0 80px 0 10px;gap:8px}body.touch-device #toolbar .brand{font-size:0}body.touch-device #toolbar .brand-mark{display:none}body.touch-device #toolbar .toolbar-right{margin-left:0;width:100%}body.touch-device #toolbar .world-picker{flex:1}body.touch-device #toolbar .world-picker>summary{min-width:0}body.touch-device #toolbar nav{display:none;position:fixed;top:54px;left:8px;right:8px;width:auto;background:#172129;flex-wrap:wrap;border:1px solid #486169;border-radius:10px;padding:8px;z-index:22}body.touch-device.mobile-menu-open #toolbar nav{display:flex}body.touch-device #mobile-menu-toggle{display:block;position:fixed;right:8px;top:8px;z-index:25;padding:7px 10px}body.touch-device #toolbar nav .menu{top:108px;max-height:55vh}body.touch-device #canvas-wrap,body.touch-device #entry-overlay{top:54px}body.touch-device .world-hud{top:64px}body.touch-device #expression-panel,body.touch-device #expression-panel.floating{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:max(34px,env(safe-area-inset-bottom))!important;width:calc(100vw - 24px)!important;max-height:100px!important;margin:0!important;z-index:17}body.touch-device .touch-stick{bottom:145px}body.touch-device .touch-flight{bottom:276px}body.touch-device #mobile-chat-toggle{bottom:166px;left:50%;transform:translateX(-50%);padding:9px}body.touch-device #chat-panel{left:12px;right:12px;bottom:280px;width:auto;max-width:none;max-height:45vh;z-index:19}body.touch-device #messages{height:100px}body.touch-device #world-panel-dock{top:108px;bottom:285px}body.touch-device #expression-panel .expression-heading{cursor:default}}





#mic-volume{display:block;width:100%;margin-top:8px}#mic-level{width:70%;height:20px;vertical-align:middle}#mic-level-label{display:inline-block;margin-left:12px;font-size:12px}#mic-volume-value{float:right;color:var(--accent)}





/* Landscape touch HUD: keep panels out of the joystick areas. */


@media(orientation:landscape) and (max-height:600px){


body.touch-device #world-panel-dock{top:54px;bottom:140px;left:auto;right:calc((100vw - min(360px,calc(100vw - 270px)))/2);width:min(360px,calc(100vw - 270px))}


body.touch-device #world-panel-dock>#expression-panel,body.touch-device #expression-panel.floating{position:fixed!important;inset:auto!important;left:50%!important;bottom:34px!important;width:260px!important;max-height:none!important;height:auto!important;margin:0!important;transform:translateX(-50%);padding:6px 8px;overflow:visible;z-index:17}


body.touch-device #expression-panel .expression-heading{margin-bottom:3px;cursor:default}body.touch-device #expression-panel .expression-heading strong{font-size:11px}body.touch-device #expression-panel .expression-buttons button{min-height:38px;padding:4px}body.touch-device #expression-panel .panel-body{overflow:visible}


body.touch-device .touch-stick{width:94px;height:94px;bottom:45px}body.touch-device .touch-stick span{left:23px;top:23px}body.touch-device .touch-stick[data-stick=move]{left:max(16px,env(safe-area-inset-left))}body.touch-device .touch-stick[data-stick=look]{right:max(16px,env(safe-area-inset-right))}


body.touch-device .touch-flight{right:max(16px,env(safe-area-inset-right));bottom:150px;gap:5px}body.touch-device .touch-flight button{min-width:40px;min-height:38px;padding:5px 8px}


body.touch-device #mobile-chat-toggle{left:50%;top:8px;bottom:auto;transform:translateX(-50%);padding:7px 15px}


body.touch-device #chat-panel{left:50%;right:auto;top:54px;bottom:126px;transform:translateX(-50%);width:min(380px,calc(100vw - 260px));max-width:none;max-height:none;display:flex;flex-direction:column;z-index:19}body.touch-device #messages{height:auto;min-height:25px;flex:1}body.touch-device .chat-header{padding:7px 10px}body.touch-device #chat-form{padding:6px;flex-shrink:0}


body.touch-device #toolbar{left:auto;right:10px;top:50px;width:min(440px,calc(100vw - 20px));max-height:calc(100dvh - 85px);padding:10px;min-height:0;border:1px solid #486169;border-radius:12px;overflow:auto;background:#14232cf5;flex-wrap:wrap;align-content:start;gap:8px}body.touch-device #toolbar .brand{display:none}body.touch-device #toolbar .toolbar-right{width:100%;margin:0;order:0}body.touch-device #toolbar nav{order:1;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}body.touch-device #toolbar details{position:static}body.touch-device #toolbar .menu{position:static;min-width:0;width:100%;max-height:calc(100dvh - 165px);margin-top:6px;box-shadow:none}body.touch-device #toolbar nav details[open]{width:100%;order:2}body.touch-device #toolbar .world-menu{width:100%}


body.touch-device #statusbar .edition-label{display:none}body.touch-device #statusbar{padding:0 10px;gap:10px}body.touch-device .world-hud{left:12px;gap:5px}body.touch-device .world-hud .pill{font-size:10px;padding:4px 8px}


}





#avatar-collection{width:100%;padding:10px;margin:12px 0 8px;background:#102128;color:var(--text);border:1px solid #52686b;border-radius:8px}#avatar-search{width:100%}.avatar-count{font-size:12px;color:var(--muted)}#avatar-list img{width:76px;height:76px;object-fit:contain;background:radial-gradient(#30474d,#142129);border-radius:9px}#avatar-list button{min-height:118px}#avatar-list small{font-size:9px;color:var(--muted)}#avatar-list span{text-align:center;overflow-wrap:anywhere}




@media(orientation:landscape) and (max-height:600px){body.touch-device #mobile-chat-toggle{top:auto;bottom:54px;left:calc(50% + 142px);transform:none;min-height:44px;padding:8px 12px}body.touch-device #close-chat{min-width:44px;min-height:40px;font-size:18px}body.touch-device #chat-panel{top:52px;bottom:126px}}


@media(orientation:landscape) and (max-height:600px){body.touch-device #expression-panel .expression-heading{display:none}body.touch-device #expression-panel{padding:5px 8px!important}body.touch-device #chat-panel{top:max(8px,env(safe-area-inset-top));bottom:92px;width:min(420px,calc(100vw - 260px));border-radius:10px}body.touch-device .chat-header{padding:4px 9px;min-height:36px;flex-shrink:0}body.touch-device .chat-header small,body.touch-device .chat-header br{display:none}body.touch-device #close-chat{min-height:34px;min-width:40px;padding:0 6px}body.touch-device #chat-form{padding:5px;gap:5px}body.touch-device #chat-input{padding:7px 8px;font-size:13px}body.touch-device #chat-form button{padding:6px 9px}body.touch-device #messages{padding:8px 10px;min-height:30px}body.touch-device #mobile-chat-toggle{bottom:38px}}

.chat-recipient{display:flex;align-items:center;gap:8px;padding:5px 10px;border-top:1px solid var(--edge);flex-shrink:0}.chat-recipient label{color:var(--muted);font-size:12px}.chat-recipient select{min-width:0;flex:1;background:#132028;color:var(--text);border:1px solid var(--edge);border-radius:5px;padding:4px 6px}#chat-feedback{font-size:12px;color:#f0ce92;padding:4px 10px;margin:0;flex-shrink:0}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.private{border-left:2px solid var(--accent);padding-left:8px}.chat-message .message-meta{font-size:11px;color:var(--muted);margin-left:5px}

#settings-dialog > section { margin-top: 1rem; padding-top: .8rem; border-top: 1px solid #33454d; }
#settings-dialog section h3 { margin: 0 0 .5rem; }
#settings-dialog section label { display: block; margin: .65rem 0; }

#rooms-dialog { width: min(760px, calc(100vw - 32px)); }
.room-browser-columns { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }
#rooms-list { overflow:auto; max-height:45vh; display:flex; flex-direction:column; gap:.3rem; }
#rooms-list button { text-align:left; flex-shrink:0; }
#rooms-list button[aria-pressed="true"] { background:#304b42; border-color:#b2d6c2; }
#room-users { padding-left:1.2rem; overflow:auto; max-height:30vh; }
@media(max-width:600px){.room-browser-columns{grid-template-columns:1fr;}#rooms-list{max-height:24vh;}#room-users{max-height:15vh;}}

body.touch-device #mobile-chat-toggle{min-height:40px;box-sizing:border-box;white-space:nowrap}