/* Decorative cutouts stay inside artwork; never block text, controls or photo editing. */
.art-sticker{display:block;aspect-ratio:1;flex-shrink:0;pointer-events:none;user-select:none;font-size:0;line-height:0}
.art-sticker::before{content:'';display:block;width:100%;height:100%;background-image:var(--atlas,url('assets/sticker-atlas.webp'));background-size:400% 400%;background-position:var(--sx) var(--sy);background-repeat:no-repeat;transform-origin:center;animation:sticker-rock 5s ease-in-out infinite}
.sticker-01{--sx:0%;--sy:0%}
.sticker-02{--sx:33.333333%;--sy:0%}
.sticker-03{--sx:66.666667%;--sy:0%}
.sticker-04{--sx:100%;--sy:0%}
.sticker-05{--sx:0%;--sy:33.333333%}
.sticker-06{--sx:33.333333%;--sy:33.333333%}
.sticker-07{--sx:66.666667%;--sy:33.333333%}
.sticker-08{--sx:100%;--sy:33.333333%}
.sticker-09{--sx:0%;--sy:66.666667%}
.sticker-10{--sx:33.333333%;--sy:66.666667%}
.sticker-11{--sx:66.666667%;--sy:66.666667%}
.sticker-12{--sx:100%;--sy:66.666667%}
.sticker-13{--sx:0%;--sy:100%}
.sticker-14{--sx:33.333333%;--sy:100%}
.sticker-15{--sx:66.666667%;--sy:100%}
.sticker-16{--sx:100%;--sy:100%}

.sticker-17{--atlas:url('assets/sticker-atlas-2.webp');--sx:0%;--sy:0%}
.sticker-18{--atlas:url('assets/sticker-atlas-2.webp');--sx:33.333333%;--sy:0%}
.sticker-19{--atlas:url('assets/sticker-atlas-2.webp');--sx:66.666667%;--sy:0%}
.sticker-20{--atlas:url('assets/sticker-atlas-2.webp');--sx:100%;--sy:0%}
.sticker-21{--atlas:url('assets/sticker-atlas-2.webp');--sx:0%;--sy:33.333333%}
.sticker-22{--atlas:url('assets/sticker-atlas-2.webp');--sx:33.333333%;--sy:33.333333%}
.sticker-23{--atlas:url('assets/sticker-atlas-2.webp');--sx:66.666667%;--sy:33.333333%}
.sticker-24{--atlas:url('assets/sticker-atlas-2.webp');--sx:100%;--sy:33.333333%}
.sticker-25{--atlas:url('assets/sticker-atlas-2.webp');--sx:0%;--sy:66.666667%}
.sticker-26{--atlas:url('assets/sticker-atlas-2.webp');--sx:33.333333%;--sy:66.666667%}
.sticker-27{--atlas:url('assets/sticker-atlas-2.webp');--sx:66.666667%;--sy:66.666667%}
.sticker-28{--atlas:url('assets/sticker-atlas-2.webp');--sx:100%;--sy:66.666667%}
.sticker-29{--atlas:url('assets/sticker-atlas-2.webp');--sx:0%;--sy:100%}
.sticker-30{--atlas:url('assets/sticker-atlas-2.webp');--sx:33.333333%;--sy:100%}
.sticker-31{--atlas:url('assets/sticker-atlas-2.webp');--sx:66.666667%;--sy:100%}
.sticker-32{--atlas:url('assets/sticker-atlas-2.webp');--sx:100%;--sy:100%}
.sticker-33{--atlas:url('assets/sticker-atlas-3.webp');--sx:0%;--sy:0%}
.sticker-34{--atlas:url('assets/sticker-atlas-3.webp');--sx:33.333333%;--sy:0%}
.sticker-35{--atlas:url('assets/sticker-atlas-3.webp');--sx:66.666667%;--sy:0%}
.sticker-36{--atlas:url('assets/sticker-atlas-3.webp');--sx:100%;--sy:0%}
.sticker-37{--atlas:url('assets/sticker-atlas-3.webp');--sx:0%;--sy:33.333333%}
.sticker-38{--atlas:url('assets/sticker-atlas-3.webp');--sx:33.333333%;--sy:33.333333%}
.sticker-39{--atlas:url('assets/sticker-atlas-3.webp');--sx:66.666667%;--sy:33.333333%}
.sticker-40{--atlas:url('assets/sticker-atlas-3.webp');--sx:100%;--sy:33.333333%}
.sticker-41{--atlas:url('assets/sticker-atlas-3.webp');--sx:0%;--sy:66.666667%}
.sticker-42{--atlas:url('assets/sticker-atlas-3.webp');--sx:33.333333%;--sy:66.666667%}
.sticker-43{--atlas:url('assets/sticker-atlas-3.webp');--sx:66.666667%;--sy:66.666667%}
.sticker-44{--atlas:url('assets/sticker-atlas-3.webp');--sx:100%;--sy:66.666667%}
.sticker-45{--atlas:url('assets/sticker-atlas-3.webp');--sx:0%;--sy:100%}
.sticker-46{--atlas:url('assets/sticker-atlas-3.webp');--sx:33.333333%;--sy:100%}
.sticker-47{--atlas:url('assets/sticker-atlas-3.webp');--sx:66.666667%;--sy:100%}
.sticker-48{--atlas:url('assets/sticker-atlas-3.webp');--sx:100%;--sy:100%}

