body{-webkit-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;color:#333;width:var(--app-width, 100%);margin:0 auto}*{border:0;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}img{-webkit-user-drag:none;-moz-user-select:-moz-none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button{transform:scale(1);transition:transform .28s cubic-bezier(.22,1,.36,1),filter .2s ease;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.95);filter:brightness(.88);transition-duration:.08s}.imgOut{display:flex;align-items:center;justify-content:center}.imgOut img{width:100%;height:100%;object-fit:cover}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.62)}.global-loading.is-hidden{display:none}.global-loading .loading-cont{width:41.87vw;height:29.07vw;border-radius:5.33vw;background:#151515;padding-top:3.73vw}.global-loading .loading-title{font-size:3.2vw;text-align:center;color:#fff}.global-loading .loading-img{width:11.07vw;height:11.07vw;display:flex;align-items:center;justify-content:center;margin:3.73vw auto 0}.global-loading .loading-img img{width:100%;height:100%;animation:globalLoadingSpin 1s linear infinite;will-change:transform}@keyframes globalLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){.global-loading .loading-cont{width:9.8125rem;height:6.8125rem;border-radius:1.25rem;padding-top:.875rem}.global-loading .loading-title{font-size:.75rem}.global-loading .loading-img{width:2.59375rem;height:2.59375rem;margin-top:.875rem}}.installGuidecontainer{display:block;position:fixed;width:var(--app-width, 100%);height:100dvh;z-index:1500;top:0;left:-200vw;transform:translate(-50%);overflow-y:auto;font-size:.875rem;pointer-events:none}.installGuidecontainer.is-open{left:50%;pointer-events:auto}.installGuidecontainer .download{display:flex;flex-direction:column;gap:1rem;padding:.625rem 1.5625rem;margin-top:1.875rem}.installGuidecontainer .note{border-radius:.875rem;padding:.625rem;background-color:rgba(255,255,255,.34);color:#4d4d4d;font-size:.75rem;font-weight:400}.installGuidecontainer .imgWrapper,.installGuidecontainer .guide-img-wrapper{width:100%;height:auto;display:flex;align-items:center;justify-content:center;margin-top:.625rem;margin-bottom:.9375rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.installGuidecontainer .imgWrapper img,.installGuidecontainer .guide-img-wrapper img{transition:box-shadow .16s ease;border-radius:.625rem}.installGuidecontainer .imgWrapper.touch-active img,.installGuidecontainer .guide-img-wrapper.touch-active img{box-shadow:0 0 0 .125rem rgba(64,148,255,.95)}.touch-active{filter:brightness(.82)}body[data-template] .home-h5.is-download-pinned{padding-bottom:calc(var(--download-cta-reserve, 0px) + env(safe-area-inset-bottom,0))}body[data-template="9r"]{--9r-ink: #f6e9ff;--9r-muted: rgba(255, 255, 255, .82);--9r-header-h: 3.5rem;width:100%;max-width:none;margin:0;background:#12051a;color:var(--9r-ink);overflow:hidden;height:100%;height:100dvh}body[data-template="9r"] #app{width:100%;height:100%}body[data-template="9r"] .home{position:relative;width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:block;overflow:hidden}body[data-template="9r"] .scene-stack{--9r-scene-fade-ms: 2800;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}body[data-template="9r"] .home-top{position:absolute;top:0;left:0;right:0;z-index:30;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--9r-header-h);padding:calc(.45rem + env(safe-area-inset-top,0)) .75rem .45rem;box-sizing:border-box;background:transparent;pointer-events:none}body[data-template="9r"] .home-top .logo,body[data-template="9r"] .home-top .top-actions{pointer-events:auto}body[data-template="9r"] .logo{width:auto;height:2.25rem;flex-shrink:0;cursor:pointer}body[data-template="9r"] .logo-img{width:auto;height:100%;display:block;object-fit:contain}body[data-template="9r"] .top-actions{display:flex;align-items:center;gap:.65rem}body[data-template="9r"] .top-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:2.4rem;padding:0;border:0;background:transparent;color:var(--9r-muted);font-family:inherit;font-size:.625rem;line-height:1.2;cursor:pointer}body[data-template="9r"] .top-action-icon{width:1.5rem;height:1.5rem;display:block;object-fit:contain}body[data-template="9r"] .logo-img--pc,body[data-template="9r"] .top-action-icon--pc,body[data-template="9r"] .scene-stack--pc{display:none}body[data-template="9r"] .scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:visible;transition:opacity calc(var(--9r-scene-fade-ms) * 1ms) ease-in-out;pointer-events:none;z-index:0;backface-visibility:hidden;transform:translateZ(0);will-change:opacity}body[data-template="9r"] .scene.is-active{opacity:1;pointer-events:auto}body[data-template="9r"] .scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-position:center top;background-size:cover;background-repeat:no-repeat}body[data-template="9r"] .scene-stage{position:relative;z-index:1;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--9r-header-h) + .15rem) 0 calc(.55rem + env(safe-area-inset-bottom,0));box-sizing:border-box}body[data-template="9r"] .scene-title{position:relative;z-index:4;flex:0 0 auto;width:min(94%,22rem);height:auto;display:block;margin:0 auto;pointer-events:none}body[data-template="9r"] .scene-hero{position:relative;flex:1 1 auto;width:100%;min-height:0;margin:.1rem 0 -4.5rem;display:flex;align-items:flex-end;justify-content:center;overflow:visible}body[data-template="9r"] .scene-filmstrip{display:none}body[data-template="9r"] .scene-character{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center top;pointer-events:none;display:block}body[data-template="9r"] .scene-stack--mobile .scene-tag{--9r-mobile-tag-y: 17%;position:absolute;left:0;right:0;top:var(--9r-mobile-tag-y);bottom:auto;z-index:9;width:100%;aspect-ratio:1125 / 969;height:auto;margin:0;line-height:0;transform:none;transform-origin:center center;pointer-events:none}body[data-template="9r"] .scene-stack--mobile .scene-tag img{width:100%;height:100%;object-fit:contain;object-position:center top;display:block;pointer-events:none;transform-origin:center center;animation:nine-r-tag-pulse 2.6s ease-in-out infinite}body[data-template="9r"] .scene-qr-row{position:relative;z-index:8;flex:0 0 auto;width:100%;max-width:none;margin:0;padding:2.4rem .85rem 1.1rem;box-sizing:border-box;display:flex;align-items:center;gap:.55rem;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;isolation:isolate;overflow:visible}body[data-template="9r"] .scene-qr-ink{position:absolute;left:0;right:0;top:42%;bottom:auto;z-index:0;width:100%;height:auto;min-height:135%;max-width:none;transform:translateY(-58%);object-fit:cover;object-position:center center;pointer-events:none;mix-blend-mode:screen}body[data-template="9r"] .scene-qr{--9r-qr-pad: .42rem;--9r-qr-radius: .72rem;--9r-qr-size: 4.6rem;position:relative;z-index:1;flex:0 0 auto;width:calc(var(--9r-qr-size) + var(--9r-qr-pad) * 2);height:calc(var(--9r-qr-size) + var(--9r-qr-pad) * 2);padding:var(--9r-qr-pad);box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:var(--9r-qr-radius);border:.0625rem solid rgba(255,255,255,.72);background:rgba(255,255,255,.96);box-shadow:0 .125rem .625rem rgba(0,0,0,.22)}body[data-template="9r"] .scene-qr canvas{width:var(--9r-qr-size);height:var(--9r-qr-size);display:block;border-radius:calc(var(--9r-qr-radius) - var(--9r-qr-pad));background:#fff}body[data-template="9r"] .scene-tip{position:relative;z-index:1;flex:1 1 auto;width:auto;min-width:0;height:auto;display:block;margin:0;pointer-events:none;mix-blend-mode:screen}@media(max-width:767px)and (max-height:700px){body[data-template="9r"]{--9r-header-h: 3.1rem}body[data-template="9r"] .logo{height:2rem}body[data-template="9r"] .scene-title{width:min(90%,20rem)}body[data-template="9r"] .scene-qr{--9r-qr-size: 4rem;--9r-qr-pad: .36rem;--9r-qr-radius: .64rem}body[data-template="9r"] .scene-qr-row{padding:2rem .7rem .9rem;gap:.45rem}body[data-template="9r"] .scene-hero{margin-bottom:-3.6rem}body[data-template="9r"] .scene-qr-ink{min-height:145%;transform:translateY(-60%)}}@media(min-width:768px){body[data-template="9r"]{--9r-header-h: 4.75rem;--9r-filmstrip-h: clamp(16.25rem, 36vh, 26.25rem)}body[data-template="9r"] #app{width:100%;min-height:100vh}body[data-template="9r"] .home-top{padding:1.125rem 3rem .75rem;background:transparent}body[data-template="9r"] .logo{height:3.5rem}body[data-template="9r"] .logo-img--mobile,body[data-template="9r"] .top-action-icon--mobile{display:none}body[data-template="9r"] .logo-img--pc,body[data-template="9r"] .top-action-icon--pc{display:block}body[data-template="9r"] .top-actions{gap:1.75rem}body[data-template="9r"] .top-action{min-width:3.5rem;font-size:.75rem;color:rgba(255,255,255,.92)}body[data-template="9r"] .top-action-icon{width:2.25rem;height:2.25rem}body[data-template="9r"] .scene-stack--mobile{display:none}body[data-template="9r"] .scene-stack--pc{display:block}body[data-template="9r"] .scene-bg{background-position:center center}body[data-template="9r"] .scene-stack--pc .scene-stage{position:relative;display:block;padding:0;height:100%;box-sizing:border-box;overflow:hidden}body[data-template="9r"] .scene-stack--pc .scene-main{position:absolute;inset:0 0 var(--9r-filmstrip-h) 0;width:100%;max-width:none;margin:0;padding:calc(var(--9r-header-h) + .5rem) 0 0 clamp(2rem,4vw,4.5rem);display:grid;grid-template-columns:minmax(20rem,.7fr) minmax(30rem,1.3fr);column-gap:0;align-items:stretch;box-sizing:border-box}body[data-template="9r"] .scene-stack--pc .scene-copy{grid-column:1;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:35rem;padding:clamp(2.25rem,6vh,4.5rem) 0 .5rem;transform:translateY(clamp(.75rem,3vh,2.5rem));z-index:2}body[data-template="9r"] .scene-stack--pc .scene-title{width:100%;max-width:33.75rem;margin:0;height:auto;display:block}body[data-template="9r"] .scene-stack--pc .scene-qr-row{display:flex;align-items:flex-start;justify-content:center;gap:1rem;margin-top:clamp(2.25rem,4.5vh,3.5rem);width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}body[data-template="9r"] .scene-stack--pc .scene-qr{--9r-qr-pad: .875rem;--9r-qr-radius: 1.75rem;--9r-qr-size: 9.25rem;flex:0 0 auto;width:calc(var(--9r-qr-size) + var(--9r-qr-pad) * 2);height:calc(var(--9r-qr-size) + var(--9r-qr-pad) * 2);padding:var(--9r-qr-pad);box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:var(--9r-qr-radius);border:.09375rem solid rgba(255,255,255,.78);background:rgba(255,255,255,.28);backdrop-filter:blur(.875rem) saturate(1.15);-webkit-backdrop-filter:blur(.875rem) saturate(1.15);box-shadow:0 0 0 .0625rem rgba(255,255,255,.18) inset,0 .625rem 1.75rem rgba(0,0,0,.22)}body[data-template="9r"] .scene-stack--pc .scene-qr canvas{width:var(--9r-qr-size);height:var(--9r-qr-size);display:block;border-radius:calc(var(--9r-qr-radius) - var(--9r-qr-pad));background:#fff}body[data-template="9r"] .scene-stack--pc .scene-tip{flex:1 1 auto;width:auto;max-width:22.5rem;height:auto;margin:0;display:block;mix-blend-mode:normal}body[data-template="9r"] .scene-stack--pc .scene-hero{grid-column:2;position:relative;min-height:0;height:calc(100% + var(--9r-filmstrip-h));width:100%;display:flex;align-items:flex-end;justify-content:flex-end;margin-right:calc(-1*clamp(2rem,4vw,4.5rem));overflow:visible}body[data-template="9r"] .scene-stack--pc .scene-character{position:relative;left:auto;right:0;bottom:auto;transform:none;z-index:1;max-width:none;width:min(78vw,73.75rem);height:auto;max-height:108%;object-fit:contain;object-position:right bottom}body[data-template="9r"] .scene-stack--pc .scene-tag{position:absolute;top:0;bottom:0;left:0;right:0;z-index:6;width:100%;height:100%;margin:0;object-fit:contain;object-position:right center;pointer-events:none;transform-origin:center center;animation:nine-r-tag-pulse 2.6s ease-in-out infinite}body[data-template="9r"] .scene-stack--pc .scene-hero>.scene-tag{display:none}body[data-template="9r"] .scene-stack--pc .scene-tag-overlay{position:absolute;top:auto;left:auto;right:0;bottom:10vh;z-index:6;width:min(68vw,61.25rem);height:98%;margin:0;object-fit:contain;object-position:right bottom;pointer-events:none;transform-origin:center center;animation:nine-r-tag-pulse 2.6s ease-in-out infinite}body[data-template="9r"] .scene-stack--pc .scene-filmstrip-wrap{position:absolute;left:0;right:0;bottom:0;z-index:5;width:100%;height:var(--9r-filmstrip-h);margin:0;overflow:hidden;line-height:0;pointer-events:none}body[data-template="9r"] .scene-stack--pc .scene-filmstrip{width:100%;height:100%;max-width:none;display:block;margin:0;object-fit:cover;object-position:center top}}@media(min-width:1200px){body[data-template="9r"]{--9r-filmstrip-h: clamp(18.75rem, 40vh, 30rem)}body[data-template="9r"] .scene-stack--pc .scene-main{padding-left:4.5rem;padding-right:0;grid-template-columns:minmax(23.75rem,.72fr) minmax(40rem,1.28fr);column-gap:.5rem}body[data-template="9r"] .scene-stack--pc .scene-copy{max-width:37.5rem}body[data-template="9r"] .scene-stack--pc .scene-hero{margin-right:0}body[data-template="9r"] .scene-stack--pc .scene-character{width:min(82vw,80rem);max-height:112%}body[data-template="9r"] .scene-stack--pc .scene-tag-overlay{width:min(72vw,66.25rem);height:102%}}@keyframes nine-r-tag-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){body[data-template="9r"] .scene{transition:none}body[data-template="9r"] .scene-stack--pc .scene-tag,body[data-template="9r"] .scene-stack--mobile .scene-tag img{animation:none}}
