.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#07080c;color:var(--ui-text);--ui-bg: rgba(255, 255, 255, .88);--ui-bg-hover: rgba(255, 255, 255, .96);--ui-bg-active: rgba(226, 236, 255, .95);--ui-border: rgba(20, 24, 32, .1);--ui-border-hover: rgba(20, 24, 32, .22);--ui-border-active: rgba(50, 110, 210, .45);--ui-text: #16181e;--ui-muted: rgba(22, 24, 30, .5);--ui-shadow: 0 10px 28px rgba(20, 24, 32, .12);--ui-chip: rgba(22, 24, 30, .06);--ui-chip-hover: rgba(22, 24, 30, .1);--banner-bg: rgba(255, 255, 255, .72);--banner-title: rgba(22, 24, 30, .5);--label-bg: rgba(255, 255, 255, .9);--label-border: rgba(20, 24, 32, .12);--play-stop-bg: rgba(220, 70, 70, .92);--play-stop-border: rgba(160, 40, 40, .35);--ok: #2f7a45}.app-shell[data-theme=dark]{color-scheme:dark;--ui-bg: rgba(12, 14, 22, .72);--ui-bg-hover: rgba(28, 32, 46, .88);--ui-bg-active: rgba(40, 70, 120, .72);--ui-border: rgba(255, 255, 255, .12);--ui-border-hover: rgba(255, 255, 255, .22);--ui-border-active: rgba(120, 190, 255, .55);--ui-text: #f4f6fb;--ui-muted: rgba(255, 255, 255, .5);--ui-shadow: 0 10px 30px rgba(0, 0, 0, .28);--ui-chip: rgba(255, 255, 255, .08);--ui-chip-hover: rgba(255, 255, 255, .16);--banner-bg: rgba(0, 0, 0, .55);--banner-title: rgba(255, 255, 255, .55);--label-bg: rgba(8, 10, 16, .78);--label-border: rgba(255, 255, 255, .16);--play-stop-bg: rgba(180, 48, 48, .72);--play-stop-border: rgba(255, 180, 180, .3);--ok: rgba(180, 230, 190, .9)}.splat-host{position:absolute;inset:0;z-index:1}.splat-host canvas{width:100%!important;height:100%!important;display:block}.splat-host>svg{z-index:2!important}.splat-host #ui,.splat-host #poster,.splat-host #viewerBranding{display:none!important}.boot-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:4}.cover-loading{position:absolute;inset:0;z-index:30;overflow:hidden;background:#111}.cover-loading-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-loading-veil{position:absolute;inset:0;background:linear-gradient(to top,#0000009e,#00000047 42%,#0000002e)}.cover-loading-copy{position:absolute;left:24px;right:24px;bottom:36px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45)}.cover-loading-kicker{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.cover-loading-copy strong{font-size:28px;letter-spacing:-.03em}.cover-loading-copy p{margin:8px 0 0;max-width:40rem;font-size:14px;line-height:1.5;opacity:.85}.boot-card{min-width:240px;padding:20px 24px;border-radius:16px;background:var(--ui-bg);border:1px solid var(--ui-border);color:var(--ui-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--ui-shadow)}.boot-card p{margin:8px 0 0;color:var(--ui-muted);font-size:13px}.glass-card{border:1px solid var(--ui-border);background:var(--ui-bg);color:var(--ui-text);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--ui-shadow)}.top-right-chrome{position:absolute;top:18px;right:18px;z-index:6;display:flex;align-items:center;gap:8px}.top-left-chrome{position:absolute;top:18px;left:18px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.take-control{appearance:none;padding:10px 14px;border-radius:14px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ui-text);font-family:inherit}.take-control:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-hover)}.controls-modal-backdrop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls-modal{width:min(44rem,calc(100vw - 2rem));max-height:min(88dvh,calc(100dvh - 2rem));overflow:auto;border-radius:24px;border:1px solid var(--ui-border);background:var(--ui-bg);color:var(--ui-text);box-shadow:var(--ui-shadow);padding:clamp(20px,4vw,40px)}.controls-modal h2{margin:0;font-size:clamp(1.25rem,3vw,1.65rem);letter-spacing:-.02em;line-height:1.25}.controls-modal p{margin:10px 0 0;font-size:14px;line-height:1.65;color:var(--ui-muted);max-width:48ch}.controls-modal p strong{color:var(--ui-text)}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--ui-border)}.controls-card{border-radius:16px;border:1px solid var(--ui-border);background:var(--ui-chip);padding:18px 16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px}.controls-card-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted)}.controls-card-label{font-size:12px;font-weight:600;text-align:center}.controls-card-visual{height:40px;display:grid;place-items:center}.controls-click-ring{width:28px;height:28px;border-radius:50%;border:2px solid var(--ui-text);box-shadow:inset 0 0 0 8px transparent,0 0 0 3px color-mix(in srgb,var(--ui-text) 25%,transparent);opacity:.75}.controls-mouse{position:relative;width:28px;height:40px;border-radius:14px;border:1.5px solid var(--ui-border-hover);background:var(--ui-bg)}.controls-mouse-right{position:absolute;top:4px;right:4px;width:9px;height:12px;border-radius:6px;background:var(--ui-chip-hover)}.controls-keys{display:grid;grid-template-columns:repeat(3,28px);gap:6px}.controls-key{display:grid;place-items:center;height:28px;border-radius:8px;border:1px solid var(--ui-border);background:var(--ui-bg);font-size:11px;font-weight:700}.controls-start{appearance:none;display:block;width:100%;margin-top:24px;height:48px;border:0;border-radius:12px;background:var(--ui-text);color:var(--ui-bg);font-size:15px;font-weight:600;cursor:pointer}.controls-start:disabled{opacity:.55;cursor:default}.theme-toggle{display:flex;padding:4px;border-radius:14px;gap:2px}.chrome-toggle{appearance:none;padding:10px 14px;border-radius:14px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ui-text);font-family:inherit}.chrome-toggle:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-hover)}.theme-toggle button{appearance:none;border:0;background:transparent;color:var(--ui-muted);border-radius:10px;padding:7px 12px;cursor:pointer;font-size:12px;font-weight:600}.theme-toggle button.is-active{background:var(--ui-chip);color:var(--ui-text)}.coord-card{padding:6px 6px 6px 12px;border-radius:12px;display:flex;flex-direction:row;align-items:center;gap:10px}.coord-xyz{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.01em;white-space:nowrap}.coord-card button{appearance:none;border:0;background:var(--ui-chip);color:inherit;border-radius:8px;padding:5px 10px;cursor:pointer;font-size:11px;font-weight:600}.coord-card button:hover:not(:disabled){background:var(--ui-chip-hover)}.coord-card button:disabled{opacity:.4;cursor:default}.play-card,.anim-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer}.play-card:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-hover)}.card-kicker{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted)}.card-title{font-size:14px;font-weight:600}.waypoint-banner{position:absolute;left:18px;bottom:18px;z-index:5;max-width:min(440px,calc(100% - 220px));padding:16px 20px;border-radius:12px;background:var(--banner-bg);color:var(--ui-text);pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--ui-shadow)}.waypoint-banner-title{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--banner-title);margin-bottom:6px}.waypoint-banner-body{margin:0;font-size:15px;line-height:1.45;font-weight:500}.waypoint-banner.is-wide{max-width:min(440px,calc(100% - 36px))}.waypoint-banner.is-raised{bottom:62px}.anim-banner{position:absolute;left:18px;right:18px;bottom:14px;z-index:6;display:flex;align-items:center;gap:12px;height:36px;padding:0 8px 0 6px;border-radius:999px}.anim-banner-stop{appearance:none;border:0;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--play-stop-bg);color:#fff;font-size:9px;cursor:pointer;display:grid;place-items:center}.anim-progress{position:relative;flex:1;height:16px;display:flex;align-items:center}.anim-progress-track{position:relative;width:100%;height:3px;border-radius:999px;background:var(--ui-chip)}.anim-progress-fill{height:100%;border-radius:inherit;background:var(--ui-border-active)}.anim-progress-mark{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:var(--ui-bg);border:1.5px solid var(--ui-muted);pointer-events:none}.anim-progress-mark.is-reached{background:var(--ui-border-active);border-color:var(--ui-border-active)}.anim-progress-mark.is-current{width:9px;height:9px;background:var(--ui-text);border-color:var(--ui-text)}.bottom-stack{position:absolute;right:18px;bottom:18px;left:18px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.controls-row{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:12px}.play-card{flex-direction:row;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;min-width:168px}.play-card.is-playing{background:var(--play-stop-bg);border-color:var(--play-stop-border);color:#fff}.play-card.is-playing .card-kicker{color:#ffffffb3}.play-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ui-chip);font-size:12px}.play-card.is-playing .play-icon{background:#ffffff2e}.save-msg{font-size:12px;color:var(--ok);padding:0 6px}.anim-strip{display:flex;gap:8px;max-width:100%;overflow:auto;padding-bottom:2px}.anim-card{min-width:120px;padding:10px 12px;border-radius:14px;opacity:.7}.anim-card.is-active{opacity:1;border-color:var(--ui-border-active);background:var(--ui-bg-active)}.anim-card.is-done{opacity:.45}.world-labels{position:absolute;inset:0;pointer-events:none;z-index:3}.world-label{position:absolute;left:0;top:0;padding:6px 10px;border-radius:999px;background:var(--label-bg);border:1px solid var(--label-border);color:var(--ui-text);font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;box-shadow:var(--ui-shadow);pointer-events:auto;cursor:pointer;font-family:inherit}.world-label:hover{background:var(--ui-bg-hover);border-color:var(--ui-border-hover)}.world-label.is-active{border-color:var(--ui-border-active);background:var(--ui-bg-active)}.world-label:after{content:"";position:absolute;left:50%;bottom:-6px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);background:inherit;border-right:1px solid var(--label-border);border-bottom:1px solid var(--label-border)}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6fb;color:#1a1c22}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}button{font:inherit}