@font-face{font-family:Dojo;src:url('./fonts/dojo-sans.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Dojo;src:url('./fonts/dojo-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--bg:#101318;--panel:#191d24;--panel-deep:#13171d;--line:#2d323b;--text:#f4f0e6;--muted:#a3abb6;--dim:#747e8d;--coral:#fc796b;--mint:#a8dfc6;--gold:#f1c785;--purple:#c6b0ee;--radius:18px;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;scrollbar-width:thin;scrollbar-color:#47515f var(--bg)}body{margin:0;background:radial-gradient(ellipse at 40% 10%,#232530 0,transparent 65%),var(--bg);font-family:Dojo,system-ui,sans-serif;color:var(--text);font-size:13px;line-height:1.5;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button,input,select,textarea,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--mint)}input:focus,textarea:focus,select:focus{outline:2px solid var(--mint);outline-offset:1px}button{touch-action:manipulation}button svg{pointer-events:none}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.icon-library{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:10px;z-index:99;padding:10px;background:var(--text);color:var(--bg)}.skip-link:focus{top:10px}
.app-header{height:76px;padding:0 clamp(16px,3vw,48px);border-bottom:1px solid #ffffff0d;display:flex;align-items:center;gap:25px;background:#101318b3}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}.brand .brand-mark{width:36px;height:36px;color:var(--coral)}.brand>span{font-size:19px;letter-spacing:-1px;font-weight:700;line-height:1.05}.brand-party{color:var(--coral);margin-left:4px}.brand small{display:block;font-size:7px;letter-spacing:2.1px;color:var(--muted);font-weight:400;margin-top:6px}.header-motto{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.header-motto span{color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.demo-pill{font-size:8px;letter-spacing:1.6px;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:var(--muted);margin-right:12px}.icon-button{width:36px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background .2s,color .2s}.icon-button:hover{color:var(--text);background:#ffffff0b}.icon-button[aria-pressed=true]{color:var(--mint)}.icon-button.playing{position:relative}.icon-button.playing::after{content:"";position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--coral);box-shadow:0 0 6px var(--coral)}.menu-toggle{display:none}.app-main{max-width:1920px;margin:auto;padding:22px clamp(16px,3vw,48px) 0}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin:0 0 6px}.mini-star{color:var(--coral);font-size:11px;margin-right:7px}.room-heading h1{font-size:25px;letter-spacing:-1px;line-height:1.2;margin:0}.room-heading h1>span:first-child{font-weight:400;color:var(--muted)}.room-number{color:var(--coral);font-size:11px;letter-spacing:0;border:1px solid #fc796b40;border-radius:5px;padding:3px 6px;margin-left:10px;vertical-align:middle}.room-heading-actions{display:flex;align-items:center;gap:15px}.live-pill{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;flex:none;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #a8dfc642}.status-dot.offline{background:var(--coral);box-shadow:none}.status-dot.focus{background:var(--gold);box-shadow:none}.status-dot.chill{background:var(--purple);box-shadow:none}.status-dot.brb{background:var(--dim);box-shadow:none}.soft-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:10px;background:#ffffff03}.soft-button svg{width:15px;height:15px}.soft-button:hover{border-color:#606978;background:#ffffff07}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.world-column{min-width:0}.scene-frame{position:relative;container-type:inline-size;border:1px solid #454a57;border-radius:var(--radius);background:radial-gradient(ellipse,#222832,#11171f);overflow:hidden;box-shadow:0 10px 55px #00000038;padding:0}.scene{position:relative;width:100%;height:min(62.5cqw,calc(100dvh - 287px));container-type:inline-size;overflow:hidden;isolation:isolate;cursor:crosshair;max-width:calc((100dvh - 287px)*2.4);margin:auto;min-height:220px}.world{position:absolute;left:0;width:100%;aspect-ratio:16/10;z-index:0;top:min(0px,calc((100% - 62.5cqw)*.7))}.scene:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}.scene[data-focus-source="pointer"]:focus-visible{outline:none}.room-layout::backdrop{background:var(--bg)}.scene-background,.scene-shading{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.scene-shading{background:linear-gradient(180deg,#08111d38,transparent 25%,transparent 82%,#070a128c)}.scene-topline{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:200;pointer-events:none}.scene-topline button{pointer-events:auto}.scene-hud{display:flex;gap:6px;align-items:center}.fs-hud{display:none;position:relative}.fs-badge{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--coral);color:#12171e;font-size:8px;font-weight:700;line-height:14px;text-align:center;font-style:normal}.scene-tag{font-size:7px;font-weight:700;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff25;border-radius:6px;padding:8px 10px;background:#0e1523bb;backdrop-filter:blur(12px)}.scene-tag .status-dot{width:5px;height:5px}.tag-divider{color:#757f8c;margin:0 2px}.scene-tag>span:last-child{color:#c7b9ac}.scene-expand{width:30px;height:30px;background:#111826a8;color:var(--text);border:1px solid #ffffff20;backdrop-filter:blur(8px)}.scene-expand .icon{width:15px;height:15px}.scene-weather{position:absolute;top:61px;left:20px;z-index:3;display:flex;gap:7px;align-items:center;font-size:8px;color:#e3d2be;letter-spacing:.3px;text-shadow:0 2px 4px #000}.scene-weather .icon{width:12px;height:12px;color:var(--gold)}.scene-bottomline{position:absolute;bottom:15px;left:19px;right:19px;z-index:190;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:8px;font-size:9px;color:#e6e3e1}.scene-bottomline>span:first-child{display:flex;align-items:center;gap:6px;background:#0e1523aa;padding:6px 10px;border-radius:6px;border:1px solid #ffffff10;backdrop-filter:blur(5px)}.scene-bottomline .icon{width:13px;height:13px;color:var(--coral)}.scene-credit{font-size:6px;letter-spacing:1.1px;text-shadow:0 1px 6px black}.spot-tag{position:absolute;z-index:2;background:#151820a8;border:1px solid #efd6a347;border-radius:20px;font-size:6px;font-weight:700;letter-spacing:1px;padding:4px 8px;backdrop-filter:blur(4px);color:#efd7b8;transform:translateX(-50%);transition:background .2s}.spot-tag:hover{background:#523126}.spot-tag span{font-size:10px;margin-right:4px}.tea-spot{left:18%;top:48%}.focus-spot{left:51%;top:40%}.world-avatars,.world-effects,.fireflies{position:absolute;inset:0;pointer-events:none}.world-avatar{position:absolute;width:0;height:0;--sprite-size:clamp(42px,7.7cqw,94px);pointer-events:none}.avatar-button{position:absolute;bottom:0;left:calc(var(--sprite-size)*-.5);width:var(--sprite-size);height:calc(var(--sprite-size)*1.2);padding:0;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 3px 3px #0005);border-radius:45%;-webkit-tap-highlight-color:transparent}.avatar-button:focus-visible{outline:2px solid var(--mint);outline-offset:0}.avatar-sprite{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 90%;animation:breathe 4s ease-in-out infinite;animation-delay:var(--idle-delay,0s)}.avatar-button:hover .avatar-sprite{filter:brightness(1.12)}.world-avatar.walking .avatar-sprite{animation:waddle .24s ease-in-out infinite}.world-avatar.wave .avatar-sprite{animation:wave 1s ease-in-out 2}.world-avatar.tea .avatar-sprite{animation:sip 1.2s ease-in-out 2}.world-avatar.cheer .avatar-sprite{animation:cheer .5s ease-in-out 4}.world-avatar.smoke .avatar-sprite{animation:vanish 1.2s ease-out}.avatar-shadow{position:absolute;bottom:-2px;left:calc(var(--sprite-size)*-.36);width:calc(var(--sprite-size)*.72);height:calc(var(--sprite-size)*.16);background:#0007;filter:blur(3px);border-radius:50%}.avatar-ring{position:absolute;bottom:-4px;left:calc(var(--sprite-size)*-.42);width:calc(var(--sprite-size)*.84);height:calc(var(--sprite-size)*.25);border:1.5px solid var(--coral);box-shadow:0 0 14px #fc796b50,inset 0 0 9px #fc796b10;border-radius:50%;opacity:0}.world-avatar.self .avatar-ring{opacity:1}.world-avatar.focused .avatar-ring{opacity:1;border-color:var(--gold);box-shadow:0 0 15px #f1c78545}.world-avatar.muted .avatar-sprite{opacity:.55}.avatar-nameplate{position:absolute;top:7px;left:0;transform:translateX(-50%);white-space:nowrap;max-width:145px;display:flex;gap:4px;align-items:center;border-radius:4px;padding:3px 6px;line-height:1.2;background:#0c121be0;backdrop-filter:blur(4px);border:1px solid #ffffff1e;font-size:8px;font-weight:700;letter-spacing:.1px}.avatar-nameplate span.name-text{overflow:hidden;text-overflow:ellipsis;max-width:102px}.avatar-nameplate .status-dot{width:4px;height:4px}.avatar-nameplate small{font-size:5px;letter-spacing:.6px;color:var(--coral)}.world-avatar.self .avatar-nameplate{border-color:#fc796b7a;color:#ffafa4}.world-avatar.npc .avatar-nameplate{font-size:7px;color:#b2ad9e}.world-avatar.pigeon{--sprite-size:clamp(20px,3.6cqw,40px)}.world-avatar.pigeon .avatar-button{height:var(--sprite-size)}.world-avatar.pigeon .avatar-nameplate{display:none}.world-avatar.pigeon:hover .avatar-nameplate{display:flex}.speech-bubble{position:absolute;bottom:calc(var(--sprite-size)*1.21 + 8px);left:0;transform:translateX(-50%);max-width:180px;min-width:60px;width:max-content;padding:8px 10px;border-radius:10px 10px 10px 3px;font-size:10px;line-height:1.4;color:#23252b;background:#f2eadc;box-shadow:0 3px 15px #0005;overflow-wrap:anywhere;pointer-events:none;animation:bubble-in .16s ease-out}.speech-bubble::after{content:'';position:absolute;bottom:-5px;left:50%;border:5px solid transparent;border-bottom:0;border-top-color:#f2eadc}.speech-bubble.whisper{background:#e4d5fb;color:#312346}.speech-bubble.whisper::after{border-top-color:#e4d5fb}.speech-bubble.edge-left{transform:none;left:-20px}.speech-bubble.edge-right{transform:translateX(-100%);left:20px}.emote-cloud{position:absolute;bottom:calc(var(--sprite-size)*1.13);left:0;transform:translateX(-50%);font-size:24px;filter:drop-shadow(0 2px 4px #0007);animation:emote-pop .4s ease-out}.typing-cloud{position:absolute;left:0;bottom:calc(var(--sprite-size)*1.18);transform:translateX(-50%);padding:2px 9px;background:#e8e1d5;color:#383b42;border-radius:9px;letter-spacing:2px;font-size:11px}.move-marker{position:absolute;width:30px;height:10px;border:1.5px solid var(--coral);border-radius:50%;transform:translate(-50%,-50%);animation:target-out .8s ease-out forwards}.smoke-puff{position:absolute;font-size:32px;line-height:1;animation:puff 1s ease-out forwards}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 7px var(--gold);animation:spark 1s ease-out forwards}.crumb-patch{position:absolute;transform:translate(-50%,-50%);font-size:13px;color:var(--gold);text-shadow:0 0 8px #f1c78580;letter-spacing:4px}.firefly{position:absolute;display:block;width:2px;height:2px;border-radius:50%;background:#fbe2a3;box-shadow:0 0 6px #fedb95;animation:firefly var(--fly-time) ease-in-out infinite;animation-delay:var(--fly-delay);opacity:0}
.world-toolbar{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:#171b22}.self-control{display:flex;align-items:center;gap:10px;min-width:184px;flex:1}.self-portrait{width:40px;height:42px;overflow:hidden;background:linear-gradient(145deg,#fc796b1f,#20242c);border:1px solid #fc796b30;border-radius:9px;flex:none}.self-portrait img{width:38px;height:46px;object-fit:contain}.self-control strong{font-size:10px;display:block}.status-select-label{display:flex;align-items:center;gap:5px;margin-top:4px}.status-select-label select{font-size:8px;color:var(--muted);padding:0 2px 0 0;background:none;border:0;max-width:125px;cursor:pointer}.status-select-label .status-dot{width:4px;height:4px}.edit-profile{width:26px;height:28px;margin-left:6px}.edit-profile svg{width:14px;height:14px}.emote-bar{display:flex;gap:3px;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 11px}.emote-button{min-width:40px;padding:1px 5px;display:flex;flex-direction:column;align-items:center;border-radius:7px;gap:2px;transition:background .2s,transform .2s}.emote-button>span{font-size:17px;line-height:1.5}.emote-button small{font-size:6px;color:var(--muted);letter-spacing:.1px}.emote-button:hover{background:#ffffff0b;transform:translateY(-2px)}.focus-button{display:flex;align-items:center;gap:8px;text-align:left;min-width:170px;padding:6px 2px;color:var(--gold)}.focus-button>.icon{width:17px;height:17px}.focus-button strong{display:block;font-size:9px;font-weight:400}.focus-button small{display:block;color:var(--muted);font-size:7px}.focus-button>span:last-child{font-size:13px;font-variant-numeric:tabular-nums;margin-left:5px}.focus-button.running{color:var(--mint)}.under-world{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 1px 0}.soundtrack-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;padding:3px 0}.soundtrack-pill small{font-size:6px;letter-spacing:.6px;color:var(--dim);margin-left:4px}.soundtrack-pill[aria-pressed=true]{color:var(--mint)}.equalizer{height:14px;display:flex;align-items:center;gap:2px;width:15px}.equalizer i{height:3px;width:2px;display:block;background:var(--coral);border-radius:1px}.soundtrack-pill[aria-pressed=true] .equalizer i{animation:equalize .7s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.5s!important}.equalizer i:nth-child(3){animation-delay:-.3s!important}.equalizer i:nth-child(4){animation-delay:-.1s!important}.real-people-note{font-size:8px;color:var(--dim)}.is-lobby .world-toolbar{opacity:.65}.is-lobby .self-control select{pointer-events:auto}.is-lobby .edit-profile{display:none}.is-lobby .emote-bar{opacity:.65}.side-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#1c2029,#171b22);overflow:hidden;min-width:0}.join-panel{padding:25px 22px 19px}.coral{color:var(--coral)}.join-panel h2{font-size:30px;line-height:1.15;letter-spacing:-1.5px;margin:9px 0 14px}.join-intro{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 21px}.avatar-fieldset{padding:0;border:0;margin:0 0 17px}.avatar-fieldset legend,.field-label{display:block;font-size:7px;font-weight:700;letter-spacing:1.1px;color:var(--muted);margin-bottom:9px}.avatar-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.avatar-option{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:86px;border:1px solid #ffffff0e;border-radius:9px;position:relative;padding:5px 0;background:#10141a8c;isolation:isolate;overflow:hidden;transition:border-color .2s,background .2s}.avatar-option::before{content:'';position:absolute;width:48px;height:48px;bottom:18px;z-index:-1;background:radial-gradient(circle,var(--avatar-color),transparent 70%);opacity:.12}.avatar-option:hover{border-color:#85898f;background:#242934}.avatar-option.selected{border-color:var(--avatar-color);background:#fc796b0c;box-shadow:0 0 14px #0002}.avatar-option.selected::before{opacity:.2}.avatar-option img{height:60px;width:50px;object-fit:contain;filter:drop-shadow(0 3px 3px #0005)}.avatar-option>span{font-size:6px;font-weight:700;color:var(--muted);letter-spacing:.1px}.avatar-option.selected>span{color:var(--avatar-color)}.avatar-option .selected-tick{display:none;position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:var(--avatar-color);color:#171b22;font-size:7px;line-height:9px}.avatar-option.selected .selected-tick{display:block}.name-field{display:flex;align-items:center;border:1px solid #414753;background:#101419a8;border-radius:9px;padding:3px 4px 3px 12px}.name-field:focus-within{border-color:var(--mint)}.name-field input{width:100%;min-width:0;color:var(--text);border:0;background:none;height:37px;font-size:11px;outline:none}.name-field .icon-button{width:32px;height:32px;flex:none;color:var(--coral);background:#fc796b0c}.name-field .icon-button svg{width:17px;height:17px}.field-hint{font-size:8px;color:var(--dim);margin-top:7px;display:block}.join-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 15px;margin-top:20px;border-radius:9px;color:#23171a;background:var(--coral);font-size:11px;font-weight:700;box-shadow:0 5px 20px #fc796b10;transition:background .2s,transform .2s}.join-button .icon{width:17px;height:17px}.join-button:hover{background:#ffa194;transform:translateY(-1px)}.join-error{font-size:10px;color:#ffaca1;line-height:1.6;margin-bottom:0}.join-footnote{margin:17px 0 12px;display:flex;justify-content:center;gap:6px;font-size:7px;color:var(--muted)}.join-footnote .status-dot{width:4px;height:4px;margin-top:3px}.text-button{font-size:8px;color:var(--muted);padding:0;display:inline-flex;align-items:center;gap:5px}.text-button:hover{color:var(--text)}.join-panel>.text-button{width:100%;justify-content:center;padding-top:12px;border-top:1px solid var(--line);font-size:7px}.join-panel>.text-button span{color:var(--coral);font-size:13px}.app-footer{padding:16px clamp(16px,3vw,48px) 18px;display:flex;align-items:center;gap:25px;max-width:1920px;margin:auto;font-size:7px;color:var(--dim)}.app-footer a{font-weight:700;color:var(--muted);text-decoration:none}.app-footer .text-button{font-size:7px}.footer-dot{margin:0 6px}.footer-trail{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:6px;letter-spacing:1px}.footer-trail .status-dot{width:4px;height:4px}
.chat-panel{height:calc(100dvh - 205px);max-height:820px;min-height:450px;display:flex;flex-direction:column}.panel-tabs{display:flex;padding:13px 13px 0;gap:14px;border-bottom:1px solid var(--line);flex:none}.panel-tab{display:flex;align-items:center;gap:6px;position:relative;font-size:10px;padding:3px 0 13px;color:var(--muted);border-bottom:2px solid transparent}.panel-tab .icon{width:14px;height:14px}.panel-tab.active{color:var(--text);border-bottom-color:var(--coral)}.panel-tab>span:not(.unread-dot){border:1px solid var(--line);border-radius:4px;font-size:7px;min-width:15px;text-align:center;padding:1px 3px}.unread-dot{width:5px;height:5px;background:var(--coral);border-radius:50%}.close-panel{margin-left:auto;display:none}.chat-view{min-height:0;display:flex;flex-direction:column;flex:1}.chat-intro{display:flex;align-items:center;gap:6px;flex:none;margin:16px 17px 9px;font-size:6px;letter-spacing:.65px;color:var(--muted)}.chat-intro>.status-dot{width:4px;height:4px}.chat-intro>span:last-child{margin-left:auto;font-size:5px;letter-spacing:.7px;color:var(--dim);max-width:80px;text-align:right}.messages{flex:1;min-height:80px;overflow:auto;padding:0 17px;scrollbar-width:thin;scrollbar-color:#454d5a transparent;overscroll-behavior:contain}.chat-message{display:flex;gap:8px;margin:13px 0;animation:bubble-in .18s ease-out}.message-portrait{width:29px;height:32px;flex:none;background:#0d111870;border:1px solid #ffffff0b;border-radius:7px;overflow:hidden;align-self:flex-start;margin-top:1px}.message-portrait img{width:29px;height:35px;object-fit:contain}.message-content{min-width:0;flex:1}.message-head{display:flex;align-items:baseline;gap:6px;line-height:1.4;margin-bottom:4px;flex-wrap:wrap}.message-head strong{font-size:9px;letter-spacing:.1px}.message-head time{font-size:6px;color:var(--dim);margin-left:auto}.message-head .message-tag{font-size:5px;letter-spacing:.7px;border:1px solid #fc796b3b;border-radius:3px;padding:1px 3px;color:var(--coral)}.chat-message.own .message-head strong{color:var(--coral)}.message-text{font-size:10px;line-height:1.75;color:#d0d2d6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-message.whisper{background:#c6b0ee0a;border:1px solid #c6b0ee1b;margin-left:-6px;margin-right:-6px;padding:7px 6px;border-radius:8px}.chat-message.whisper .message-text{color:#dbc8f2}.whisper-label{font-size:6px;color:var(--purple);margin-bottom:3px;display:flex;gap:4px;align-items:center}.whisper-label .icon{width:9px;height:9px}.system-message{font-size:7px;line-height:1.8;color:var(--dim);padding:8px 0;border-top:1px solid #ffffff05;display:flex;align-items:center;gap:6px}.system-message .icon{width:9px;height:9px;color:#737b87}.chat-welcome{margin-top:20px;margin-bottom:16px;padding:14px 12px;border:1px solid #f1c78521;background:#f1c78504;border-radius:10px}.chat-welcome strong{font-size:11px;font-weight:400;color:var(--gold)}.chat-welcome p{font-size:9px;line-height:1.8;color:var(--muted);margin:6px 0 0}.chat-welcome small{font-size:5px;letter-spacing:1px;display:block;color:var(--gold);margin-bottom:4px}.typing-indicator{height:20px;flex:none;font-size:7px;padding:0 18px;color:var(--dim);line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-form{padding:0 14px 12px;flex:none}.channel-select{display:flex;align-items:center;gap:4px;margin-bottom:7px;font-size:7px;color:var(--muted)}.channel-select .icon{width:11px;height:11px}.channel-select select{background:transparent;border:0;color:inherit;font-size:8px;padding:3px 6px 3px 0;max-width:180px;cursor:pointer}.channel-select .text-button{margin-left:auto;font-size:6px;color:var(--purple)}.chat-input-wrap{position:relative;border:1px solid #424955;border-radius:9px;background:#1014197d;padding:10px 43px 10px 10px}.chat-input-wrap:focus-within{border-color:#9aafac}.chat-input-wrap textarea{display:block;resize:none;width:100%;min-height:35px;max-height:85px;background:none;border:0;outline:none;color:var(--text);font-size:10px;line-height:1.7}.chat-input-wrap textarea::placeholder{color:var(--dim)}.send-button{position:absolute;right:6px;bottom:9px;background:var(--coral);color:#2d1c1b;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.send-button .icon{width:16px;height:16px}.send-button:hover{background:#ffa194}.chat-input-foot{display:flex;justify-content:space-between;gap:3px;font-size:5px;color:var(--dim);margin-top:6px}.chat-panel-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:10px 15px;flex:none;gap:8px}.chat-panel-footer>span{font-size:5px;color:var(--dim);letter-spacing:.5px}.chat-panel-footer .text-button{font-size:7px}.chat-panel-footer .icon{width:11px;height:11px}.people-view{flex:1;min-height:0;overflow:auto;padding:18px 16px}.people-heading h3{font-size:16px;margin:0 0 5px;letter-spacing:-.5px}.people-heading p{font-size:9px;color:var(--muted);line-height:1.8;margin:0 0 18px}.people-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #ffffff07}.people-avatar{background:#10131896;border:1px solid #ffffff0d;border-radius:8px;width:37px;height:43px;flex:none;overflow:hidden}.people-avatar img{width:100%;height:100%;object-fit:contain}.people-info{flex:1;min-width:0}.people-info strong{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis}.people-info small{font-size:7px;color:var(--muted);display:flex;gap:4px;align-items:center;margin-top:4px}.people-info .status-dot{width:4px;height:4px}.people-row>.icon-button{width:27px;height:30px}.people-row>.icon-button svg{width:13px;height:13px}.people-mute{font-size:6px;color:var(--dim);margin-left:3px}.npc-note{margin-top:20px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px}.npc-note img{object-fit:contain;width:35px;height:39px}.npc-note strong{display:block;font-size:8px;color:var(--gold)}.npc-note span{display:block;font-size:6px;color:var(--dim);margin-top:3px}
.app-dialog{width:440px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow-y:auto;background:linear-gradient(145deg,#232833,#171b22);color:var(--text);border:1px solid #4a4f5b;border-radius:20px;padding:30px;box-shadow:0 30px 100px #0009}.app-dialog::backdrop{background:#070b14c9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px}.app-dialog h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:10px 0 18px}.app-dialog>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.9}.guide-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:18px}.guide-list li{display:flex;gap:13px}.guide-list li>span{font-size:9px;color:var(--coral);padding-top:1px}.guide-list strong{font-size:11px}.guide-list p{font-size:9px;line-height:1.8;color:var(--muted);margin:5px 0 0}.guide-privacy{padding:16px;border:1px solid var(--line);border-radius:9px;background:#10131855}.guide-privacy strong{font-size:9px;color:var(--gold)}.guide-privacy p{font-size:8px;line-height:1.9;color:var(--muted);margin:5px 0 0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:15px}.settings-row strong{display:block;font-size:11px}.settings-row small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.toggle-button{padding:6px 12px;border:1px solid #545b68;border-radius:20px;font-size:9px;min-width:48px;color:var(--muted)}.toggle-button[aria-pressed=true]{background:#a8dfc615;border-color:#a8dfc640;color:var(--mint)}.volume-row{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:9px;color:var(--muted)}.volume-row input{min-width:0;flex:1;accent-color:var(--mint)}.volume-row span{font-size:9px;width:31px}.settings-note{font-size:8px!important}.profile-dialog .avatar-options{margin:20px 0 24px}.profile-dialog .avatar-option{height:105px}.profile-dialog .avatar-option img{width:65px;height:80px}.profile-input{width:100%;background:#101419c2;border:1px solid #4b5260;border-radius:8px;height:42px;padding:10px;color:var(--text);font-size:12px}.profile-popover{position:fixed;z-index:220;width:188px;padding:18px 14px 13px;background:#1b202aed;border:1px solid #535a68;border-radius:14px;box-shadow:0 15px 55px #0008;backdrop-filter:blur(20px);text-align:center}.popover-close{position:absolute;top:5px;right:5px;width:24px;height:24px}.popover-close .icon{width:13px;height:13px}.profile-popover>img{display:block;margin:0 auto 7px;object-fit:contain}.profile-popover>strong{display:block;font-size:11px;overflow-wrap:anywhere}.profile-popover>span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.profile-popover .join-button{margin:12px 0 8px;font-size:9px;padding:8px 11px;justify-content:center}.profile-popover .join-button svg{width:12px;height:12px}.profile-popover>.text-button{font-size:7px}.toast-stack{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:calc(100vw - 25px);pointer-events:none}.toast{padding:11px 16px;border:1px solid #63616a;background:#252830ed;backdrop-filter:blur(10px);box-shadow:0 5px 30px #0006;border-radius:10px;font-size:10px;color:var(--text);animation:bubble-in .2s ease-out;max-width:380px;text-align:center}.toast.error{border-color:#fc796b90;color:#ffd0c8}.mobile-dock,.mobile-menu,.menu-scrim{display:none}.noscript-note{position:fixed;bottom:0;left:0;right:0;padding:16px;background:var(--coral);color:#15181e;text-align:center;font-size:13px;z-index:999}
@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.012)}}
@keyframes waddle{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(7deg)}}
@keyframes sip{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) rotate(-4deg)}}
@keyframes cheer{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-16px) scaleY(1.02)}}
@keyframes vanish{0%,100%{opacity:1;transform:scale(1)}35%{opacity:.1;transform:scale(.7)}70%{opacity:.75;transform:scale(1.03)}}
@keyframes bubble-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes emote-pop{from{scale:.4;opacity:0}to{scale:1;opacity:1}}
@keyframes target-out{to{scale:2;opacity:0}}
@keyframes puff{from{translate:0 0;opacity:.85;scale:.7}to{translate:var(--puff-x) -38px;opacity:0;scale:2}}
@keyframes spark{from{translate:0 0;opacity:1}to{translate:var(--spark-x) var(--spark-y);opacity:0}}
@keyframes firefly{0%,100%{opacity:0;translate:0 0}35%,65%{opacity:.6}50%{translate:15px -25px}}
@keyframes equalize{to{height:13px}}
.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){body:not(.motion-override) *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(min-width:1600px){.room-layout{grid-template-columns:minmax(0,1fr) 365px}.join-panel{padding:34px 30px}.join-panel h2{font-size:37px}.join-intro{font-size:11px}.avatar-option{height:100px}.avatar-option img{height:76px;width:56px}.avatar-option>span{font-size:7px}.join-panel .join-button{margin-top:24px}.self-control strong{font-size:11px}.emote-button{min-width:47px}.emote-button>span{font-size:20px}.emote-button small{font-size:7px}.focus-button{min-width:195px}.world-toolbar{padding:11px 15px}.chat-message .message-text{font-size:11px}.message-head strong{font-size:10px}.messages{padding:0 22px}.chat-form{padding:0 19px 15px}}
@media(max-width:1200px){.room-layout{grid-template-columns:minmax(0,1fr) 286px;gap:13px}.join-panel{padding:22px 17px 17px}.join-panel h2{font-size:28px}.join-intro{font-size:9px}.avatar-option{height:77px}.avatar-option img{height:53px;width:43px}.avatar-option>span{font-size:5px}.world-toolbar{gap:9px;padding:9px}.self-control{min-width:165px}.emote-bar{padding:0 5px}.emote-button{min-width:32px;padding:2px 3px}.focus-button{min-width:145px}.focus-button strong{font-size:8px}.focus-button small{font-size:6px}.focus-button>span:last-child{font-size:11px;margin-left:0}.focus-button .icon{display:none}.scene-tag{font-size:6px}.scene-credit{display:none}.header-motto{font-size:9px}.app-main{padding-top:18px}.real-people-note{font-size:7px}.footer-trail{display:none}.chat-panel{min-height:430px}}
@media(min-width:801px) and (max-width:1060px){.world-toolbar .focus-button{flex:1;border-top:1px solid var(--line);padding:8px 1px 1px}.world-toolbar .focus-button .icon{display:block}.world-toolbar .focus-button>span:last-child{margin-left:auto}.world-toolbar .self-control{flex:none}.emote-bar{margin-left:auto;border-right:0}.scene{height:min(62.5cqw,calc(100dvh - 320px));max-width:calc((100dvh - 320px)*2.4)}}
@media(max-width:800px){.app-header{height:65px;padding:0 16px;gap:14px}.brand>span{font-size:17px}.brand .brand-mark{width:30px;height:30px}.brand small{font-size:6px;letter-spacing:1.7px}.header-motto,.demo-pill,.desktop-help,.header-actions>button[data-dialog=settings-dialog]{display:none}.header-actions{gap:6px}.menu-toggle{display:inline-flex}.app-main{padding:18px 14px 0}.room-heading{margin-bottom:15px}.room-heading h1{font-size:22px}.eyebrow{font-size:7px;letter-spacing:1.4px}.room-heading-actions{gap:8px}.invite-button{width:32px;height:32px;padding:8px}.invite-button>span{display:none}.live-pill{font-size:8px;max-width:128px}.room-layout{grid-template-columns:1fr;gap:14px}.scene{height:62.5cqw;max-width:none;min-height:0}.scene-frame{border-radius:13px}.scene-topline{top:12px;left:12px;right:12px}.scene-tag{font-size:5px;letter-spacing:.8px;padding:6px 8px;gap:5px}.scene-tag>span:last-child{display:none}.scene-expand{width:27px;height:27px}.scene-weather{top:47px;left:13px;font-size:6px;gap:4px}.scene-weather .icon{width:10px;height:10px}.scene-bottomline{left:12px;right:12px;bottom:10px;font-size:7px}.scene-bottomline>span:first-child{padding:4px 6px}.scene-bottomline .icon{width:9px;height:9px}.world-avatar{--sprite-size:clamp(38px,9cqw,69px)}.avatar-nameplate{font-size:6px;padding:2px 4px;max-width:100px;top:5px;gap:3px}.avatar-nameplate span.name-text{max-width:68px}.avatar-nameplate small{font-size:4px}.avatar-nameplate .status-dot{width:3px;height:3px}.world-avatar.npc .avatar-nameplate{font-size:5px}.world-avatar.pigeon{--sprite-size:clamp(17px,3.8cqw,28px)}.speech-bubble{font-size:8px;max-width:125px;padding:6px 8px;min-width:45px;border-radius:8px}.emote-cloud{font-size:18px}.spot-tag{font-size:4px;padding:3px 5px;letter-spacing:.5px}.spot-tag span{font-size:7px;margin-right:2px}.world-toolbar{flex-wrap:wrap;gap:6px;padding:10px;margin-top:10px}.self-control{min-width:160px;flex:1}.self-control strong{font-size:10px}.emote-bar{padding:0 0 0 5px;border-right:0}.emote-button{min-width:33px;padding:2px 4px}.emote-button>span{font-size:18px}.emote-button small{font-size:6px}.focus-button{flex-basis:100%;border-top:1px solid var(--line);padding:9px 2px 1px;gap:8px}.focus-button .icon{display:block;width:15px;height:15px}.focus-button strong{font-size:9px}.focus-button small{font-size:7px}.focus-button>span:last-child{margin-left:auto;font-size:12px}.under-world{padding-top:10px}.real-people-note{font-size:6px}.soundtrack-pill{font-size:8px}.soundtrack-pill small{font-size:5px}.side-panel{border-radius:13px}.join-panel{padding:22px;display:block;max-width:520px;margin:auto}.join-panel h2{font-size:33px;margin:10px 0}.join-panel h2 br{display:none}.join-intro{font-size:11px;line-height:1.8;margin:0 0 20px}.avatar-option{height:105px}.avatar-option img{height:81px;width:65px}.avatar-option>span{font-size:7px}.avatar-fieldset legend,.field-label{font-size:8px}.name-field input{font-size:13px}.name-field .icon-button{width:35px;height:35px}.field-hint{font-size:9px}.join-button{font-size:12px;padding:15px 17px;margin-top:19px}.join-footnote{font-size:8px}.join-panel>.text-button{font-size:8px}.app-footer{padding:18px 14px 22px;gap:12px;justify-content:space-between;font-size:6px}.app-footer .text-button{font-size:6px}.footer-dot{margin:0 2px}.is-lobby .world-toolbar{display:none}.is-lobby .real-people-note{display:none}.is-lobby .under-world{justify-content:center;margin-bottom:0}.is-room{padding-bottom:calc(77px + env(safe-area-inset-bottom))}.is-room .side-panel{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:215;display:none;border-color:#5c6472;box-shadow:0 -10px 60px #0009}.is-room.sidebar-open .side-panel{display:block;animation:bubble-in .2s ease-out}.is-room .chat-panel{height:min(64dvh,520px);min-height:310px;max-height:calc(100dvh - 160px)}.close-panel{display:inline-flex;width:25px;height:29px;align-self:flex-start;margin-top:-3px}.panel-tabs{padding:12px 15px 0;gap:22px}.panel-tab{font-size:11px}.chat-intro{font-size:7px}.chat-intro>span:last-child{font-size:6px}.chat-message{margin:12px 0}.message-head strong{font-size:11px}.message-text{font-size:12px}.message-head time{font-size:8px}.message-head .message-tag{font-size:6px}.whisper-label{font-size:8px}.system-message{font-size:9px}.chat-welcome strong{font-size:13px}.chat-welcome p{font-size:11px}.chat-welcome small{font-size:6px}.typing-indicator{font-size:8px;height:22px}.channel-select select{font-size:11px}.channel-select .icon{width:13px;height:13px}.channel-select .text-button{font-size:8px}.chat-input-wrap textarea{font-size:16px;line-height:1.5;min-height:35px}.chat-input-foot{font-size:6px}.chat-panel-footer>span{font-size:6px}.chat-panel-footer .text-button{font-size:9px}.people-heading h3{font-size:18px}.people-heading p{font-size:11px}.people-info strong{font-size:12px}.people-info small{font-size:9px}.people-avatar{width:42px;height:49px}.people-mute{font-size:8px;padding:6px}.people-row>.icon-button{width:30px;height:32px}.npc-note strong{font-size:10px}.npc-note span{font-size:8px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;display:none;align-items:center;justify-content:space-around;height:calc(66px + env(safe-area-inset-bottom));padding:5px 10px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #49505d;background:#161b24ee;backdrop-filter:blur(18px);z-index:230}.is-room .mobile-dock{display:flex}.mobile-dock button{color:var(--muted);display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;position:relative;min-width:57px;padding:4px}.mobile-dock button>span{font-size:8px}.mobile-dock button .icon{width:20px;height:20px}.mobile-dock button.active{color:var(--coral)}.mobile-dock b{position:absolute;top:0;right:7px;font-size:7px;background:var(--coral);color:#12171e;min-width:13px;height:13px;border-radius:50%;line-height:13px;text-align:center}.mobile-menu{display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;width:75%;max-width:340px;z-index:501;background:#191f29;border-left:1px solid #505a66;box-shadow:-30px 0 70px #0006;transform:translateX(105%);transition:transform .25s ease;visibility:hidden;padding:20px}.mobile-menu.open{transform:translateX(0);visibility:visible}.menu-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:25px}.mobile-menu>button{padding:16px 4px;display:flex;align-items:center;gap:14px;font-size:12px;border-bottom:1px solid var(--line)}.mobile-menu>button .icon{width:18px;height:18px;color:var(--coral)}.menu-bottom{margin-top:auto;padding:24px 4px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.menu-bottom svg{width:38px;height:38px;color:var(--coral)}.menu-bottom strong{font-size:17px;line-height:1.4;letter-spacing:-.5px}.menu-bottom small{font-size:9px;color:var(--muted)}.menu-scrim{display:block;position:fixed;inset:0;z-index:500;background:#050a16b5;backdrop-filter:blur(3px)}.toast-stack{bottom:95px}.is-lobby .toast-stack{bottom:25px}.app-dialog{padding:26px;max-height:calc(100dvh - 30px)}.app-dialog h2{font-size:30px}.app-dialog>p:not(.eyebrow){font-size:12px}.guide-list strong{font-size:12px}.guide-list p{font-size:11px}.guide-privacy strong{font-size:11px}.guide-privacy p{font-size:10px}.settings-row strong{font-size:13px}.settings-row small{font-size:10px}.toggle-button{font-size:11px;min-width:52px;padding:8px 12px}.volume-row{font-size:11px}.profile-input{font-size:16px}.profile-popover{width:195px}.profile-popover>strong{font-size:12px}.profile-popover>span{font-size:10px}.profile-popover .join-button{font-size:11px}.profile-popover>.text-button{font-size:9px}}
@media(max-width:400px){.app-header{padding:0 12px}.brand>span{font-size:15px}.brand small{font-size:5px}.room-heading h1{font-size:19px}.live-pill{font-size:7px;max-width:102px}.room-number{font-size:8px;padding:2px 4px;margin-left:6px}.app-main{padding:14px 10px 0}.room-heading{margin-bottom:12px}.room-heading .eyebrow{font-size:5px}.room-heading-actions{gap:6px}.world-toolbar{padding:9px 8px}.self-control{min-width:146px;gap:6px}.self-control strong{font-size:8px}.self-portrait{width:32px;height:36px}.self-portrait img{width:31px;height:38px}.edit-profile{display:none}.emote-button{min-width:28px;padding:2px}.emote-button>span{font-size:15px}.emote-button small{font-size:5px}.emote-bar{gap:0}.real-people-note{display:none}.under-world{justify-content:center}.join-panel{padding:19px}.join-panel h2{font-size:28px}.join-intro{font-size:10px}.avatar-option{height:87px}.avatar-option img{width:52px;height:65px}.avatar-option>span{font-size:6px}.join-panel .join-button{font-size:11px}.app-footer{font-size:5px;gap:6px}.app-footer .text-button{font-size:5px}}
@media(max-height:650px) and (min-width:801px){.scene{max-width:none;min-height:260px}.chat-panel{height:470px;max-height:none}.app-main{padding-top:15px}.room-heading{margin-bottom:14px}}

/* Comfortable reading sizes for the chat and controls, including high-DPI screens. */
.header-motto{font-size:11px}.demo-pill{font-size:9px}.eyebrow{font-size:9px}
.live-pill,.soft-button{font-size:11px}.scene-tag{font-size:8px}.scene-weather{font-size:10px}
.scene-bottomline{font-size:10px}.scene-credit{font-size:7px}.spot-tag{font-size:7px}
.avatar-nameplate{font-size:9px}.avatar-nameplate small{font-size:6px}.world-avatar.npc .avatar-nameplate{font-size:8px}
.speech-bubble{font-size:11px}.self-control strong{font-size:11px}.status-select-label select{font-size:10px}
.emote-button small{font-size:8px}.focus-button strong{font-size:10px}.focus-button small{font-size:9px}
.soundtrack-pill{font-size:10px}.soundtrack-pill small,.real-people-note{font-size:8px}
.join-intro{font-size:12px;line-height:1.75}.avatar-fieldset legend,.field-label{font-size:9px}
.avatar-option>span{font-size:8px}.name-field input{font-size:12px}.field-hint{font-size:10px}
.join-button{font-size:12px}.join-footnote{font-size:9px}.join-panel>.text-button{font-size:9px}
.panel-tab{font-size:12px}.panel-tab>span:not(.unread-dot){font-size:9px}.chat-intro{font-size:8px}
.chat-intro>span:last-child{font-size:7px}.message-head strong{font-size:11px}.message-head time{font-size:8px}
.message-head .message-tag{font-size:7px}.message-text{font-size:12px;line-height:1.65}.whisper-label{font-size:9px}
.system-message{font-size:9px}.chat-welcome strong{font-size:12px}.chat-welcome p{font-size:11px}
.chat-welcome small{font-size:7px}.typing-indicator{font-size:9px}.channel-select select{font-size:10px}
.channel-select .text-button{font-size:8px}.chat-input-wrap textarea{font-size:12px}.chat-input-foot{font-size:7px}
.chat-panel-footer>span{font-size:6px}.chat-panel-footer .text-button{font-size:9px}
.people-heading p{font-size:11px}.people-info strong{font-size:11px}.people-info small{font-size:9px}
.people-mute{font-size:8px}.npc-note strong{font-size:10px}.npc-note span{font-size:8px}
.app-footer{font-size:8px}.app-footer .text-button{font-size:8px}.footer-trail{font-size:7px}
@media(max-width:1200px){.avatar-option>span{font-size:7px}.join-intro{font-size:11px}.header-motto{font-size:10px}}
@media(max-width:800px){.eyebrow{font-size:8px}.live-pill{font-size:9px}.scene-tag{font-size:6px}
 .scene-weather,.scene-bottomline{font-size:8px}.spot-tag{font-size:5px}.avatar-nameplate{font-size:8px}
 .avatar-nameplate span.name-text{max-width:68px}.avatar-nameplate small{font-size:5px}.world-avatar.npc .avatar-nameplate{font-size:7px}
 .speech-bubble{font-size:10px}.join-intro{font-size:12px}.avatar-option>span{font-size:9px}
 .chat-input-wrap textarea{font-size:16px}.app-footer,.app-footer .text-button{font-size:7px}
 .real-people-note{font-size:7px}.soundtrack-pill{font-size:9px}.soundtrack-pill small{font-size:7px}
 .emote-button small{font-size:7px}.self-control strong{font-size:10px}.status-select-label select{font-size:9px}
 .scene-topline .icon-button{width:30px;height:30px}.header-actions>.icon-button{width:40px;height:40px}
 .avatar-fieldset legend,.field-label{font-size:9px}.name-field input{font-size:16px}}
@media(max-width:400px){.eyebrow{font-size:6px}.live-pill{font-size:8px}.avatar-option>span{font-size:8px}
 .self-control strong{font-size:9px}.emote-button small{font-size:6px}.app-footer,.app-footer .text-button{font-size:6px}
 .scene-weather{font-size:7px}}
.demo-pill a{color:var(--text);font-weight:700;text-decoration:none}.demo-pill a:hover,.demo-pill a:focus-visible{color:var(--gold);text-decoration:underline}
.release-tag{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:2px 6px;letter-spacing:1px;font-weight:700;color:var(--muted)}
/* Fullscreen room: the whole .room-layout goes fullscreen so the chat panel can float over the scene. */
.room-layout:fullscreen{display:block;position:relative;width:100%;height:100%;background:var(--bg);overflow:hidden}
.room-layout:fullscreen .world-column{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}
.room-layout:fullscreen .scene-frame{width:100%;border:0;border-radius:0;box-shadow:none}
.room-layout:fullscreen .scene{height:min(62.5cqw,100dvh);max-width:none;min-height:0;margin:auto}
.room-layout:fullscreen .fs-hud{display:inline-flex}
.room-layout:fullscreen .world-toolbar{position:absolute;left:0;right:0;bottom:0;margin:0;border:0;border-radius:0;background:#0c121bcc;backdrop-filter:blur(8px);z-index:2;display:flex}
.room-layout:fullscreen .under-world,.room-layout:fullscreen .room-heading{display:none}
.room-layout:fullscreen .side-panel{position:absolute;left:auto;right:16px;top:64px;bottom:92px;width:min(380px,42vw);display:flex;flex-direction:column;background:#0c121bd9;backdrop-filter:blur(10px);border:1px solid #ffffff1e;border-radius:var(--radius);box-shadow:none;z-index:3;transform:translateX(calc(100% + 24px));transition:transform .25s ease;animation:none;pointer-events:auto}
.room-layout:fullscreen.chat-open .side-panel{transform:translateX(0)}
.room-layout:fullscreen .chat-panel{flex:1;height:auto;max-height:none;min-height:0}
.room-layout:fullscreen .join-panel{overflow:auto}
.room-layout:fullscreen .toast-stack{bottom:100px}