:root{--canvas-opacity:1}*{margin:0;padding:0;touch-action:none}body{font-family:Arial,sans-serif;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}canvas{height:100%;opacity:var(--canvas-opacity);width:100%}body:after,canvas{left:0;position:fixed;top:0}body:after{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);content:"";height:1px;pointer-events:none;width:1px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.hidden{display:none!important}.spacer{flex-grow:1}#ui{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}#ui *,.walkHint{pointer-events:auto}.walkHint{background-color:#000000b3;border-radius:8px;font-size:14px;left:50%;padding:10px 20px;top:max(60px,env(safe-area-inset-top));transform:translate(-50%)}#supersplatBranding,.walkHint{color:#fff;cursor:pointer;position:absolute;white-space:nowrap}#supersplatBranding{align-items:center;display:flex;gap:6px;left:max(16px,env(safe-area-inset-left));text-decoration:none;top:max(16px,env(safe-area-inset-top))}#supersplatBranding>svg{background-color:#0000004d;border-radius:6px;flex-shrink:0;height:16px;padding:8px;width:auto}#supersplatBranding>svg>g.stroke{fill:#000;opacity:.4;stroke:#000;stroke-linejoin:round;stroke-width:2}#supersplatBranding>svg>g.fill{fill:currentColor;stroke:none}#supersplatBranding>span{font-size:14px;font-weight:700;text-shadow:-1px -1px 0 rgba(0,0,0,.4),1px -1px 0 rgba(0,0,0,.4),-1px 1px 0 rgba(0,0,0,.4),1px 1px 0 rgba(0,0,0,.4)}#poster{background-image:var(--poster-url);background-position:50%;background-repeat:no-repeat;background-size:cover;display:none;height:100%;left:0;position:absolute;top:0;width:100%}#loadingWrap{bottom:120px;display:flex;flex-direction:column;left:50%;padding:16px;position:fixed;transform:translate(-50%);width:min(380px,100vw - 32px)}#loadingWrap>#loadingText{color:#fff;font-size:18px;text-align:center;text-shadow:0 0 4px rgba(0,0,0,.5)}#loadingWrap>#loadingBar{border-radius:4px;height:10px;margin-top:8px;overflow:hidden;width:100%}#controlsWrap{bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;left:max(16px,env(safe-area-inset-left));position:absolute;right:max(16px,env(safe-area-inset-right))}#controlsWrap.faded-in{opacity:1;transition:opacity .5s ease-out;visibility:visible}#controlsWrap.faded-out{opacity:0;transition:visibility 0s .5s,opacity .5s ease-out;visibility:hidden}#controlsWrap>#timelineContainer{cursor:pointer;height:30px}#controlsWrap>#timelineContainer>#line{border-bottom:4px solid #d9d9d9;height:50%;width:100%}#controlsWrap>#timelineContainer>#handle{background-color:#ffaf50;border:2px solid #d9d9d9;border-radius:50%;height:12px;position:absolute;top:16.5px;transform:translate(-50%,-50%);width:12px}#controlsWrap>#timelineContainer>#time{background-color:#28282880;border-radius:4px;color:#fff;font-size:12px;padding:2px 4px;position:absolute;top:0;transform:translate(-50%,-100%)}#controlsWrap>#buttonsContainer{display:flex;gap:8px}#controlsWrap>#buttonsContainer .buttonGroup{background-color:#0000004d;border-radius:6px;display:flex}#controlsWrap>#buttonsContainer .buttonGroup:not(:has(>:not(.hidden))){display:none}#controlsWrap>#buttonsContainer .controlButton{background-color:transparent;border:0;color:#e0dcdd;cursor:pointer;height:34px;margin:0;padding:0;width:34px}#controlsWrap>#buttonsContainer .controlButton:hover{color:#fff}#controlsWrap>#buttonsContainer .controlButton>svg{display:block;margin:auto}#controlsWrap>#buttonsContainer .controlButton>svg>g.stroke{fill:none;opacity:.4;stroke:#000;stroke-linejoin:round;stroke-width:2}#controlsWrap>#buttonsContainer .controlButton>svg>g.fill{fill:currentColor;stroke:none}#controlsWrap>#buttonsContainer .controlButton.active:not(.toggle){color:#f60}#controlsWrap>#buttonsContainer .controlButton.toggle{background:linear-gradient(90deg,transparent,transparent 50%,#f60 0,#f60);background-position:100% 0;background-repeat:no-repeat;background-size:200% 100%;transition:background-position .1s ease-in-out}#controlsWrap>#buttonsContainer .controlButton.toggle.left{border-radius:4px 0 0 4px}#controlsWrap>#buttonsContainer .controlButton.toggle.left:not(.active){background-position:0 0}#controlsWrap>#buttonsContainer .controlButton.toggle.middle{border-radius:0}#controlsWrap>#buttonsContainer .controlButton.toggle.middle:not(.active){background-position:0 0}#controlsWrap>#buttonsContainer .controlButton.toggle.right{border-radius:0 4px 4px 0}#controlsWrap>#buttonsContainer .controlButton.toggle.right:not(.active){background-position:200% 0}#settingsPanel{align-items:flex-end;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#333c;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px);color:#e0dcdd;display:flex;flex-direction:column;font-size:14px;gap:4px;min-width:min(320px,100vw - 32px);padding:12px;position:fixed;right:max(16px,env(safe-area-inset-right))}#settingsPanel>.settingsRow{align-items:center;display:flex;gap:4px;justify-content:space-between;width:100%}#settingsPanel>.settingsRow>button{background-color:#ffffff0a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#aaa;cursor:pointer;flex-grow:1;font-size:13px;height:34px;padding:0 20px;transition:background-color .25s ease,color .25s ease}#settingsPanel>.settingsRow>button:hover{background-color:#ffffff1a;color:#fff}#settingsPanel>.settingsRow>div{align-items:center;color:#aaa;cursor:pointer;display:flex;height:34px;padding:0 8px}#settingsPanel>.settingsRow>div.toggleSwitch{padding:0 4px}#settingsPanel>.settingsRow>div.toggleSwitch .toggleTrack{background-color:#ffffff26;border-radius:10px;height:20px;position:relative;transition:background-color .2s ease;width:36px}#settingsPanel>.settingsRow>div.toggleSwitch .toggleTrack .toggleThumb{background-color:#777;border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s ease,background-color .2s ease;width:16px}#settingsPanel>.settingsRow>div.toggleSwitch.active .toggleTrack{background-color:#ff660059}#settingsPanel>.settingsRow>div.toggleSwitch.active .toggleTrack .toggleThumb{background-color:#f60;transform:translate(16px)}#settingsPanel>.settingsRow>div:hover{color:#e0dcdd}#settingsPanel>.settingsSection{display:flex;flex-direction:column;gap:8px;width:100%}#settingsPanel>.settingsSection>.settingsSectionTitle{color:#ffffff8c;font-size:12px;font-weight:600;letter-spacing:.04em;padding:0 8px;text-transform:uppercase}#settingsPanel>.settingsSection>.qualityPresetButtons{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#settingsPanel>.settingsSection>.qualityPresetButtons>.qualityPresetButton{align-items:flex-start;background-color:#ffffff0a;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#aaa;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:44px;padding:8px 10px;transition:border-color .25s ease,background-color .25s ease,color .25s ease}#settingsPanel>.settingsSection>.qualityPresetButtons>.qualityPresetButton>span{color:#ffffff8c;font-size:11px}#settingsPanel>.settingsSection>.qualityPresetButtons>.qualityPresetButton:hover{background-color:#ffffff1a;color:#fff}#settingsPanel>.settingsSection>.qualityPresetButtons>.qualityPresetButton.active{background-color:#ff66002e;border-color:#ff660073;color:#fff}#settingsPanel>.settingsSection>.qualityPresetButtons>.qualityPresetButton.active>span{color:#fffc}#settingsPanel>.divider{background-color:#ffffff14;height:1px;margin:8px 0;width:100%}#infoPanel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%}#infoPanel>#infoPanelContent{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#333c;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:#e0dcdd;display:flex;flex-direction:column;left:50%;min-height:280px;min-width:320px;padding:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}#infoPanel>#infoPanelContent>#tabs{background-color:#282828;border-radius:12px;display:flex;gap:4px;padding:4px}#infoPanel>#infoPanelContent>#tabs>.tab{border-radius:10px;color:#aaa;cursor:pointer;flex-grow:1;font-size:14px;font-weight:700;padding:8px 12px;text-align:center;transition:background-color .25s ease,color .25s ease}#infoPanel>#infoPanelContent>#tabs>.tab:hover{background-color:#ffffff0f;color:#fff}#infoPanel>#infoPanelContent>#tabs>.tab.active{background-color:#ffffff1a;color:#fff}#infoPanel>#infoPanelContent>#infoPanels{padding:16px}#infoPanel>#infoPanelContent>#infoPanels h1{color:#f60;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 0 8px;text-transform:uppercase}#infoPanel>#infoPanelContent>#infoPanels .control-item{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:32px;justify-content:space-between;margin:0 -8px;padding:5px 8px}#infoPanel>#infoPanelContent>#infoPanels .control-item>.control-action{text-align:left}#infoPanel>#infoPanelContent>#infoPanels .control-item>.control-key{color:#aaa;font-size:12px;text-align:right}#infoPanel>#infoPanelContent>#infoPanels .control-item:nth-child(odd){background-color:#ffffff08}#infoPanel>#infoPanelContent>#infoPanels .control-spacer{margin:14px 0}#joystickBase{background:linear-gradient(180deg,rgba(0,0,0,.267),transparent 30%,transparent 70%,rgba(0,0,0,.267));background-color:#0003;border:2px solid hsla(0,0%,100%,.2);border-radius:28px;height:100px;position:absolute;touch-action:none;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,border-radius .2s ease;width:56px}#joystickBase>#joystick{background-color:#fff8;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:40px;left:8px;position:absolute;touch-action:none;transition:left .1s ease;width:40px}#joystickBase.mode-2d{background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.267) 100%);background-color:#0003;border-radius:50px;height:100px;width:100px}#joystickBase.mode-2d>#joystick{left:30px}#tooltip{background-color:#282828;border-radius:4px;color:#e0dcdd;display:none;font-size:12px;padding:4px;position:absolute}#annotations{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}#annotations *{pointer-events:auto}#annotationNav{pointer-events:none}#annotationNav.faded-in{opacity:1;transition:opacity .5s ease-out;visibility:visible}#annotationNav.faded-out{opacity:0;transition:visibility 0s .5s,opacity .5s ease-out;visibility:hidden}#annotationNav>button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000004d;border:0;color:#e0dcdd;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;pointer-events:auto}#annotationNav>button:hover{background-color:#00000080;color:#fff}#annotationNav>button>svg{display:block}#annotationNav>button>svg>g.stroke{fill:none;opacity:.4;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}#annotationNav>button>svg>g.fill{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}#annotationNav.desktop{align-items:center;background-color:#0009;border-radius:6px;display:flex;gap:0;left:50%;overflow:hidden;position:absolute;top:max(16px,env(safe-area-inset-top));transform:translate(-50%)}#annotationNav.desktop>button{background-color:transparent;height:34px;width:34px}#annotationNav.desktop>button:hover{background-color:#ffffff1a}#annotationNav.desktop>#annotationInfo{align-items:center;display:flex;justify-content:center;padding:0 12px;pointer-events:none;white-space:nowrap;width:240px}#annotationNav.desktop>#annotationInfo>#annotationNavTitle{color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis}#annotationNav.touch{height:100%;left:0;position:fixed;top:0;width:100%}#annotationNav.touch>#annotationInfo{display:none}#annotationNav.touch>button{background-color:#0000004d;height:80px;position:absolute;top:50%;transform:translateY(-50%);width:44px}#annotationNav.touch>button:active{background-color:#0006}#annotationNav.touch>#annotationPrev{border-radius:0 6px 6px 0;left:max(0px,env(safe-area-inset-left))}#annotationNav.touch>#annotationNext{border-radius:6px 0 0 6px;right:max(0px,env(safe-area-inset-right))}.sse-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.sse-wrapper canvas#application-canvas{height:100%!important;left:0;position:absolute!important;top:0;width:100%!important}.sse-wrapper #ui{left:0;position:absolute!important;top:0}.sse-wrapper #ui,.super-splat-viewer-root{height:100%;width:100%}.passwordGate{align-items:center;background:#000000e0;color:#fff;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.passwordGatePanel{background:#121212f5;border-radius:18px;box-shadow:0 24px 60px #00000073;padding:2rem;width:min(800px,calc(100% - 32px))}.passwordGatePanel--loading{text-align:center;width:min(420px,calc(100% - 32px))}.passwordGatePanel h1{font-size:1.35rem;letter-spacing:.02em;margin:0 0 1rem}.passwordGateIntro{margin:0 0 1.5rem}.passwordGateIntro h2{font-size:1.1rem;letter-spacing:.025em;margin:0 0 .5rem}.passwordGateIntro .lead{font-size:.98rem;font-weight:600;margin:0 0 1rem;opacity:.92}.passwordGatePanel p{line-height:1.55;margin:0 0 1rem;opacity:.88}.featureCopy{max-height:34vh;overflow-y:auto;padding-right:.25rem}.featureBlock{margin:1rem 0 0}.featureBlock h3{font-size:1rem;margin:0 0 .4rem}.featureBlock p{line-height:1.5;margin:0 0 .85rem;opacity:.88}.passwordGatePanel label{display:grid;font-size:.95rem;gap:.5rem;margin-bottom:1rem}.passwordGatePanel input{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff;padding:.9rem 1rem;width:100%}.passwordGatePanel button{background:#f37021;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.95rem 1rem;width:100%}.passwordGatePanel button:disabled,.passwordGatePanel input:disabled{cursor:wait;opacity:.72}.passwordGatePanel .passwordError{color:#ff7171;font-size:.92rem;margin-top:.8rem}.sse-wrapper #controlsWrap>#timelineContainer{position:relative}.sse-wrapper #controlsWrap>#timelineContainer>#line{background-color:#d9d9d9;border-bottom:0!important;border-radius:999px;height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.sse-wrapper #controlsWrap>#timelineContainer>#handle{top:50%!important}.sse-wrapper .qualityPresetButtons.singleRow{display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:space-between!important}.sse-wrapper .qualityPresetButtons.singleRow>.qualityPresetButton{align-items:center!important;display:inline-flex!important;flex:1 1 0!important;flex-direction:row!important;justify-content:center!important;min-width:0!important;padding-left:.75rem!important;padding-right:.75rem!important}.sse-wrapper .settingsSection{display:flex;flex-direction:column;gap:.5rem;width:100%}.sse-wrapper .settingsSectionTitle{color:#e0dcdd;font-size:.92rem;font-weight:500;opacity:.92}.sse-wrapper .qualityPresetButton{background-color:#ffffff0f!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:8px!important;color:#e0dcdd!important;cursor:pointer!important;font-size:.92rem!important;height:34px!important;padding:0 .75rem!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease!important}.sse-wrapper .qualityPresetButton:hover{background-color:#ffffff1f!important;color:#fff!important}.sse-wrapper .qualityPresetButton.active{background-color:#ff660038!important;border-color:#ff660073!important;color:#fff!important}.sse-wrapper .qualityPresetButton:active{background-color:#fff3!important}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}