:root{--ink: #12212b;--panel: rgba(255, 255, 255, .93);--accent: #e5533d;--brand: #12467f;--line: rgba(18, 33, 43, .12);--font: "Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}button,input,textarea,select{font-family:inherit}html,body{margin:0;height:100%;overflow:hidden;background:#cfe6f5;font:500 15px/1.45 var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}[hidden]{display:none!important}.panel{position:fixed;inset:0;margin:auto;width:min(340px,calc(100% - 32px));height:fit-content;background:var(--panel);backdrop-filter:blur(8px);border-radius:18px;padding:22px;text-align:center;box-shadow:0 18px 50px #12212b40}.panel h1{margin:0 0 4px;font-size:27px;font-weight:800;letter-spacing:-.025em}.panel .sub{margin:0 0 16px;opacity:.65;font-size:14px}.panel input:not([type=color]){width:100%;padding:11px 13px;font-size:16px;border:1px solid var(--line);border-radius:11px;outline:none}.panel input:focus{border-color:var(--accent)}.row{display:flex;gap:8px;margin:14px 0;justify-content:center}.row label{flex:1;font-size:12px;opacity:.7;display:grid;gap:5px;justify-items:center}.row input[type=color]{width:100%;height:34px;padding:0;border:1px solid var(--line);border-radius:9px;background:none;cursor:pointer}#enter{width:100%;padding:12px;font-size:16px;font-weight:700;letter-spacing:.01em;color:#fff;background:var(--accent);border:0;border-radius:11px;cursor:pointer}#enter:active{transform:translateY(1px)}.hint{margin:12px 0 0;font-size:12px;opacity:.5}#topbar{position:fixed;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:8px;align-items:center;justify-content:space-between;pointer-events:none}#online{background:var(--panel);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;letter-spacing:.01em;box-shadow:0 4px 14px #12212b26;white-space:nowrap}.tools{display:flex;gap:6px;pointer-events:auto}button.ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--panel);color:var(--ink);border:0;cursor:pointer;width:38px;height:38px;padding:0;border-radius:12px;font-size:13px;font-weight:700;line-height:1;box-shadow:0 4px 14px #12212b26;transition:background .15s ease,color .15s ease}button.ghost.wide{width:auto;padding:0 12px}button.ghost.on{background:var(--brand);color:#fff}button.ghost:active{transform:translateY(1px)}.icon{display:inline-flex}.icon svg{width:18px;height:18px;display:block}.card .x .icon svg{width:15px;height:15px}.mini .icon svg{width:14px;height:14px}.card{position:fixed;background:var(--panel);backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 10px 34px #12212b38;overflow:hidden;z-index:5}.card header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85;border-bottom:1px solid var(--line)}.card .x{display:inline-flex;border:0;background:none;cursor:pointer;opacity:.4;padding:2px;color:inherit;border-radius:6px}.card .x:hover{opacity:.8}.card .foot{margin:0;padding:7px 12px;font-size:11px;opacity:.5;border-top:1px solid var(--line)}#guests{top:58px;right:10px;width:210px;max-height:46vh;display:flex;flex-direction:column}#guest-list{margin:0;padding:6px;list-style:none;overflow-y:auto;flex:1}#guest-list li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600}#guest-list li:hover{background:#12212b0f}#guest-list .dot{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #00000026}#guest-list .me{opacity:.6;cursor:default}#guest-list .empty{opacity:.5;font-size:13px;cursor:default}#chat{left:10px;bottom:max(10px,env(safe-area-inset-bottom));width:min(330px,calc(100% - 20px))}#chat-log{height:190px;overflow-y:auto;padding:8px 12px;font-size:13.5px;display:flex;flex-direction:column;gap:5px}#chat-log .who{font-weight:800}#chat-log .sys{opacity:.5;font-style:italic}#chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}#chat-input{flex:1;min-width:0;padding:9px 11px;font-size:16px;border:1px solid var(--line);border-radius:9px;outline:none}#chat-input:focus{border-color:var(--brand)}#chat-form button{border:0;background:var(--brand);color:#fff;font-weight:700;padding:0 14px;border-radius:9px;cursor:pointer;font-size:14px}#face{top:58px;right:10px;width:226px;max-height:62vh;overflow-y:auto}#face-controls{padding:8px 12px;display:grid;gap:7px}.slider{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:8px;font-size:12px}.slider span{opacity:.7;font-weight:600}.slider input[type=range]{width:100%;accent-color:var(--brand)}.slider input[type=color]{width:100%;height:26px;padding:0;border:1px solid var(--line);border-radius:7px;background:none;cursor:pointer}.styles{display:flex;gap:5px;margin-top:2px}button.mini{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;font-weight:600;padding:7px 4px;border-radius:8px;cursor:pointer}button.mini.on{background:var(--brand);color:#fff;border-color:var(--brand)}button.mini.wide{width:100%}.face-actions{padding:0 12px 10px}#map{right:10px;bottom:max(10px,env(safe-area-inset-bottom))}#map-canvas{display:block;width:260px;height:260px;cursor:crosshair}#stick{position:fixed;left:22px;bottom:max(22px,env(safe-area-inset-bottom));width:122px;height:122px;border-radius:50%;background:#ffffff42;border:2px solid rgba(255,255,255,.5);touch-action:none;z-index:6}#knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffffd9;box-shadow:0 3px 10px #12212b40}#run{position:fixed;left:156px;bottom:max(30px,env(safe-area-inset-bottom));width:74px;height:74px;border-radius:50%;z-index:6;border:2px solid rgba(255,255,255,.6);background:#ffffff4d;color:#fff;font-weight:800;font-size:13px;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.4);touch-action:none;cursor:pointer}#run.on{background:var(--accent);border-color:var(--accent)}@media (max-width: 620px){#map-canvas{width:148px;height:148px}#map{bottom:calc(max(22px,env(safe-area-inset-bottom)) + 178px)}#chat{width:calc(100% - 20px);bottom:calc(max(22px,env(safe-area-inset-bottom)) + 152px)}#chat-log{height:132px}#guests{max-height:38vh}.card .foot{display:none}}