*{box-sizing:border-box}body{margin:0;font:15px system-ui;color:#172237;background:#eee8dd;overflow:hidden}canvas{display:block;width:100vw;height:100vh;touch-action:none}[hidden]{display:none!important}header,nav,#panel,#hud,#light-panel,#ad-panel{position:fixed;background:#fffcf5ed;backdrop-filter:blur(16px);box-shadow:0 12px 40px #29365012;border-radius:20px;z-index:3}header{left:24px;top:24px;display:flex;align-items:center;gap:14px;padding:14px 20px}header b{background:#284d45;color:white;border-radius:13px;padding:12px}strong,small{display:block}small{font-size:12px;color:#66716e;margin-top:4px}.pill{font-size:12px;color:#287951;margin-left:30px}nav{top:112px;left:24px;padding:7px;display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100vw - 48px)}button{border:0;padding:12px 16px;border-radius:12px;background:#edf0e9;color:#213b35;font:inherit;cursor:pointer}button:hover{background:#dae6dd}button:disabled{opacity:.55}button.selected,.primary{background:#2e5c50;color:white}#panel{right:26px;top:24px;width:330px;padding:26px}h2{font-size:26px}p{line-height:1.6;color:#65706d}#characters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}label{display:block;font-size:13px}input{display:block;padding:13px;border:1px solid #dce1d7;border-radius:12px;width:100%;margin:8px 0 18px;font:inherit}.primary{width:100%}#status{font-size:12px}#hud{bottom:24px;left:50%;transform:translateX(-50%);padding:10px;white-space:nowrap}#identity{padding:0 14px;font-weight:600}#hint{font-size:12px;padding:10px;color:#69756a}#touch{display:none;position:fixed;bottom:90px;left:20px;text-align:center;z-index:3}#touch button{margin:3px;width:46px}dialog{border:0;border-radius:24px;padding:30px;width:min(420px,90vw);color:#172237}dialog::backdrop{background:#1f302759;backdrop-filter:blur(5px)}#close{float:right}.card{background:#f1f2e9;padding:18px;border-radius:14px;margin:12px 0}.card span{display:block;margin-top:5px}#light-panel,#ad-panel{left:24px;top:176px;width:310px;padding:22px;z-index:4}.light-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.light-heading button{padding:7px 12px}#light-panel label,#ad-panel label{margin:15px 0}output{float:right;color:#407254}input[type=range]{padding:0;margin:12px 0;accent-color:#2e5c50}select{display:block;width:100%;padding:11px;margin-top:9px;border:1px solid #dce1d7;border-radius:10px;background:#f5f6ef;font:inherit}.toggle{display:flex;align-items:center;gap:10px}.toggle input{width:auto;margin:0}#ad-file{font-size:12px;padding:8px}#zone-labels{position:fixed;inset:0;pointer-events:none;z-index:1}.zone-label{position:absolute;left:0;top:0;border-radius:24px;padding:9px 17px;font-size:13px;font-weight:650;color:#172237;white-space:nowrap}#billboard-view{width:min(430px,92vw);padding:18px;max-height:90vh;overflow:auto}#billboard-image{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:12px}#billboard-view .light-heading{margin-bottom:12px}@media(max-width:700px){header{top:12px;left:12px;padding:8px}.pill,header small{display:none}nav{top:83px;left:12px}nav button{padding:10px;font-size:13px}#panel{top:190px;right:12px;left:12px;width:auto;padding:20px}#hud{bottom:12px;width:95%;white-space:normal}#hint{display:none}#touch{display:none}#hud button{padding:10px}#identity{padding:6px}#light-panel,#ad-panel{left:12px;top:190px;width:calc(100% - 24px)}.zone-label{font-size:11px;padding:7px 12px}}

#computer{width:min(1100px,94vw);max-height:90vh;padding:0;overflow:auto;background:#fffdf8}.computer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid #e8e5df}.computer-header small{display:inline;margin-left:16px}.computer-layout{display:grid;grid-template-columns:180px 1fr;min-height:550px}.computer-nav{padding:22px;border-right:1px solid #e8e5df;display:flex;flex-direction:column;gap:12px}.computer-nav .selected{background:#ffe38a;color:#172237}.computer-nav small{margin-top:auto}.computer-content{padding:26px}.computer-content h2{margin-top:0}#computer-search{max-width:380px}#computer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.computer-card{padding:0 0 18px;text-align:left;background:#fff;border:1px solid #e6e4df;overflow:hidden}.computer-card strong,.computer-card small{padding:0 16px;margin-top:12px}.course-art{display:flex;height:130px;align-items:center;justify-content:center;font-size:64px;color:white}.computer-detail{grid-column:1/-1;padding:24px;background:#f0ecf9;border-radius:20px}@media(max-width:700px){.computer-layout{grid-template-columns:1fr}.computer-nav{flex-direction:row;padding:10px}.computer-nav small{display:none}.computer-header{padding:12px}.computer-header small{display:none}.computer-content{padding:16px}}

#sound-panel{position:fixed;left:24px;top:176px;width:310px;padding:22px;background:#fffcf5ed;border-radius:20px;z-index:4;box-shadow:0 12px 40px #29365012}#sound-panel label{margin:16px 0}@media(max-width:700px){#sound-panel{left:12px;top:190px;width:calc(100% - 24px)}}

#minimap{position:fixed;right:24px;bottom:108px;width:210px;height:210px;z-index:2;filter:drop-shadow(0 8px 18px #223e3620)}#minimap canvas{width:100%;height:100%;border-radius:50%;border:5px solid #fffcf5;background:#eee7d7}.minimap-title{position:absolute;top:-31px;left:50%;transform:translateX(-50%);background:#fffcf5;padding:5px 20px;border-radius:20px;color:#284d45;font-size:12px;font-weight:650}.minimap-north{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-weight:800;color:#284d45;text-shadow:0 1px white}#minimap-expand{position:absolute;right:0;top:-20px;padding:7px 12px;border-radius:50%;background:#fffcf5;font-size:20px}@media(max-width:700px){#minimap{right:12px;bottom:110px;width:140px;height:140px}.minimap-title{top:-27px;padding:4px 14px}.minimap-north{top:8px;font-size:12px}}

#presence-layer{position:fixed;inset:0;pointer-events:none;z-index:2}.presence-icon{position:absolute;left:0;top:0;pointer-events:auto;padding:8px 11px;min-width:36px;border-radius:24px;box-shadow:0 4px 15px #233c3615;color:#20333a;display:flex;align-items:center;gap:8px;font-size:13px}.presence-text{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .25s,opacity .25s}.presence-icon.expanded .presence-text,.presence-icon.timed-expanded .presence-text{max-width:150px;opacity:1}.presence-icon.thinking .presence-glyph{animation:presence-pulse 1s infinite}@keyframes presence-pulse{50%{opacity:.35}}#person-card{position:fixed;width:310px;padding:22px;background:#fffdf8;border-radius:22px;box-shadow:0 16px 50px #273a342c;z-index:5}#person-close{float:right;padding:4px 8px;background:transparent}#person-status{display:inline-block;padding:6px 10px;border-radius:12px;font-size:12px}#person-card h2{margin:16px 0 3px}#person-card p{color:#172237;font-size:19px;line-height:1.4}.person-actions{display:flex;gap:8px;margin:20px 0 14px}.person-actions button:first-child{background:#203b35;color:white}#person-modal{width:min(460px,92vw)}.profile-skills{display:flex;gap:8px;margin:20px 0}.profile-skills span{padding:8px 12px;background:#ece7f7;border-radius:18px}.chat-log{height:260px;overflow:auto;background:#f7f5ee;border-radius:16px;padding:15px;margin:18px 0}.chat-bubble{padding:12px 16px;background:#dcebe1;border-radius:14px;margin:10px 0;text-align:left;color:#172237}.chat-form{display:flex;gap:8px;align-items:center}.chat-form input{margin:0}.chat-form button{white-space:nowrap;font-size:12px}@media(prefers-reduced-motion:reduce){.presence-text{transition:none}.presence-icon.thinking .presence-glyph{animation:none}}

#online-count{position:fixed;right:24px;top:24px;z-index:4;padding:13px 19px;border-radius:16px;background:#fffcf5ed;box-shadow:0 8px 25px #29365010;color:#263e37;font-size:14px;white-space:nowrap}#online-count>span:first-child{color:#22b573;margin-right:6px}@media(max-width:700px){#online-count{right:12px;top:17px;padding:10px 12px;font-size:12px}header{max-width:calc(100vw - 125px)}}

#builder-panel{position:fixed;top:170px;left:24px;width:310px;max-height:calc(100vh - 260px);overflow:auto;padding:22px;background:#fffcf5f5;border-radius:22px;z-index:5;box-shadow:0 12px 40px #29365020}#build-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#build-palette button{padding:12px 8px}#build-help{font-size:13px;min-height:52px}.builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}#builder-panel small{font-size:11px;line-height:1.8}#build-space{background:#28544b;color:#fff}@media(max-width:700px){#builder-panel{left:12px;top:145px;width:260px;max-height:calc(100vh - 240px)}#hud{max-height:110px;overflow:auto}}

#player-name-tag{position:fixed;z-index:2;pointer-events:none;box-shadow:0 4px 15px #233c3615;font-weight:650}

html,body{overscroll-behavior:none;touch-action:manipulation}input,textarea,select{font-size:16px}@media(max-width:700px),(pointer:coarse){#minimap-expand{display:none}}

#notifications{position:fixed;right:24px;top:82px;z-index:4;width:310px;pointer-events:none}#notification-toggle{display:flex;align-items:center;gap:7px;margin-left:auto;background:#fffcf5ed;box-shadow:0 8px 25px #29365010;pointer-events:auto;padding:11px;border-radius:15px}#notification-count{font-size:11px;background:#2e5c50;color:white;border-radius:12px;padding:2px 6px}#notification-feed{display:grid;gap:8px;margin-top:10px}.notification-card{display:flex;gap:11px;align-items:center;padding:13px 15px;background:#fffcf5ed;backdrop-filter:blur(16px);border:1px solid #ffffff9c;border-radius:16px;box-shadow:0 8px 25px #29365010;font-size:13px;line-height:1.45;color:#213b35;animation:notification-enter .25s ease-out}.notification-symbol{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#e0eee5;color:#2e5c50}@keyframes notification-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){#notifications{right:12px;top:76px;width:min(280px,calc(100vw - 24px))}#notification-feed{margin-top:12px}.notification-card{font-size:12px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){.notification-card{animation:none}}

#voice-panel{position:fixed;right:24px;top:150px;width:310px;max-height:65vh;overflow:auto;padding:20px;border-radius:20px;background:#fffcf5f5;box-shadow:0 12px 40px #29365020;z-index:6}.voice-person{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.visitor-tag{position:fixed;left:0;top:0;z-index:2;padding:8px 13px;background:#fffcf5;border:2px solid #82c2ab;box-shadow:0 4px 15px #29365018;font-size:13px;font-weight:650}#voice-bubble{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#fffcf5f5;box-shadow:0 8px 30px #29365020;border-radius:35px;padding:10px 15px;z-index:6;white-space:nowrap}.call-avatars{display:flex;padding-left:8px}.call-avatar{width:38px;height:38px;border:3px solid white;border-radius:50%;background:#d7b993;display:grid;place-items:center;margin-left:-8px;font-weight:700;overflow:hidden}.call-avatar img{width:100%;height:100%;object-fit:cover}#voice-bubble button{font-size:12px;padding:8px 11px}#voice-invite button{margin-right:8px}@media(max-width:700px){#voice-panel{right:12px;top:150px;width:calc(100vw - 24px)}#voice-bubble{bottom:130px;max-width:calc(100vw - 20px);gap:6px;font-size:12px}.call-avatar{width:30px;height:30px}}
/* Game controls should behave like controls, without text selection or touch callouts. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{-webkit-tap-highlight-color:transparent}#touch{display:none}@media(max-width:700px){#minimap{bottom:calc(var(--mobile-hud-height,150px) + 32px + env(safe-area-inset-bottom))}#voice-bubble{bottom:calc(var(--mobile-hud-height,150px) + 12px + env(safe-area-inset-bottom))}}

@media(max-width:700px){#touch{display:block;bottom:calc(var(--mobile-hud-height,150px) + 30px + env(safe-area-inset-bottom));left:12px}#touch button{width:40px;height:40px;padding:8px;touch-action:none}}

#it-desk-dialog{width:min(500px,92vw);max-height:85dvh;overflow:auto}#it-desk-dialog textarea{display:block;width:100%;margin:8px 0 18px;padding:12px;border:1px solid #dce1d7;border-radius:12px;font:inherit;resize:vertical}#it-desk-dialog details{margin-top:20px}#it-desk-dialog summary{cursor:pointer;font-weight:600}#it-desk-reports article{padding:15px 0;border-bottom:1px solid #dce1d7}#it-desk-status{font-size:13px;color:#2e5c50}#it-desk-dialog p{overflow-wrap:anywhere}

.it-email-link{display:block;text-align:center;padding:12px;margin-top:12px;background:#2e5c50;color:white;border-radius:12px;text-decoration:none}

.chatter-bubble{position:fixed;left:0;top:0;z-index:2;pointer-events:none;max-width:210px;padding:9px 13px;background:#fffcf5;border-radius:16px;box-shadow:0 5px 18px #2936501a;font-size:12px;color:#213b35}.chatter-bubble::after{content:'';position:absolute;bottom:-6px;left:50%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #fffcf5}

#hud.collapsed>*:not(#identity){display:none!important}#hud.collapsed{width:auto;white-space:nowrap;padding:6px;border-radius:22px}#identity{background:transparent}#identity::after{content:' ▾';font-size:11px;color:#577468}#hud.collapsed #identity::after{content:' ▴'}

#build-swatches{display:flex;gap:8px;margin:8px 0 12px}#build-color{height:40px;padding:3px;max-width:100px;margin:8px 0}#builder-panel{max-height:75dvh;overflow:auto}
/* Keep customization reachable above mobile browser chrome and the keyboard. */
#panel{z-index:8;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body:has(#panel:not([hidden])) #hud,body:has(#panel:not([hidden])) #touch,body:has(#panel:not([hidden])) #minimap,body:has(#panel:not([hidden])) #notifications{visibility:hidden}#enter{position:sticky;bottom:0;box-shadow:0 -8px 18px #fffcf5;margin-top:14px}#panel input[type=color]{height:40px;padding:3px;max-width:100px}@media(max-width:700px){#panel{top:150px;bottom:auto;max-height:calc(100dvh - 162px - env(safe-area-inset-bottom));padding:18px}#panel h2{font-size:23px;margin:0 0 10px}#panel p{font-size:13px;margin:8px 0}#characters{margin:12px 0}#panel label{margin-top:8px}#panel input{margin:6px 0 10px}#panel::after{content:'';display:block;height:8px}}
.visitor-tag{display:flex;align-items:center;gap:6px;padding:0;background:transparent;border:0;box-shadow:none}.visitor-name{border:1px solid #80c3ae;border-radius:16px;background:#fffdf7;color:#234b44;padding:7px 12px;cursor:pointer}.visitor-mic{width:35px;height:35px;min-width:35px;padding:0;line-height:0;flex-shrink:0;border-radius:50%;border:1px solid #80c3ae;background:#fffdf7;color:#234b44;display:grid;place-items:center;cursor:pointer}.visitor-mic svg{display:block;width:18px;height:18px;margin:0;pointer-events:none}#voice-status-notice{position:fixed;right:20px;top:145px;max-width:310px;padding:12px 16px;border-radius:16px;background:#fffdf7;color:#234b44;z-index:8;box-shadow:0 8px 24px #0002}#hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;width:max-content;max-width:calc(100vw - 24px);white-space:normal}#hud button{flex-shrink:0}

#online-count{display:flex;align-items:center;justify-content:center;gap:6px}#online-count>span:first-child{margin-right:0}#online-count #notification-count{margin-left:3px}#notification-feed{margin-top:0}

header{padding:0;background:transparent;box-shadow:none;backdrop-filter:none}#wl-menu-toggle{width:52px;height:52px;padding:0;display:grid;place-items:center;background:#284d45;color:white;font-weight:750;border-radius:15px;box-shadow:0 8px 25px #29365014}#wl-menu-toggle:hover{background:#356458}#wl-menu{top:88px;left:24px;width:260px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 110px);overflow:auto;display:grid;gap:5px;padding:12px;z-index:7}.wl-menu-heading{padding:8px 8px 12px}#wl-menu>button{text-align:left;width:100%}#hud #sound,#hud #change,#hud #build-space{display:none!important}@media(max-width:700px){header{left:12px;top:17px}#wl-menu-toggle{width:46px;height:46px}#wl-menu{left:12px;top:73px;max-height:calc(100dvh - 90px)}}

#minimap{bottom:calc(24px + env(safe-area-inset-bottom));z-index:4}#minimap .minimap-title{top:auto;bottom:0;left:auto;right:0;transform:none;min-height:42px;padding:10px 18px;font-size:13px}#minimap:not(.collapsed){height:265px}#minimap:not(.collapsed) canvas{position:absolute;top:0;width:210px;height:210px}#minimap-expand{top:0;right:0}#minimap.collapsed{width:auto;height:42px;filter:none}#minimap.collapsed canvas,#minimap.collapsed .minimap-north,#minimap.collapsed #minimap-expand{display:none}#minimap.collapsed .minimap-title{position:relative;box-shadow:0 8px 25px #29365010}@media(max-width:700px){#minimap{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}#minimap:not(.collapsed){height:195px;width:140px}#minimap:not(.collapsed) canvas{width:140px;height:140px}body:has(#hud:not(.collapsed)) #minimap{bottom:calc(var(--mobile-hud-height,150px) + 12px + env(safe-area-inset-bottom))}}
/* Reserve the toolbar's measured height for floating bottom controls. */
#voice-bubble{bottom:calc(var(--mobile-hud-height,64px) + 40px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center;white-space:normal}
body:has(#hud:not(.collapsed)) #minimap{bottom:calc(var(--mobile-hud-height,64px) + 40px + env(safe-area-inset-bottom))}
@media(max-width:700px){#voice-bubble{bottom:calc(var(--mobile-hud-height,64px) + 28px + env(safe-area-inset-bottom))}body:has(#hud:not(.collapsed)) #minimap{bottom:calc(var(--mobile-hud-height,64px) + 28px + env(safe-area-inset-bottom))}}
#ad-panel{left:24px;top:88px;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;transform-origin:top left;animation:wl-panel-open .18s ease-out}
@media(max-width:700px){#ad-panel{left:12px;top:73px;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 97px - env(safe-area-inset-bottom))}}
@keyframes wl-panel-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#ad-panel{animation:none}}

#zoom-controls{position:fixed;left:24px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;padding:6px;background:#fffcf5ed;backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 8px 25px #29365010;z-index:4}#zoom-controls button{width:44px;height:44px;padding:0;font-size:22px;display:grid;place-items:center}body:has(#panel:not([hidden])) #zoom-controls{visibility:hidden}@media(max-width:700px){#zoom-controls{left:12px;bottom:calc(12px + env(safe-area-inset-bottom))}#touch{bottom:calc(var(--mobile-hud-height,64px) + 125px + env(safe-area-inset-bottom))}}

/* Keep zoom controls above the measured toolbar, including wrapped mobile rows. */
#zoom-controls{bottom:calc(var(--mobile-hud-height,64px) + 28px + env(safe-area-inset-bottom))}
@media(max-width:700px){#zoom-controls{bottom:calc(var(--mobile-hud-height,64px) + 20px + env(safe-area-inset-bottom))}}

/* The collapsed Campus button stays in the bottom-right corner. */
body:has(#hud:not(.collapsed)) #minimap.collapsed,#minimap.collapsed{right:24px;bottom:calc(24px + env(safe-area-inset-bottom))}
@media(max-width:700px){body:has(#hud:not(.collapsed)) #minimap.collapsed,#minimap.collapsed{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}}

#scene-eye{position:fixed;right:24px;top:82px;z-index:20;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%;background:#fffcf5ed;color:#234e45}
body.clean-scene>header,body.clean-scene>nav,body.clean-scene>aside,body.clean-scene>#hud,body.clean-scene>#touch,body.clean-scene>#zoom-controls,body.clean-scene>#minimap,body.clean-scene>#online-count,body.clean-scene>#notification-feed,body.clean-scene>#voice-bubble,body.clean-scene>.visitor-tag,body.clean-scene>.chatter-bubble,body.clean-scene>.player-name,body.clean-scene>.zone-label{visibility:hidden!important}
@media(max-width:700px){#scene-eye{right:12px;top:72px}#touch{position:fixed;display:grid;place-items:center;left:80px;width:100px;height:100px;bottom:calc(var(--mobile-hud-height,64px) + 20px + env(safe-area-inset-bottom));border-radius:50%;background:#fffcf580;border:2px solid #ffffffa0;box-shadow:0 4px 20px #193a3320;touch-action:none;z-index:4}.joystick-knob{display:block;width:46px;height:46px;border-radius:50%;background:#315c50cc;box-shadow:0 3px 8px #193a3330;pointer-events:none}body:has(#hud:not(.collapsed)) #minimap.collapsed,#minimap.collapsed{bottom:calc(var(--mobile-hud-height,64px) + 20px + env(safe-area-inset-bottom))}}

body.clean-scene>:not(canvas):not(#scene-eye){visibility:hidden!important}

#scene-eye{left:88px;right:auto;top:24px}#scene-eye[aria-pressed="true"]{background:#234e45;color:white;box-shadow:0 0 0 2px #ffffff80}@media(max-width:700px){#scene-eye{left:68px;right:auto;top:17px}}
#member-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;width:356px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:17px 21px 20px;background:#fefefd;color:#080e35;border-radius:21px;box-shadow:0 8px 18px #7a593017;font:16px/1.35 Arial,sans-serif}#member-card[hidden]{display:none}#member-card[data-mode=profile],#member-card[data-mode=chat]{width:423px;padding:19px 27px 23px}#member-card button{color:#080e35;font-family:inherit}#member-card p,#member-card h2,#member-card h3{margin:0}#member-card .pc-top{display:flex;align-items:center;justify-content:space-between;height:31px}.pc-badge{display:flex;gap:7px;align-items:center;background:#e5d8ff;border-radius:99px;padding:6px 14px;font-size:14px}.pc-close,.pc-back{background:transparent!important;padding:0!important;border:0;display:flex;align-items:center;gap:10px}.pc-close{width:24px;height:24px}.pc-back{font-size:14px}.pc-identity{display:flex;gap:24px;align-items:center;margin:22px 0 24px}.pc-identity h2{font-size:24px;line-height:1.35}.pc-role{font-size:16px;color:#55658b}.pc-avatar{width:94px;height:94px;flex:0 0 94px;border-radius:50%;position:relative;overflow:hidden}.pc-avatar-mask>img:not(.dynamic){position:absolute;width:1634.04%;height:1089.36%;max-width:none;left:-589.36%;top:-231.91%}.pc-avatar-mask>img.dynamic{width:100%;height:100%;object-fit:cover;background:#ffe08b}.pc-online{position:absolute;right:4px;top:6px;width:15px;height:15px;background:#08dd25;border:2px solid white;border-radius:50%}.pc-tabs{display:flex!important;position:static!important;gap:6.4px;padding:0!important;background:transparent!important;box-shadow:none!important;margin:0}.pc-tabs button{flex:1;display:flex;gap:7px;align-items:center;justify-content:center;height:31.34px;padding:0;background:#e8e8e8;border:.64px solid #bbc2d7;border-radius:7.675px;font-size:10.23px;font-weight:bold}.pc-tabs button.selected{background:#fefefd}.pc-summary{border-top:1px solid #dde0eb;margin-top:15px;padding-top:15px}.pc-headline{font-size:20px;max-width:275px}.pc-detail{font-size:14px;color:#526478;margin-top:15px!important}.pc-actions{display:flex;gap:10px;margin-top:15px}.pc-actions button{height:51px;border-radius:12px;font-size:18px;background:#eaeee7;flex:1}.pc-actions .primary{background:#203f38;color:white!important;font-weight:bold}.pc-profile-content{border-top:1px solid #dde0eb;margin-top:18px;padding-top:16px}.pc-profile-content h3{font-size:18px}.pc-profile-content p{color:#55658b;margin-top:3px!important}.pc-tags{display:flex;flex-wrap:wrap;gap:11px;margin:12px 0 15px}.pc-tags span{padding:8px 19px;background:#ede5ff;color:#3300ef;border-radius:99px;font-size:14px}.pc-work{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:6px}.pc-work-image{position:relative;height:132px;border-radius:9px;overflow:hidden}.pc-work-image img{position:absolute;width:867.8%;height:775.76%;max-width:none;top:-439.39%}.pc-work-image.product img{left:-312.99%}.pc-work-image.brand img{left:-422.03%}.pc-work p{font-size:14px;color:#080e35}.pc-portfolio{width:100%;height:41px;background:transparent;border:1px solid #bac2d6;border-radius:12px;margin-top:38px;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:bold;font-size:16px}.pc-enter{animation:pc-rise 350ms both}@keyframes pc-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pc-day{display:flex;align-items:center;gap:14px;color:#55658b;font-size:14px;margin-top:32px}.pc-day:before,.pc-day:after{content:'';flex:1;height:1px;background:#dde0eb}.pc-messages{height:299px;overflow:auto;padding:14px 0;box-sizing:border-box}.pc-message{display:flex;gap:14px;margin-bottom:14px}.pc-message.sent{justify-content:flex-end}.pc-message>div{max-width:80%}.pc-message-bubble{padding:10px 16px;border-radius:16px;background:#ececf6;overflow-wrap:anywhere}.sent .pc-message-bubble{background:#fff1c1}.pc-message-time{display:block;font-size:12px;color:#7a87ad;margin-top:4px}.sent .pc-message-time{text-align:right}.pc-avatar.small{width:44px;height:44px;flex-basis:44px}.pc-composer{border-top:1px solid #dde0eb;display:flex;gap:9px;align-items:center;margin:0 -27px -23px;padding:16px 19px 25px}.pc-add,.pc-send{width:48px;height:48px;flex-shrink:0;border-radius:50%;padding:0;display:grid;place-items:center;background:#ececf6}.pc-send{width:55px;height:55px;background:#203f38}.pc-input{display:flex;align-items:center;min-width:0;flex:1;height:54px;border:1px solid #ced4e7;border-radius:99px;padding:0 17px 0 20px}.pc-input input{width:100%;min-width:0;border:0;padding:0;background:transparent;color:#080e35;font-size:14px;outline:none}.pc-input input::placeholder{color:#7481a7}.pc-smile{padding:0;background:transparent;display:flex}.pc-empty,.pc-notice{font-size:13px;color:#55658b;text-align:center;padding:16px}.pc-notice{color:#784b36}@media(prefers-reduced-motion:reduce){.pc-enter{animation:none}}@media(max-width:480px){#member-card[data-mode=profile],#member-card[data-mode=chat]{padding:19px 21px 23px}.pc-composer{margin-left:-21px;margin-right:-21px}.pc-identity{gap:16px}.pc-role{font-size:14px}.pc-work-image{height:120px}}
#member-card p{line-height:1.35}#member-card .pc-headline{color:#080e35}#member-card[data-mode=card] .pc-actions .primary{flex:0 0 138px}#member-card[data-mode=card] .pc-tabs button:nth-child(1){flex:0 0 71px}#member-card[data-mode=card] .pc-tabs button:nth-child(2){flex:1.8}#member-card[data-mode=card] .pc-tabs button:nth-child(3),#member-card[data-mode=card] .pc-tabs button:nth-child(4){flex:1}

.pc-avatar{overflow:visible}.pc-avatar-mask{position:absolute;inset:0;overflow:hidden;border-radius:50%}#member-card .pc-send{background:#203f38}#member-card .pc-message-bubble{color:#080e35}.pc-receipt{display:inline-flex;vertical-align:middle;margin-left:8px}.pc-summary{border-top:0;padding-top:0}.pc-divider{height:2px;margin-bottom:15px}.pc-divider img{max-width:100%}
#member-card[data-mode=card] .pc-identity{margin:22px 0 8px}#member-card[data-mode=profile] .pc-top,#member-card[data-mode=chat] .pc-top{height:20px}#member-card[data-mode=profile] .pc-identity{margin:18px 0 15px}#member-card[data-mode=chat] .pc-identity{margin:20px 0 19px}#member-card .pc-day{margin-top:27px}

/* WL settings open directly below the logo at every screen size. */
#sound-panel,#light-panel,#ad-panel,#builder-panel,#panel{left:24px;right:auto;top:88px;width:min(330px,calc(100vw - 48px));max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform-origin:top left;animation:wl-panel-open .18s ease-out}
@media(max-width:700px){#sound-panel,#light-panel,#ad-panel,#builder-panel,#panel{left:12px;right:auto;top:73px;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 97px - env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#sound-panel,#light-panel,#ad-panel,#builder-panel,#panel{animation:none}}

#wl-menu:not([hidden])> .wl-menu-heading,#wl-menu:not([hidden])>button{animation:wl-menu-item-in 300ms cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--wl-item-delay,0ms)}
@keyframes wl-menu-item-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#wl-menu:not([hidden])> .wl-menu-heading,#wl-menu:not([hidden])>button{animation:none}}

/* Compact mobile member cards leave room to see the character and campus. */
@media(max-width:480px){
#member-card,#member-card[data-mode=profile],#member-card[data-mode=chat]{width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);padding:14px 16px 16px;border-radius:18px;font-size:14px}
#member-card .pc-top{height:24px}#member-card .pc-badge{padding:5px 10px;font-size:12px}
#member-card .pc-identity,#member-card[data-mode=card] .pc-identity,#member-card[data-mode=profile] .pc-identity,#member-card[data-mode=chat] .pc-identity{gap:14px;margin:14px 0 12px}
#member-card .pc-avatar{width:66px;height:66px;flex-basis:66px}#member-card .pc-identity h2{font-size:21px}#member-card .pc-role{font-size:12px}
#member-card .pc-tabs{gap:5px}#member-card .pc-tabs button{height:29px;font-size:9px;gap:4px}#member-card[data-mode=card] .pc-tabs button:nth-child(1){flex-basis:61px}
#member-card .pc-summary{margin-top:8px}#member-card .pc-divider{margin-bottom:10px}#member-card .pc-headline{font-size:17px}#member-card .pc-detail{font-size:12px;margin-top:10px!important}
#member-card .pc-actions{gap:8px;margin-top:12px}#member-card .pc-actions button{height:42px;font-size:14px}#member-card[data-mode=card] .pc-actions .primary{flex-basis:116px}
#member-card .pc-profile-content{margin-top:12px;padding-top:12px}#member-card .pc-profile-content h3{font-size:16px}#member-card .pc-profile-content p{font-size:13px}
#member-card .pc-tags{gap:7px;margin:10px 0 12px}#member-card .pc-tags span{font-size:12px;padding:6px 12px}#member-card .pc-work{gap:10px}#member-card .pc-work-image{height:94px}#member-card .pc-work p{font-size:12px}
#member-card .pc-portfolio{height:37px;font-size:14px;margin-top:20px}#member-card .pc-back{font-size:12px}
#member-card .pc-day{margin-top:18px;font-size:12px}#member-card .pc-messages{height:210px}#member-card .pc-avatar.small{width:32px;height:32px;flex-basis:32px}#member-card .pc-message-bubble{font-size:13px;padding:9px 12px}
#member-card .pc-composer{margin:0 -16px -16px;padding:12px;gap:6px}#member-card .pc-add{width:34px;height:34px}#member-card .pc-send{width:42px;height:42px}#member-card .pc-input{height:42px;padding:0 10px}#member-card .pc-input input{font-size:16px;margin:0}#member-card .pc-smile img{width:18px}
}

#message-alerts{position:fixed;top:82px;right:24px;z-index:14;width:310px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 180px);overflow:auto;padding:12px;background:#fffdf5f5;backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 8px 30px #193a3326;color:#213b35}
.message-alert-heading{font-size:13px;margin:0 0 10px}.message-alert{display:flex;align-items:center;gap:10px;padding:12px;background:#edf3ed;border-radius:12px;margin-top:8px;animation:notification-enter .25s ease-out}.message-alert>div{flex:1;min-width:0}.message-alert strong{font-size:13px}.message-alert p{font-size:12px;line-height:1.4;margin:5px 0 0;overflow-wrap:anywhere;color:#53665e}.message-alert button{background:#234e45;color:white;padding:10px 12px;font-size:12px;flex-shrink:0}body:has(#message-alerts:not([hidden])) #notifications{visibility:hidden}
@media(max-width:700px){#message-alerts{top:68px;right:12px;width:280px;max-height:calc(100dvh - 190px)}}
@media(prefers-reduced-motion:reduce){.message-alert{animation:none}}

.visitor-tag.reconnecting .visitor-name{background:#f0eee7;color:#6b756f;border:1px dashed #929d96}.visitor-tag.reconnecting .visitor-mic{opacity:.45}

/* Zoom buttons are temporarily hidden. */
#zoom-controls{display:none}

@media(max-width:700px){#touch{left:12px}}

/* Compact action icons retain the buttons’ accessible text. */
#hud #wave,#hud #explain,#hud #stand,#hud #type,#hud [data-lounge-action="phone"],#hud [data-lounge-action="call"]{font-size:0!important;width:44px;height:44px;padding:10px!important;flex-shrink:0;display:inline-grid;place-items:center}
#hud #wave::before{content:"";display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2012V5a1.5%201.5%200%200%201%203%200v6-8a1.5%201.5%200%200%201%203%200v8-6a1.5%201.5%200%200%201%203%200v6-4a1.5%201.5%200%200%201%203%200v9c0%204-3%206-6%206h-1c-2%200-3-1-4-3l-4-5a1.5%201.5%200%200%201%202-2l3%202%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#hud #explain::before{content:"";display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H5l-3%203V11a9%209%200%200%201%2019%200Z%22%2F%3E%3Cpath%20d%3D%22M7%2010h10M7%2014h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#hud #stand::before{content:"";display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%206%204-4%204%204M12%202v12M5%2016v6M19%2016v6M5%2016h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#hud #type::before{content:"";display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m4%2016-2%205h20l-2-5M9%2019h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#hud [data-lounge-action="phone"]::before{content:"";display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%205h4M11%2019h2%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#hud [data-lounge-action="call"]::before{content:"";display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h4l2%205-3%202c1%203%203%205%206%206l2-3%205%202v4c0%202-2%203-4%202C9%2019%205%2015%203%207c-1-2%200-4%202-4Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

#member-card[data-mode=card]{width:320px;padding:16px 19px 20px}#member-card[data-mode=card] .pc-identity{gap:20px;margin:18px 0 14px}#member-card[data-mode=card] .pc-avatar{width:76px;height:76px;flex-basis:76px}#member-card[data-mode=card] .pc-identity h2{font-size:23px}#member-card[data-mode=card] .pc-role{font-size:14px}#member-card[data-mode=card] .pc-headline{font-size:18px}#member-card[data-mode=card] .pc-tabs button:nth-child(1){flex:1}#member-card[data-mode=card] .pc-tabs button:nth-child(2){flex:1.4}.pc-edit{margin-left:auto;margin-right:12px;font-size:12px;padding:5px 9px;background:#edf0e9}#member-card[data-mode=edit]{width:350px}.pc-edit-form{margin-top:18px}.pc-edit-form label{margin:10px 0;font-size:13px}.pc-edit-form input,.pc-edit-form textarea{width:100%;box-sizing:border-box;margin:5px 0 10px;padding:10px;border:1px solid #ced4e7;border-radius:10px;font:16px Arial;color:#080e35}.pc-edit-form textarea{height:90px;resize:vertical}.pc-edit-form .pc-notice:empty{display:none}
@media(max-width:480px){#member-card[data-mode=card]{width:280px;padding:14px 16px 16px}#member-card[data-mode=card] .pc-identity{gap:14px;margin:14px 0 12px}#member-card[data-mode=card] .pc-avatar{width:60px;height:60px;flex-basis:60px}#member-card[data-mode=card] .pc-identity h2{font-size:21px}#member-card[data-mode=card] .pc-role{font-size:12px}#member-card[data-mode=card] .pc-headline{font-size:17px}#member-card[data-mode=edit]{width:300px}}

/* The game viewport cannot scroll away after browser focus or resizing. */
html{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#world{position:fixed;inset:0;width:100%!important;height:100%!important}

#member-card .pc-input input{margin:0;height:100%;line-height:normal;padding:0;border-radius:0;align-self:stretch;box-sizing:border-box;appearance:none}

#voice-status-notice{top:82px;right:24px}@media(max-width:700px){#voice-status-notice{top:68px;right:12px;max-width:calc(100vw - 24px)}}

.pc-edit-form select{margin:5px 0 10px;background:white;color:#080e35;border:1px solid #ced4e7;font:16px Arial;padding:10px;border-radius:10px}#member-card .pc-edit-form .primary{color:white}
/* A compact inbox keeps offline contacts reachable without covering the world. */
#inbox-toggle{position:fixed;z-index:31;right:24px;top:76px;border-radius:18px;padding:9px 15px;background:#fffdf7;color:#234b43;box-shadow:0 5px 24px #233e3112;font-size:13px}
#inbox-panel{position:fixed;z-index:45;right:24px;top:120px;width:310px;max-width:calc(100vw - 24px);max-height:55vh;overflow:auto;background:#fffdf7;border-radius:20px;padding:18px;box-sizing:border-box;box-shadow:0 12px 40px #243d3226;color:#15253b}
#inbox-panel>p{font-size:13px;line-height:1.5;color:#59696b}.inbox-thread{display:flex;gap:8px;align-items:center;border-top:1px solid #e8ece7;margin-top:12px;padding-top:10px}.inbox-thread>button:first-child{flex:1;min-width:0;text-align:left;background:transparent;padding:4px}.inbox-thread strong,.inbox-thread span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-thread strong{font-size:13px}.inbox-thread span{font-size:12px;margin-top:4px;color:#62706f}.inbox-block{font-size:11px;padding:6px 8px;background:#eaf0ec}.pc-load-older{display:block;margin:0 auto 12px;font-size:12px;padding:7px 12px}
body.clean-scene #inbox-toggle,body.clean-scene #inbox-panel{display:none!important}@media(max-width:600px){#inbox-toggle{right:12px;top:66px}#inbox-panel{right:12px;top:107px}}
.editor-signin{display:inline-block;font-size:12px;color:#244c43;margin-top:10px}body[data-can-edit=false] #build-space{display:none}
#notifications,#message-alerts,#voice-status-notice{top:124px}#inbox-panel:not([hidden]){animation:notification-enter .2s ease-out}body:has(#inbox-panel:not([hidden])) #notifications,body:has(#inbox-panel:not([hidden])) #message-alerts{visibility:hidden}#inbox-toggle{min-height:40px}@media(max-width:700px){#notifications,#message-alerts,#voice-status-notice{top:114px}#inbox-toggle{min-height:44px}#inbox-panel{top:116px}.inbox-thread>button{min-height:44px}}@media(prefers-reduced-motion:reduce){#inbox-panel:not([hidden]){animation:none}}
.inbox-actions{display:grid;gap:5px}.inbox-review{margin-top:14px;font-size:12px}#inbox-panel form label{display:block;font-size:13px;margin-top:14px}#inbox-panel textarea{width:100%;min-height:90px;box-sizing:border-box;margin:8px 0 12px;padding:10px;border:1px solid #c9d7cf;border-radius:10px;font:inherit}#inbox-panel form p{font-size:12px;line-height:1.5}

.world-speech{position:fixed;left:0;top:0;z-index:15;max-width:min(280px,70vw);padding:10px 15px;border-radius:16px;background:#18ad62;color:white;font-size:14px;line-height:1.4;overflow-wrap:anywhere;box-shadow:0 4px 15px #174c3326;pointer-events:none}.remote-speech{position:absolute;left:50%;top:auto;bottom:calc(100% + 10px);transform:translateX(-50%);width:max-content}.speech-dialog form>div{display:flex;gap:10px;margin-top:16px}.speech-dialog .primary{width:auto;flex:1}.speech-dialog input{margin-bottom:8px}
#computer .computer-nav{position:static;display:flex;flex-direction:column;gap:8px;box-shadow:none;backdrop-filter:none;border-radius:0;max-width:none;padding:16px}#computer .computer-content{overflow:auto}.workspace-entry{padding:18px;border:1px solid #dbe5dc;border-radius:16px;margin:14px 0;background:#fffdf8}.workspace-entry p{white-space:pre-wrap;overflow-wrap:anywhere}#computer textarea{width:100%;min-height:100px;padding:12px;border:1px solid #dbe5dc;border-radius:12px;font:inherit}#computer form label{margin-top:12px}#computer .computer-content>button{margin:5px}@media(max-width:700px){#computer .computer-layout{display:block}#computer .computer-nav{flex-direction:row;flex-wrap:wrap;padding:8px}#computer{width:calc(100vw - 20px);max-height:90dvh;overflow:auto}}

.account-dialog{width:min(420px,calc(100vw - 24px));max-height:85dvh;overflow:auto;background:#fffcf5}.account-dialog .account-close{float:right}.account-dialog h2{font-size:23px}.account-dialog input{margin-top:8px}.account-dialog form{margin-top:20px}.account-dialog p{font-size:14px}.account-dialog button{margin-bottom:8px}

/* Shared workspace conversations */
.space-shortcut{position:fixed;z-index:80;top:116px;right:24px;border:0;border-radius:22px;padding:11px 16px;background:#fffdf6;color:#214c43;box-shadow:0 5px 24px #273c2912;font:600 13px system-ui;cursor:pointer}
.space-picker{position:fixed;z-index:125;right:24px;top:162px;width:240px;background:#fffdf8;border-radius:20px;padding:10px;box-shadow:0 15px 50px #163b3926}.space-picker button{display:block;width:100%;text-align:left;background:#edf1e9;border:0;border-radius:12px;margin:5px 0;padding:12px;color:#193f38;cursor:pointer}
.space-room{position:fixed;z-index:130;right:24px;top:24px;bottom:24px;width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;background:#fffefd;color:#101436;border-radius:24px;padding:22px;box-shadow:0 18px 70px #23362e2b;font:14px/1.45 system-ui;animation:space-enter .25s ease-out;box-sizing:border-box}.space-room[hidden],.space-room [hidden],.space-picker[hidden]{display:none!important}.space-heading{display:flex;gap:12px;align-items:center}.space-heading>div{flex:1}.space-heading h2{font-size:21px;line-height:1.2;margin:0 0 4px}.space-heading small{color:#7b7e96}.space-icon{font-size:28px;background:#d7f4e8;border-radius:14px;padding:7px}.space-close{align-self:flex-start;background:none;border:0;color:#72768e;font-size:26px;cursor:pointer}.space-faces{display:flex;gap:12px;overflow:auto;padding:20px 0 14px;min-height:50px}.space-person{text-align:center;flex:0 0 47px}.space-person small{display:block;max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:5px}.space-face{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#d8eee1;color:#214c43;font-weight:700;box-sizing:border-box;overflow:hidden}.space-face img{width:100%;height:100%;object-fit:cover}.space-face.speaking{outline:3px solid #17b78a;outline-offset:2px}.space-tabs{display:flex;border-bottom:1px solid #ecebf1;padding-bottom:10px;gap:6px}.space-tabs button{border:0;border-radius:10px;padding:7px 22px;color:#71738d;background:#f3f3f4;cursor:pointer}.space-tabs button[aria-pressed=true]{background:#eee7ff;color:#211b4d;font-weight:700}.space-voice-controls{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.space-voice-controls button{border:0;border-radius:12px;padding:8px 12px;color:#214c43;background:#e8f0e9;cursor:pointer}.space-voice-controls .space-join,.space-voice-controls .space-voice{background:#214c43;color:white}.space-note{font-size:12px;color:#666b7e;margin:7px 0;min-height:17px}.space-messages{flex:1;overflow:auto;min-height:70px;overscroll-behavior:contain;padding-right:4px}.space-empty{text-align:center;color:#88899b;padding:28px 20px}.space-day{display:flex;align-items:center;gap:12px;color:#85859d;font-size:11px;margin:14px 0}.space-day:before,.space-day:after{content:'';height:1px;background:#e5e5ed;flex:1}.space-message{display:flex;gap:9px;margin:13px 0;align-items:flex-start}.space-message .space-face{width:30px;height:30px}.space-message>div{min-width:0;max-width:calc(100% - 40px)}.space-message-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#545770}.space-message-meta time{font-size:10px;color:#9999ac}.space-message-text{margin:4px 0 0;background:#f1eff5;padding:7px 12px;border-radius:4px 14px 14px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px}.space-message.own .space-message-text{background:#ece6ff}.space-typing{height:20px;flex-shrink:0;font-size:11px;color:#8b8da2}.space-compose{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #f0edf3}.space-compose textarea{box-sizing:border-box;width:100%;min-height:44px;max-height:100px;resize:vertical;border:1px solid #dedee9;border-radius:23px;padding:12px 16px;font:13px/20px system-ui;color:#151636;background:white}.space-compose button{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:0;background:#ffdb2f;color:#142340;font-size:22px;cursor:pointer}.space-compose button:disabled{opacity:.4}.space-footer{font-size:10px;color:#8d8e9e;margin-top:8px;text-align:center}.space-participants{flex:1;overflow:auto}.space-participant{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #efedf1}.space-participant strong{flex:1}.space-participant small{font-size:11px;color:#777b8c}.space-room button:focus-visible,.space-shortcut:focus-visible{outline:3px solid #7e6acb;outline-offset:3px}.zone-label.conversation-label{pointer-events:auto;cursor:pointer;border:0;font-family:inherit}
@keyframes space-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.space-room{top:auto;right:8px;left:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;height:min(78dvh,720px);padding:16px;border-radius:24px}.space-heading h2{font-size:19px}.space-shortcut{right:16px;top:112px}.space-picker{right:16px;top:158px}.space-faces{padding-top:12px}.space-heading .space-icon{font-size:22px}.space-person{flex-basis:42px}.space-room:focus-within{max-height:calc(100dvh - 16px)}}
@media(prefers-reduced-motion:reduce){.space-room{animation:none}}
.space-room .space-heading,.space-room .space-tabs{position:static;left:auto;top:auto;max-width:none;box-shadow:none;backdrop-filter:none;background:transparent;border-radius:0;z-index:auto}.space-room .space-heading{padding:0}.space-room .space-tabs{padding:0 0 10px}.space-room .space-message-text{color:#181b40}.space-room .space-person small{margin-top:5px}.space-room .space-message-meta strong{display:inline}
.space-room .space-heading small{display:block}.space-room{height:calc(100dvh - 48px);max-height:820px;bottom:auto}.space-room textarea{resize:none}@media(max-width:600px){.space-room{height:min(78dvh,720px);max-height:calc(100dvh - 16px);bottom:max(8px,env(safe-area-inset-bottom));top:auto}}
.wardrobe-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.wardrobe-look{font-size:11px;padding:8px 4px;display:flex;align-items:center;flex-direction:column;gap:5px;border:1px solid transparent}.wardrobe-look span{display:block;width:27px;height:27px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.wardrobe-look[aria-pressed=true]{border-color:#36665a;background:#dce9df}#panel{max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}@media(max-width:700px){#panel{top:90px;max-height:calc(100dvh - 110px)}}