.sticker-01::before{animation-name:sticker-wave;animation-duration:3.9s;transform-origin:50% 85%}.sticker-02::before{animation-name:sticker-wave;animation-direction:reverse;animation-duration:4.7s;transform-origin:50% 85%}.sticker-03::before{animation-name:sticker-spin;animation-duration:18s;animation-timing-function:linear}.sticker-04::before{animation-name:sticker-orbit;animation-duration:5.4s}.sticker-05::before{animation-name:sticker-orbit;animation-direction:reverse;animation-duration:6.2s}.sticker-06::before{animation-name:sticker-float;animation-duration:5.7s}.sticker-07::before{animation-name:sticker-beat;animation-duration:3.2s}.sticker-08::before{animation-name:sticker-bloom;animation-duration:6.4s}.sticker-09::before{animation-name:sticker-bloom;animation-direction:reverse;animation-duration:5.1s}.sticker-10::before{animation-name:sticker-spin;animation-duration:24s;animation-direction:reverse;animation-timing-function:linear}.sticker-11::before{animation-name:sticker-tohe;animation-duration:4.1s;transform-origin:50% 90%}.sticker-12::before{animation-name:sticker-tohe;animation-direction:reverse;animation-duration:4.8s;transform-origin:50% 90%}.sticker-13::before,.sticker-14::before,.sticker-15::before,.sticker-16::before{animation-name:sticker-label;animation-duration:7s}.sticker-14::before{animation-delay:-2s}.sticker-15::before{animation-delay:-4s}.sticker-16::before{animation-delay:-6s}
.scene-label{position:absolute;width:64px;bottom:20px;z-index:3}.scene-label.label-left{left:20px}.scene-label.label-right{right:68px}
.completed-star.art-sticker{height:auto}
.blog-page .art-flower.art-sticker{height:auto}.blog-page .art-heart.art-sticker{height:auto}.blog-page .note-character{width:80px;margin:0 auto}
.booth-landing .sample-strip .strip-character{width:58px;height:58px}
@keyframes sticker-wave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg) translateY(-3px)}}
@keyframes sticker-rock{50%{transform:rotate(8deg)}}@keyframes sticker-spin{to{transform:rotate(360deg)}}
@keyframes sticker-orbit{0%,100%{transform:translate(0,0) rotate(-5deg)}50%{transform:translate(4px,-4px) rotate(8deg)}}
@keyframes sticker-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(8deg)}}
@keyframes sticker-beat{0%,45%,100%{transform:scale(.94)}20%,65%{transform:scale(1.04)}}
@keyframes sticker-bloom{0%,100%{transform:scale(.95) rotate(-8deg)}50%{transform:scale(1.03) rotate(12deg)}}
@keyframes sticker-tohe{0%,100%{transform:rotate(-5deg)}35%{transform:rotate(5deg) translateY(-4px)}70%{transform:rotate(-2deg)}}
@keyframes sticker-label{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(5deg) translateY(-3px)}}
@media(max-width:760px){.scene-label{width:42px;bottom:13px}.scene-label.label-left{left:13px}.scene-label.label-right{right:56px}.blog-page .note-character{width:66px}.booth-landing .sample-strip .strip-character{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.art-sticker,.art-sticker::before{animation:none!important}}

.parcel-sticker.art-sticker{height:auto}.hero-hand{position:absolute;width:64px;top:31%;z-index:4}.hero-hand-left{left:5%;rotate:-12deg}.hero-hand-right{right:4%;rotate:10deg}
@media(max-width:760px){.hero-hand{width:42px;top:33%}.hero-hand-left{left:4%}.hero-hand-right{right:3%}}

.sticker-17::before,.sticker-18::before,.sticker-20::before{animation-name:sticker-tohe;transform-origin:50% 90%;animation-duration:4.6s}.sticker-18::before{animation-direction:reverse}
.sticker-19::before,.sticker-21::before{animation-name:sticker-glide;animation-duration:6.3s}.sticker-21::before{animation-direction:reverse;animation-duration:5.7s}
.sticker-22::before,.sticker-23::before{animation-name:sticker-wave;animation-duration:4.3s}.sticker-23::before{animation-direction:reverse}
.sticker-24::before,.sticker-25::before,.sticker-29::before,.sticker-30::before,.sticker-31::before,.sticker-39::before{animation-name:sticker-spin;animation-duration:28s;animation-timing-function:linear}.sticker-25::before,.sticker-30::before{animation-direction:reverse}
.sticker-26::before,.sticker-27::before,.sticker-28::before,.sticker-41::before,.sticker-42::before,.sticker-43::before{animation-name:sticker-bloom;animation-duration:6.8s}
.sticker-32::before,.sticker-33::before,.sticker-34::before,.sticker-35::before,.sticker-36::before,.sticker-37::before,.sticker-38::before,.sticker-40::before,.sticker-44::before{animation-name:sticker-float;animation-duration:7.2s}.sticker-34::before,.sticker-36::before,.sticker-38::before,.sticker-44::before{animation-delay:-3.6s}
.sticker-45::before,.sticker-46::before{animation-name:sticker-tohe;animation-duration:5.5s}.sticker-46::before{animation-direction:reverse}.sticker-47::before{animation-name:sticker-beat;animation-duration:4.8s}.sticker-48::before{animation-name:sticker-label;animation-duration:6.8s}
.motion-event .event-music.art-sticker{width:90px;height:90px}.motion-pack .pack-ribbon .art-sticker{width:25px;height:25px;flex:0 0 25px}
.marquee .sticker-pair{display:flex;align-items:center;gap:14px}.marquee .art-sticker{width:48px;height:48px;font-size:0;letter-spacing:0}.ribbon-group>.art-sticker,.ticker-group>.art-sticker{width:44px;height:44px;flex:0 0 44px}
@keyframes sticker-glide{0%,100%{transform:translateX(-5px) rotate(-3deg)}50%{transform:translateX(6px) translateY(-3px) rotate(3deg)}}
@media(max-width:760px){.motion-event .event-music.art-sticker{width:60px;height:60px}.motion-pack .pack-ribbon .art-sticker{width:21px;height:21px;flex-basis:21px}.marquee .art-sticker,.ribbon-group>.art-sticker,.ticker-group>.art-sticker{width:34px;height:34px;flex-basis:34px}.marquee .sticker-pair{gap:8px}}
@media(prefers-reduced-motion:reduce){.art-sticker,.art-sticker::before{animation:none!important}}



.header-art{width:38px;height:38px;margin-left:12px}.policy-art{width:36px;height:36px;margin:8px auto 0}

.guide-art{width:65px;height:65px}

.contact-art{width:72px;height:72px;margin-left:auto}.contact-card-art{width:42px;height:42px;margin-bottom:12px}.feed-art{width:55px;height:55px;margin:0 auto 22px}.camera-empty-art{width:65px;height:65px;margin:0 auto 18px}
@media(max-width:760px){.contact-art{width:52px;height:52px}.contact-card-art{width:34px;height:34px}.camera-empty-art{width:52px;height:52px}}