.root{height:100dvh;width:100vw;position:relative;background:#0a274f;overflow:hidden;color:#fff;font-family:AzoSans2,system-ui,Helvetica,Arial,sans-serif;touch-action:pan-y;background-image:url(/assets/bg-nwt3X9G2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.viewer{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;background:#000;transition:opacity .28s ease}.viewer.is-active{opacity:1;pointer-events:auto}.wave{position:absolute;top:0;left:0;height:80%;width:200vw;z-index:0;pointer-events:none;transform:translate3d(var(--wave-shift, 0vw),50%,0);transition:transform .78s cubic-bezier(.22,1,.36,1);will-change:transform}.wave>img{height:100%;width:auto;object-fit:cover;display:block}.app-screen,.player-start-layer{z-index:5}.viewer{z-index:1}.screen-slide{animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;will-change:transform,opacity}.root.is-slide-left .screen-slide{animation-name:screenInFromRight}.root.is-slide-right .screen-slide{animation-name:screenInFromLeft}@keyframes screenInFromRight{0%{opacity:0;transform:translate3d(100vw,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes screenInFromLeft{0%{opacity:0;transform:translate3d(-42vw,0,0)}to{opacity:1;transform:translateZ(0)}}.stage,.ios-stage{height:100%;width:100%;overflow:hidden}.ios-stage-wrap{height:100%;width:100%;position:relative;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);box-sizing:border-box}.ios-stage-wrap.playing{background:#000}.app-screen{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-start;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-sizing:border-box}.debug{position:absolute;bottom:5px;font-size:6pt;right:max(20px,env(safe-area-inset-bottom));opacity:.5;-webkit-user-select:none;user-select:none}.intro-card{position:relative;width:min(520px,100%);height:min(520px,90%);margin-top:5vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.intro-card>.slogan{height:80px}.intro-card>.add-home{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;max-width:300px}.intro-card>.add-home>.icons>img{height:80px;width:auto}.intro-card h1,.screen-header h2,.orientation-copy h2{margin:0 0 10px;font-size:clamp(var(--font-size-text),7vw,var(--font-size-text));line-height:1.05}.intro-card p,.screen-header p,.orientation-copy p{margin:0 auto 10px;max-width:360px;color:#fff;line-height:1.45;font-size:clamp(var(--font-size-text),7vw,var(--font-size-text))}.primary-btn,.sound-btn,.btn{appearance:none;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;padding:10px 16px;border-radius:999px;cursor:pointer;font:inherit;font-weight:700}.primary-btn>img,.sound-btn>img,.btn>img{width:60px;opacity:1}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary-btn,.sound-btn{min-width:160px;border:none;background:transparent;color:#fff;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center}.primary-btn.qrcode>img,.sound-btn.qrcode>img{height:100px;width:100px;border-radius:4px;overflow:hidden}.btn--disabled,.btn:disabled{cursor:default;opacity:.45}.swipe-hint{margin-top:16px;font-size:13px;opacity:.58}.select-screen{flex-direction:column;justify-content:flex-start;gap:20px;padding-top:max(42px,env(safe-area-inset-top,0px) + 34px)}.screen-header{width:min(520px,100%)}.thumbnail-list{position:relative;left:-20px;width:calc(100% + 40px);display:flex;flex-direction:column;row-gap:20px;overflow-y:auto;padding-bottom:80px}.footer{position:absolute;bottom:0;left:0;z-index:5;width:calc(100% - max(20px,env(safe-area-inset-left,20px)) - max(20px,env(safe-area-inset-right,20px)));display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:max(70px,env(safe-area-inset-bottom,20px));padding-bottom:max(10px,env(safe-area-inset-bottom,20px));padding-left:max(20px,env(safe-area-inset-left,20px));padding-right:max(20px,env(safe-area-inset-right,20px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer>img{position:relative;height:40px;width:auto;right:10px}.footer>.close-btn{position:relative;left:-20px;top:10px}.footer>.close-btn>img{position:relative;top:-2px;height:30px;width:auto}.video-thumb{position:relative;width:100%;min-height:125px;border:0;padding:0;border-radius:0;cursor:pointer;background:#fff0;color:#fff;text-align:center;transform:translateZ(0);transition:transform .26s ease,opacity .26s ease,box-shadow .26s ease;background-color:#242424}.video-thumb:active{transform:scale(.985)}.video-thumb img{display:block;width:100%;height:125px;object-fit:cover;object-position:top;opacity:.5}.video-thumb span{position:absolute;left:calc(50% - 150px);right:calc(50% - 150px);min-width:300px;display:flex;flex-direction:column;top:0;height:100%;align-items:center;justify-content:center;z-index:2;font-size:var(--font-size-text);font-weight:400;text-shadow:0 2px 12px rgba(0,0,0,.8)}.video-thumb span>div{font-weight:700}.prepare-screen{flex-direction:column}.prepare-content{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:18px}.orientation-copy{min-height:96px;display:flex;flex-direction:column;align-items:center}.orientation-copy>.icon-rotate{height:100px;width:auto;opacity:1}.orientation-copy>.sound-btn>img{height:40px;width:auto;opacity:1}.selected-thumb{width:min(460px,100vw);cursor:default;transform:scale(1.03);animation:selectedMoveCenter .36s ease both}.selected-thumb>span{row-gap:30px}.selected-thumb img{height:clamp(150px,36vw,240px)}@keyframes selectedMoveCenter{0%{opacity:.3;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1.03)}}.sound-icon{font-size:22px;line-height:1}.close-btn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);z-index:30;width:80px;height:80px;border-radius:50%;border:none;background-color:transparent;background-image:url(/assets/bg-button-D3Rln6_P.png);background-position:center;background-size:cover;color:#fff;font-size:28px;line-height:38px;text-align:center;padding:0;cursor:pointer}.player-start-layer{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/bg-nwt3X9G2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-sizing:border-box;padding-left:0;padding-right:0}.player-thumb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:clamp(150px,55vh,260px);border-radius:0;overflow:hidden;font-size:var(--font-size-text);background-color:#242424}.player-thumb>.start{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;max-height:55vh}.player-thumb>.start>.icon-rotate{position:relative;height:100px;width:auto;opacity:1}.player-thumb img{display:block;height:clamp(150px,55vh,260px);object-fit:cover;object-position:top;position:absolute;width:100%;top:0;z-index:0;opacity:.5}.play-big-btn{width:150px;height:120px;display:flex;justify-content:center;border-radius:50%;border:none;background-color:transparent;font-size:34px;line-height:1;padding-left:7px;cursor:pointer}.play-big-btn>img{position:relative;opacity:1;top:25px;left:3px;height:90px;width:auto}.player-actions{display:flex;gap:10px;align-items:center;justify-content:center}.player-status{color:#ffecec;font-weight:700;font-size:20px;opacity:.72;line-height:1.45}.player-mini-controls{position:absolute;left:calc(env(safe-area-inset-left,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);height:40px;z-index:25;display:flex;align-items:center}.player-mini-controls>.btn{height:40px}.player-mini-controls>.close-btn{position:relative;left:-14px;top:9px}.player-mini-controls>.close-btn>img{position:relative;top:-2px;height:30px}.vr-host{position:absolute;left:0;top:calc(env(safe-area-inset-top,10px) + 55vh + 20px);width:calc(100% - (env(safe-area-inset-left,0px) + 14px));display:flex;align-items:center;justify-content:center;z-index:26;display:inline-flex}.vr-host>span>button{left:0!important;width:200px!important;opacity:.8!important}.vr-host.is-hidden{opacity:0;pointer-events:none}.fullscreen-wrap{position:absolute;inset:0;background:transparent}.close-btn--fullscreen{position:absolute;top:calc(env(safe-area-inset-top,0px) + 0px);right:calc(env(safe-area-inset-right,0px) + 0px);z-index:9999;pointer-events:auto;height:60px;width:55px;opacity:.7}.close-btn--fullscreen>img{position:relative;top:-8px;height:13px;width:auto}@media(orientation:landscape){.select-screen{padding-top:max(24px,env(safe-area-inset-top,0px) + 18px);padding-bottom:0;align-items:center}.select-screen>.screen-header{display:flex;align-items:center;justify-content:center}.select-screen>.screen-header>p{margin:0}.thumbnail-list{max-width:600px;left:auto;overflow-y:auto;padding-bottom:max(80px,env(safe-area-inset-top,0px) + 50px)}.video-thumb{min-height:150px}.video-thumb>img{height:150px}.selected-thumb{width:100vw;justify-content:center;align-items:center}.selected-thumb>img{height:clamp(150px,55vh,260px)}.selected-thumb>span{bottom:7.5vh}.footer{height:max(40px,env(safe-area-inset-bottom,20px));padding-top:min(10px,env(safe-area-inset-bottom,10px))}.prepare-screen{align-items:center}.wave{position:absolute;top:0;left:0;height:120%;width:250vw}}:root{--color-blue: #0060a7;--font-size-text: 20px}html,body,#root{height:100vh;margin:0;padding:0;background:#000;overflow:hidden}canvas{display:block;touch-action:none}#root{margin:0;padding:0;text-align:center;font-family:AzoSans2,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-size:var(--font-size-text);-webkit-user-select:none;user-select:none}p,canvas{-webkit-user-select:none;user-select:none}button,a,img{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@font-face{font-family:AzoSans2;src:url(/assets/AzoSans2-Regular-BfyKQYVk.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:AzoSans2;src:url(/assets/AzoSans2-Bold-O-ljJuKZ.otf) format("opentype");font-weight:700;font-style:bold}