:root{color:#e8e6df;font-synthesis:none;background:#232b30;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#app{flex-direction:column;height:100dvh;display:flex}header,footer{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;font-size:12px;display:flex}header{border-bottom:1px solid #ffffff1a;height:55px}footer{color:#bdc4c4;height:35px;font-size:10px}#frame-rate{text-align:right;font-variant-numeric:tabular-nums;min-width:6ch;display:inline-block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:#374341;border:1px solid #d1d6cc66;border-radius:5px;padding:12px 22px}button:disabled{opacity:.5;cursor:wait}button:hover{background:#495652}#start-btn:active:not(:disabled){transform:scale(.98)}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #e0c796}#pause-btn{padding:6px 13px}#stage{background:#9ba5a7;flex:1;min-height:0;position:relative;overflow:hidden}canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none;display:block}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#162027bf;place-items:safe center center;padding:24px;display:grid;position:absolute;inset:0}.overlay>div{min-width:0;max-width:min(510px,100%)}.overlay{overflow-y:auto}.range-setting{max-width:320px;margin:20px 0 24px}#loading-indicator{margin-top:18px}#loading-progress{accent-color:#d1bd93;background:#ffffff20;border:0;border-radius:3px;width:100%;height:6px;display:block;overflow:hidden}#loading-progress::-webkit-progress-bar{background:#ffffff20}#loading-progress::-webkit-progress-value{background:#d1bd93}#loading-progress::-moz-progress-bar{background:#d1bd93}#loading{font-variant-numeric:tabular-nums;min-height:1.65em;margin:8px 0 0;font-size:12px}.range-setting label,.range-ends{justify-content:space-between;gap:20px;font-size:13px;display:flex}.range-setting output{font-variant-numeric:tabular-nums}.range-setting input{accent-color:#d1bd93;cursor:pointer;width:100%;min-height:44px;margin:0;display:block}.range-setting input:focus-visible{outline-offset:2px;outline:2px solid #e0c796}.range-ends{color:#b7c3bd;font-size:11px}.eyebrow{letter-spacing:.18em;color:#d1bd93;font-size:11px}h1{margin:18px 0;font:clamp(36px,6vw,68px) Georgia,serif}p{color:#d7ddda;line-height:1.65}.controls{color:#b7c3bd;margin:26px 0;font-size:13px}.overlay a{margin-top:24px;font-size:13px;display:block}[hidden]{display:none!important}.renderer-setting{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:8px 16px;margin:20px 0;display:grid}.renderer-setting select{min-height:44px;font:inherit;color:inherit;background:#202b32;border:1px solid #ffffff60;border-radius:5px;padding:8px 12px}#renderer-status,#resolution-status{color:#c5d0d6;grid-column:1/-1;margin:0;font-size:12px}#location{text-shadow:0 1px 4px #000;letter-spacing:.06em;font-size:12px;position:absolute;top:18px;left:20px}#boundary{white-space:nowrap;background:#202b32d9;border-radius:5px;padding:9px 14px;font-size:12px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#touch-ui{display:none}#use-btn{touch-action:none;background:#202b32e8;min-height:44px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}#flashlight-btn{touch-action:none;background:#202b32e8;min-height:44px;padding:10px 14px;font-size:12px;position:absolute;top:12px;right:16px}#flashlight-btn[aria-pressed=true]{border-color:#e0c796}.conversing #flashlight-btn{display:none}.touch #use-btn{bottom:155px}.touch #touch-ui{display:block}#joystick{touch-action:none;background:#202a3030;border:1px solid #ffffff80;border-radius:50%;width:110px;height:110px;position:absolute;bottom:22px;left:22px}#thumb{background:#ffffff60;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}#jump-btn{touch-action:none;background:#202a3066;position:absolute;bottom:42px;right:22px}.touch #boundary{bottom:150px}.conversation-name{color:#e1c996;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:650}#conversation-invite,.conversation-panel{z-index:3;background:#182824f5;border-radius:16px;width:min(520px,100% - 32px);padding:18px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0004,0 16px 48px #0005,inset 0 0 0 1px #ffffff16}#conversation-invite{grid-template-columns:1fr auto;gap:5px 18px;width:min(420px,100% - 32px);display:grid}#conversation-invite p{margin:0;font-size:17px}#talk-btn{grid-area:1/2/3;align-self:center}kbd{opacity:.65;font:inherit;margin-left:8px}.conversation-panel{width:min(480px,100% - 48px);left:24px;bottom:calc(24px + var(--keyboard-inset,0px));overscroll-behavior:contain;touch-action:pan-y;max-height:calc(100% - 24px);overflow-y:auto;transform:none}.conversation-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.conversation-panel button,#talk-btn{touch-action:manipulation;border:0;border-radius:8px;min-height:44px;padding:10px 14px;transition:background-color .14s,transform .14s}.conversation-panel button:active:not(:disabled),#talk-btn:active{transform:scale(.96)}.conversation-panel .conversation-close{color:#c1cbc5;background:0 0;padding-right:6px}.conversation-panel .conversation-close:hover{color:#fff;background:#ffffff0a}.conversation-line{color:#f3eee1;text-wrap:pretty;margin:7px 0 18px;font:24px/1.35 Georgia,serif}.conversation-reply{color:#aebfb6;overflow-wrap:anywhere;margin:0 0 8px;font-size:13px}.reply-label{color:#c1cbc5;margin-bottom:8px;font-size:12px;display:block}.conversation-compose{gap:8px;display:flex}.conversation-compose input{color:#fff;touch-action:auto;background:#101e1b;border:1px solid #ffffff38;border-radius:8px;width:100%;min-width:0;min-height:48px;padding:11px 13px;font:16px/1.4 system-ui,sans-serif}.conversation-compose input::placeholder{color:#92a59a}.conversation-compose input:focus-visible{outline-offset:2px;outline:2px solid #e1c996}.conversation-compose button{color:#182824;background:#d9c28f;font-weight:650}.conversation-compose button:hover{background:#ebd7aa}.conversation-choices{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.conversation-choices button{background:#ffffff0d;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff20}.conversation-choices button:hover{background:#ffffff20}.conversing #touch-ui,.conversing #use-btn{display:none}.touch #conversation-invite{bottom:150px}@media (width<=600px){.conversation-panel{width:calc(100% - 24px);left:12px;bottom:calc(12px + var(--keyboard-inset,0px));padding:14px}.conversation-panel.conversation-result{top:14px;bottom:auto}}@media (height<=450px){.conversation-panel{padding:12px;bottom:10px}.conversation-line{margin-bottom:10px;font-size:20px}}@media (prefers-reduced-motion:reduce){.conversation-panel button,#talk-btn{transition:none}}@media (width<=550px){header,footer{padding-left:14px;padding-right:14px}header{font-size:10px}.overlay{padding:24px}.controls{font-size:12px}footer{letter-spacing:.04em;font-size:9px}}