:root{font-family:Outfit,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ui-bottom: max(var(--safe-bottom), 3vh)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:var(--safe-top) 0 var(--ui-bottom);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background-image:url(/images/bg2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#b7e2f8;color:#0b1a26}@supports (height: 100svh){body{height:100svh}}body:before{content:"";position:fixed;inset:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:0;pointer-events:none}.page-container{position:relative;overflow:hidden;width:min(100vw,calc((100svh - var(--safe-top) - var(--ui-bottom)) * (9 / 16)));height:auto;aspect-ratio:9 / 16;margin:auto;box-shadow:0 18px 40px #00000047;border-radius:0;background:transparent;z-index:1}@media(min-aspect-ratio:9/16){.page-container{width:min(100vw,calc((100svh - var(--safe-top) - var(--ui-bottom)) * (9 / 16)));height:auto}}@supports (height: 100svh){@media(min-aspect-ratio:9/16){.page-container{width:min(100vw,calc((100svh - var(--safe-top) - var(--ui-bottom)) * (9 / 16)));height:auto}}}@media(max-aspect-ratio:9/16){.page-container{width:100vw;height:min(calc(100vw * (16 / 9)),calc(100svh - var(--safe-top) - var(--ui-bottom)))}}.stage{position:relative;width:100%;height:100%;background:transparent;container-type:size}.item{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:none}.is-hidden{display:none}.stage-landing .item{animation:float 6s ease-in-out infinite}.stage-landing{background-image:url(/images/bg2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}.stage-choose{background-image:url(/images/loading/source/%E8%B3%87%E7%94%A2%202@2x.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.stage-loading{background-image:url(/images/loading/source/%E8%B3%87%E7%94%A2%202@2x.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.stage-camera{background:transparent}.stage-camera .camera-view{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000}.stage-ending{background-image:url(/images/loading/source/%E8%B3%87%E7%94%A2%202@2x.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.ending-photo{z-index:3;border-radius:5%}.ending-drink,.ending-star{z-index:1}.ending-bear-right,.ending-bear-bottom{z-index:2}.ending-hint,.ending-retry,.ending-share,.ending-explore{z-index:4}.ending-retry,.ending-share,.ending-explore{cursor:pointer}.item>img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.debug-hint{position:fixed;left:2%;bottom:2%;font-size:.85rem;padding:.4rem .8rem;background:#00000073;color:#f5faff;border-radius:999px;letter-spacing:.02em;z-index:20}body.debug-on .item{outline:1px dashed rgba(255,255,255,.7);cursor:grab}body.debug-on .item.selected{outline:2px solid #fff25f;cursor:grabbing}.debug-panel{position:fixed;top:4%;right:2%;width:min(32vw,360px);max-height:92%;display:flex;flex-direction:column;gap:.7rem;padding:1rem 1.1rem;background:#0a101aeb;color:#f5faff;border:1px solid rgba(255,255,255,.18);border-radius:1rem;box-shadow:0 20px 40px #00000059;opacity:0;pointer-events:none;transform:translate(10%);transition:opacity .2s ease,transform .2s ease;z-index:30}body.debug-on .debug-panel{opacity:1;pointer-events:auto;transform:translate(0)}.debug-header{display:flex;justify-content:space-between;align-items:center;font-weight:700}.debug-title{font-size:1.1rem}.debug-section{display:flex;flex-direction:column;gap:.4rem}.debug-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;color:#f5faffb3}.debug-selected{padding:.4rem .6rem;background:#ffffff14;border-radius:.5rem}.debug-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.debug-controls{font-size:.85rem;color:#f5faffd9;display:flex;flex-direction:column;gap:.2rem}.debug-output{width:100%;min-height:9rem;resize:vertical;border-radius:.6rem;border:1px solid rgba(255,255,255,.18);background:#090d14cc;color:#e3f0ff;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.8rem;padding:.6rem}.debug-actions{display:flex;gap:.5rem}.debug-btn{border:none;padding:.45rem .7rem;border-radius:.6rem;background:#ffffff1f;color:#f5faff;font-size:.85rem;cursor:pointer}.debug-btn:hover{background:#fff3}.debug-list .debug-btn{text-align:left;width:100%;font-size:.78rem;padding:.4rem .5rem}.item-header{z-index:6}.item-card{z-index:2}.item-toggle{z-index:4;display:flex;justify-content:space-between;align-items:center;gap:8%}.item-toggle .toggle-btn{flex:1;border:none;padding:0;background:transparent;cursor:pointer}.item-toggle .toggle-btn img{width:100%;display:block}.item-confirm{z-index:5;animation:none}.stage-choose .item-confirm,.stage-choose .toggle-btn,.stage-camera .camera-capture,.stage-camera .camera-switch{cursor:pointer}.loading-title{z-index:6;display:flex;justify-content:center;align-items:center;gap:1%;color:#141414;font-weight:800;letter-spacing:.06em;font-size:6vw;font-family:Outfit,Inter,system-ui,sans-serif;line-height:1;text-align:center;white-space:nowrap}@supports (font-size: 1cqh){.loading-title{font-size:7cqh}}.loading-dots{display:inline-flex;gap:.12em}.loading-dots .dot{animation:dots 1.2s infinite}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}.stage-landing .item-logo{z-index:6;animation-duration:7s}.stage-landing .item-title{z-index:5;animation-duration:6.5s}.stage-landing .item-bubble{z-index:3;animation-duration:7.5s}.stage-landing .item-bear{z-index:4;animation-duration:5.5s}.stage-landing .item-button{z-index:5;animation:pulse 2.2s ease-in-out infinite;--btn-mask: url(/images/landing/source/%E8%B3%87%E7%94%A2%203@2x.png);-webkit-mask-image:var(--btn-mask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:var(--btn-mask);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;mask-mode:alpha;overflow:hidden}.stage-landing .item-button:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.05) 62%,transparent 100%);transform:translate(-120%);mix-blend-mode:screen;opacity:.85;animation:shimmer 2.8s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translate(-50%,-50%) scale(var(--scale))}50%{transform:translate(-50%,-52%) scale(var(--scale))}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(calc(var(--scale) * 1))}50%{transform:translate(-50%,-50%) scale(calc(var(--scale) * 1.04))}}@keyframes dots{0%,to{opacity:.15;transform:translateY(10%)}50%{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-120%)}60%{transform:translate(120%)}to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.item,.item-confirm,.stage-landing .item-button{animation:none}.stage-landing .item-button:after{animation:none}}@media(max-width:860px){.debug-panel{width:min(60vw,320px);top:2%;right:2%}.debug-hint{font-size:.75rem}}