:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--vrp-bg:#0b0d10;--vrp-panel:#14181d;--vrp-border:#2a323b;--vrp-text:#e8edf2;--vrp-muted:#9aa7b2;--vrp-accent:#74d4b3}*{box-sizing:border-box}body{background:var(--vrp-bg);color:var(--vrp-text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100vh}.vrp-shell{flex-direction:column;gap:16px;max-width:1080px;margin:0 auto;padding:24px 16px 48px;display:flex}.vrp-header h1{margin:0;font-size:1.35rem;font-weight:650}.vrp-stage{border:1px solid var(--vrp-border);background:#000;border-radius:12px;position:relative;overflow:hidden}.vrp-poster{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.vrp-video{aspect-ratio:2;object-fit:contain;background:#000;width:100%;display:block}.vrp-magic-canvas{aspect-ratio:2;cursor:grab;background:#000;width:100%;display:block}.vrp-magic-canvas:active{cursor:grabbing}.vrp-stage:fullscreen{background:#000;align-items:center;display:flex}.vrp-stage:fullscreen .vrp-magic-canvas{aspect-ratio:auto;height:100%}.vrp-2d-bar{background:var(--vrp-panel);border:1px solid var(--vrp-border);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.vrp-2d-bar button{appearance:none;color:var(--vrp-text);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.15rem;line-height:1}.vrp-2d-seek{accent-color:var(--vrp-accent);flex:1}.vrp-2d-time{color:var(--vrp-muted);white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.vrp-bar{align-items:center;gap:14px;display:flex}.vrp-vr-button{appearance:none;color:#08110d;background:var(--vrp-accent);cursor:pointer;border:none;border-radius:10px;padding:10px 26px;font-size:1rem;font-weight:650}.vrp-vr-button:disabled{opacity:.55;cursor:default}.vrp-file-button{appearance:none;border:1px solid var(--vrp-border);color:var(--vrp-text);cursor:pointer;background:0 0;border-radius:10px;padding:9px 18px;font-size:.95rem}.vrp-file-button:hover{border-color:var(--vrp-accent)}.vrp-stage--drop{outline:2px dashed var(--vrp-accent);outline-offset:-2px}.vrp-projection{color:var(--vrp-muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.vrp-projection__select{appearance:none;border:1px solid var(--vrp-border);background:var(--vrp-panel);color:var(--vrp-text);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:.9rem}.vrp-status{color:var(--vrp-muted);margin:0;font-size:.9rem}.vrp-remote{color:var(--vrp-accent);font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.vrp-enter-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0dd1;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.vrp-enter-overlay__button{appearance:none;color:#08110d;background:var(--vrp-accent);cursor:pointer;border:none;border-radius:20px;padding:26px 72px;font-size:1.7rem;font-weight:700;box-shadow:0 8px 40px #74d4b359}.vrp-enter-overlay__button:disabled{opacity:.55}.vrp-enter-overlay__hint{color:var(--vrp-muted);margin:0;font-size:1rem}.vrp-dev-corner{z-index:20;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(420px,100vw - 20px);display:flex;position:fixed;top:10px;right:10px}.vrp-dev-toggle{border:1px solid var(--vrp-border);letter-spacing:.05em;color:var(--vrp-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#14181db8;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:650;display:inline-flex}.vrp-dev-toggle:hover{color:var(--vrp-text);border-color:var(--vrp-accent)}.vrp-dev-toggle input[type=checkbox]{appearance:none;background:var(--vrp-border);cursor:pointer;border-radius:999px;flex-shrink:0;width:24px;height:14px;margin:0;transition:background .15s;position:relative}.vrp-dev-toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}.vrp-dev-toggle input[type=checkbox]:checked{background:var(--vrp-accent)}.vrp-dev-toggle input[type=checkbox]:checked:after{transform:translate(10px)}.vrp-debug{background:var(--vrp-panel);border:1px solid var(--vrp-border);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-height:70vh;padding:14px;display:flex;overflow:auto}.vrp-debug__controls{justify-content:space-between;align-items:center;gap:16px;display:flex}.vrp-debug__label{color:var(--vrp-muted);font-size:.85rem}.vrp-debug button{appearance:none;border:1px solid var(--vrp-border);color:var(--vrp-text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:.85rem}.vrp-debug__output{resize:vertical;color:#b8e6d2;border:1px solid var(--vrp-border);background:#0a0c0f;border-radius:8px;width:100%;min-height:220px;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;line-height:1.45}body.embed .vrp-shell{gap:0;max-width:none;min-height:100vh;padding:0}body.embed .vrp-stage{border:none;border-radius:0;flex:1}body.embed .vrp-video{aspect-ratio:auto;height:100vh}body.embed .vrp-shell--minimal .vrp-video,body.embed .vrp-shell--none .vrp-video{height:100vh}body.embed .vrp-magic-canvas{aspect-ratio:auto;height:100vh}body.embed .vrp-2d-bar{z-index:9;background:linear-gradient(#0000,#080a0dd9);border:none;border-radius:0;position:fixed;bottom:0;left:0;right:0}body.embed .vrp-bar{z-index:10;background:#0b0d10bf;border-radius:10px;padding:8px 10px;position:fixed;bottom:64px;left:12px}.vrp-embed-error{color:#ff9d9d;padding:24px;font-family:ui-monospace,Menlo,monospace}.sokoiku-landing{color:#1a1a1a;background:#fff;flex-direction:column;align-items:center;min-height:100vh;padding:48px 20px 20px;display:flex}.sokoiku-landing__body{flex-direction:column;flex:1;align-items:center;gap:28px;width:100%;max-width:640px;padding-top:clamp(24px,12vh,140px);display:flex}.sokoiku-landing__logo{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.sokoiku-landing__word{letter-spacing:.01em;font-size:clamp(2.6rem,7vw,4.4rem);font-style:italic;font-weight:800;display:inline-flex;transform:skew(-4deg)}.sokoiku-landing__word--sub{font-size:clamp(1.4rem,3.6vw,2.1rem)}.sokoiku-landing__form{background:#fff;border:1px solid #dcdfe4;border-radius:999px;align-items:center;gap:8px;width:100%;padding:6px 6px 6px 22px;display:flex;box-shadow:0 10px 30px #1428500f}.sokoiku-landing__input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-size:1rem}.sokoiku-landing__input::placeholder{color:#9aa3af}.sokoiku-landing__play{appearance:none;color:#fff;cursor:pointer;white-space:nowrap;background:#5b5fef;border:none;border-radius:999px;padding:12px 26px;font-size:.95rem;font-weight:700}.sokoiku-landing__play:hover{background:#4a4edb}.sokoiku-landing__error{color:#d1453b;margin:-14px 0 0;font-size:.85rem}.sokoiku-landing__divider{color:#9aa3af;align-items:center;gap:14px;width:100%;max-width:320px;font-size:.85rem;display:flex}.sokoiku-landing__divider span{background:#e2e5ea;flex:1;height:1px}.sokoiku-landing__divider em{font-style:normal}.sokoiku-landing__file{appearance:none;color:#6b7280;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:4px;font-size:.92rem;text-decoration:underline}.sokoiku-landing__file:hover{color:#1a1a1a}.sokoiku-landing__footer{text-align:center;color:#b3b9c2;border-top:1px solid #edeff2;width:100%;max-width:640px;margin-top:32px;padding-top:16px;font-size:.78rem}.sokoiku-landing__dev{z-index:5;position:fixed;bottom:12px;right:12px}