@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f3ea;--panel:#fffdf6;--raised:#eaece2;--text:#203b31;--muted:#566b5e;--accent:#2c6348;--accent-text:#fffdf6;--danger:#a2392f;--border:#c3ccbd;--world-background:#73975d;--tag-background:#fffdf6;--tag-text:#203b31;--shadow:#132b2020;--focus:#a15c20;--brand-point:#b65b36;--zone-private:#846cc0;--zone-silence:#719bc4;--zone-stage:#caa550;color:var(--text);background:var(--background);font-family:ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#14241f;--panel:#1e3028;--raised:#2b4035;--text:#f5f1dc;--muted:#b4c5b5;--accent:#add4b4;--accent-text:#142b1d;--danger:#f5aa98;--border:#546656;--tag-background:#1e3028;--tag-text:#f5f1dc;--shadow:#07140c40;--focus:#f1c981;--brand-point:#edab81}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#14241f;--panel:#1e3028;--raised:#2b4035;--text:#f5f1dc;--muted:#b4c5b5;--accent:#add4b4;--accent-text:#142b1d;--danger:#f5aa98;--border:#546656;--tag-background:#1e3028;--tag-text:#f5f1dc;--shadow:#07140c40;--focus:#f1c981;--brand-point:#edab81}}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:var(--text);background:var(--raised);border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}svg{flex-shrink:0;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{align-items:center;gap:10px;font-family:Pixelify Sans,monospace;font-size:1.75rem;font-weight:600;display:flex}.brand-dot{background:var(--accent);width:12px;height:12px;box-shadow:4px -4px 0 var(--brand-point);flex-shrink:0;display:inline-block}.icon-button{background:0 0;border-radius:10px;place-items:center;min-width:44px;min-height:44px;display:inline-grid}.icon-button:hover{background:var(--raised)}.entry{grid-template-columns:1fr 420px;align-content:center;column-gap:90px;max-width:1320px;min-height:100svh;margin:0 auto;padding:36px 64px;display:grid}.entry-header{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:64px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 18px;font-size:.75rem;font-weight:700}h1{letter-spacing:-.03em;max-width:470px;margin:0 0 22px;font-family:Pixelify Sans,monospace;font-size:clamp(3.8rem,6vw,6.5rem);font-weight:500;line-height:.98}.title-dot{color:var(--brand-point)}.entry-description{color:var(--muted);max-width:340px;font-size:1.05rem;line-height:1.65}.entry-scene{border:1px solid var(--border);width:100%;height:208px;image-rendering:pixelated;background-image:url(/maps/demo/background.png);background-position:52% 58%;background-size:768px 576px;border-radius:18px;margin:28px 0 16px;position:relative;overflow:hidden}.scene-avatar{place-items:center;padding-top:24px;display:grid;position:absolute;inset:0}.scene-avatar .avatar-sprite{transform:scale(1.5)}.scene-label{background:var(--tag-background);color:var(--tag-text);border-radius:6px;padding:4px 14px;font-family:Pixelify Sans,monospace;position:absolute;top:55px;left:50%;transform:translate(-50%)}.entry-note{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.entry-note svg{width:14px;height:14px}.entry-form{background:var(--panel);border:1px solid var(--border);box-shadow:0 16px 40px var(--shadow);border-radius:20px;align-self:start;padding:30px}h2{margin:0 0 28px;font-family:Pixelify Sans,monospace;font-size:1.8rem;font-weight:500}fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}legend{align-items:center;gap:10px;margin-bottom:18px;padding:0;font-size:.9rem;font-weight:600;display:flex}.step-number{border:1px solid var(--border);border-radius:7px;place-items:center;width:24px;height:24px;font-family:Pixelify Sans,monospace;font-weight:500;display:inline-grid}label,.field-label{color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:500;display:block}input{border:1px solid var(--border);background:var(--background);width:100%;height:46px;color:var(--text);border-radius:9px;padding:0 12px}input::placeholder{color:var(--muted);opacity:1}.field-label{margin-top:18px}.avatar-picker{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.avatar-option{background:var(--raised);border:2px solid #0000;border-radius:9px;place-items:center;min-width:44px;height:62px;display:grid}.avatar-option.selected{border-color:var(--accent);background:var(--background)}.avatar-sprite{width:48px;height:48px;image-rendering:pixelated;background:url(/avatars/atlas.png) 0 0/192px 864px no-repeat;display:block}.primary-button{background:var(--accent);width:100%;min-height:48px;color:var(--accent-text);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.error-message{color:var(--danger);font-size:.85rem;line-height:1.5}.world{position:fixed;inset:0;overflow:hidden}.camera-preview{object-fit:cover;border-radius:10px;width:100%;max-height:180px;margin-top:12px;display:block}.video-strip{pointer-events:auto;gap:8px;padding:4px;display:flex;position:absolute;top:100px;left:20px;right:20px;overflow-x:auto}.video-tile{border:2px solid var(--border);background:var(--panel);border-radius:12px;flex:0 0 140px;height:106px;padding:0;position:relative;overflow:hidden}.video-tile.speaking{border-color:var(--accent)}.video-tile video{object-fit:cover;width:100%;height:100%}.video-tile span{background:var(--panel);color:var(--text);padding:4px;font-size:.7rem;position:absolute;bottom:0;left:0;right:0}.video-expanded{background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 30px var(--shadow);border-radius:16px;position:absolute;inset:26% 10% 24%;overflow:hidden}.video-expanded video{object-fit:contain;width:100%;height:100%}.video-expanded .icon-button{z-index:1;background:var(--panel);position:absolute;top:8px;right:8px}.camera-button{background:var(--panel);min-height:48px;color:var(--text);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;bottom:86px;right:24px}.camera-button.active{background:var(--accent);color:var(--accent-text)}.camera-alert{top:220px}@media (pointer:coarse),(width<=700px){.video-strip{top:72px;left:8px;right:8px}.video-tile{flex-basis:110px;height:90px}.camera-button{min-width:44px;bottom:142px;right:14px}}.world:has(.video-strip) .audio-status{top:216px}.zone-notice{background:var(--panel);width:fit-content;max-width:calc(100% - 40px);color:var(--text);border:1px solid var(--border);pointer-events:none;border-radius:10px;padding:10px 14px;font-size:.85rem;position:absolute;bottom:200px;left:20px;right:20px}.world-canvas{width:100%;height:100%;image-rendering:pixelated;background:var(--world-background);display:block}.world-header{pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:absolute;top:24px;left:24px;right:24px}.room-card,.count-card,.toolbar,.settings-panel,.connection-banner:not(.sr-only),.world-alert,.joystick,.audio-status{background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 30px var(--shadow);border-radius:14px}.room-card{align-items:center;gap:18px;padding:14px 20px;display:flex}.room-card strong{font-family:Pixelify Sans,monospace;font-size:1.4rem;font-weight:500;display:block}.room-card span:not(.brand-dot){color:var(--muted);margin-top:3px;font-size:.7rem;display:block}.count-card{align-items:center;gap:9px;height:fit-content;padding:14px 18px;font-size:.8rem;display:flex}.online-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.connection-banner:not(.sr-only){align-items:center;gap:16px;max-width:calc(100% - 40px);padding:12px 18px;font-size:.85rem;display:flex;position:absolute;top:120px;left:50%;transform:translate(-50%)}.small-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:inline-flex}.small-button.active{background:var(--accent);color:var(--accent-text)}.world-alert{color:var(--danger);max-width:calc(100% - 48px);padding:12px 18px;font-size:.8rem;position:absolute;top:125px;left:24px}.world-bottom{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.movement-hint{color:var(--tag-text);background:var(--tag-background);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:.75rem;display:flex}.movement-hint svg{width:14px;height:14px}.toolbar{align-items:center;gap:5px;padding:5px 8px;display:flex}.toolbar-divider{background:var(--border);width:1px;height:22px;margin:0 6px}.zoom-value{text-align:center;min-width:38px;color:var(--muted);font-size:.8rem}.settings-panel{width:280px;padding:18px;position:absolute;bottom:114px;right:24px}.settings-panel header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-panel h2{margin:0;font-size:1.4rem}.settings-panel fieldset{margin:0}.theme-options{gap:10px;display:flex}.joystick{touch-action:none;grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:2px;padding:6px;display:none;position:absolute;bottom:20px;left:20px}.joystick button{background:var(--raised);touch-action:none;border-radius:8px;place-items:center;display:grid}.joy-up{grid-area:1/2}.joy-down{grid-area:3/2}.joy-left{grid-area:2/1}.joy-right{grid-area:2/3}@media (pointer:coarse){.joystick{display:grid}}select{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:8px;width:100%;margin:6px 0 12px;padding:10px}meter{width:100%;height:20px;accent-color:var(--accent);margin-top:12px}.test-note{color:var(--muted);margin:8px 0 0;font-size:.78rem;line-height:1.4}.audio-status{color:var(--muted);align-items:center;gap:8px;padding:6px 10px;font-size:.75rem;display:flex;position:absolute;top:82px;right:24px}.microphone-button{min-height:48px;color:var(--danger);background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 30px var(--shadow);border-radius:14px;align-items:center;gap:8px;padding:10px 16px;display:flex;position:absolute;bottom:26px;right:24px}.microphone-button.active{background:var(--accent);color:var(--accent-text)}.settings-panel>label{margin-top:18px;display:block}@media (width<=680px),(pointer:coarse){.microphone-button{bottom:86px;right:14px}.audio-status{right:14px}.settings-panel{bottom:148px}}@media (width<=800px){.entry{grid-template-columns:1fr;align-content:start;gap:26px;max-width:540px;padding:24px}.entry-header{margin-bottom:0}.entry-intro{padding-top:8px}h1{max-width:none;font-size:3.7rem}.entry-description{margin-bottom:0;font-size:.9rem}.entry-scene,.entry-note{display:none}.entry-form{padding:24px}.avatar-option{min-width:0}.world-header{top:14px;left:14px;right:14px}.room-card{gap:13px;padding:10px 14px}.room-card strong{font-size:1.1rem}.room-card span:not(.brand-dot){display:none}.count-card{padding:12px;font-size:.75rem}.connection-banner:not(.sr-only){width:calc(100% - 28px);max-width:450px;font-size:.8rem;top:82px}.world-alert{top:145px;left:14px}.movement-hint{display:none}.world-bottom{bottom:24px;left:auto;right:14px;transform:none}.settings-panel{width:min(280px,100% - 28px);bottom:100px;right:14px}.joystick{bottom:16px;left:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.screen-button{border:1px solid var(--border);background:var(--panel);color:var(--text);z-index:4;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;bottom:142px;right:24px}.screen-button.active{background:var(--accent);color:var(--accent-text)}.screen-note{background:var(--panel);z-index:4;max-width:260px;padding:4px 8px;font-size:12px;position:absolute;bottom:192px;right:24px}.screen-note:empty{display:none}.screen-strip{z-index:3;gap:10px;display:flex;position:absolute;top:86px;left:24px;right:24px;overflow-x:auto}.world:has(.video-strip) .screen-strip{top:220px}.screen-tile{border:1px solid var(--border);background:var(--panel);color:var(--text);text-align:left;border-radius:12px;flex:0 0 200px;padding:0;overflow:hidden}.screen-tile video{object-fit:contain;background:#111;width:200px;height:112px;display:block}.screen-tile span{padding:5px 8px;font-size:12px;display:block}.screen-expanded video{object-fit:contain}.video-expanded,.settings-panel{z-index:6}.world-alert{z-index:5}.world:has(.screen-strip) .audio-status{top:240px}.world:has(.screen-strip):has(.video-strip) .audio-status{top:374px}.screen-alert{top:130px}@media (width<=700px){.screen-button{bottom:198px;right:16px}.screen-note{max-width:200px;bottom:248px;right:16px}.screen-strip{left:12px;right:12px}.screen-tile{flex-basis:160px}.screen-tile video{width:160px;height:90px}}