/* r7_737: approved Moon Rabbit IP + Wu Gang story layer. No order or menu controls are changed. */
body.mid-autumn-story-ui{--moon-navy:#071a33;--moon-blue:#173c5a;--moon-gold:#f1ca78;--moon-cream:#fff4d2}
body.mid-autumn-story-ui .top-stripe{height:4px;background:linear-gradient(90deg,#071a33,#f1ca78 48%,#173c5a)}
body.mid-autumn-story-ui .header .brand-name{color:#102c4d}body.mid-autumn-story-ui .header .brand-tag{color:#9a6512}body.mid-autumn-story-ui .header .pill{color:#17385b;background:#fff4d2;border-color:#e9c56f}
body.pixel-brand-ui.mid-autumn-story-ui #pixelBrandHero .pixel-chef-actions{width:124px;height:208px;left:0;bottom:0;background-image:url('/preorder/assets/events/mid-autumn-2026/moon-rabbit-chef-r7_635.png');background-size:auto 100%;background-position:center bottom;background-repeat:no-repeat;animation:moonRabbitWelcome737 6s ease-in-out infinite;transform-origin:center bottom;z-index:3}
body.pixel-brand-ui.mid-autumn-story-ui #pixelBrandHero .pixel-hero-copy{left:126px;right:92px;z-index:4}
body.mid-autumn-story-ui #pixelChef{width:clamp(100px,9vw,126px);height:calc(100% - 6px);left:12px;top:5px;bottom:auto;background-image:url('/preorder/assets/events/mid-autumn-2026/moon-rabbit-chef-r7_635.png');background-size:auto 144%;background-position:center top;background-repeat:no-repeat;animation:moonRabbitWelcome737 6s ease-in-out infinite;transform-origin:center bottom}
.mid-autumn-story-wugang{position:absolute;right:7px;top:8px;z-index:2;width:92px;height:86px;overflow:hidden;border-radius:50%;background:#fff0bd;box-shadow:0 0 0 5px rgba(241,202,120,.14);pointer-events:none}
.mid-autumn-story-wugang img{width:100%;height:100%;object-fit:cover;object-position:46% 40%;opacity:.82}
.mid-autumn-story-banner{position:relative;display:flex;align-items:center;min-height:104px;overflow:hidden;margin:0 0 16px;padding:14px 82px 14px 88px;border:2px solid #e8c36b;border-radius:16px;background:linear-gradient(115deg,#0b2340,#1d4563);color:#fff;box-shadow:0 6px 20px rgba(14,39,67,.13)}
.mid-autumn-story-banner>img{position:absolute;left:8px;bottom:-16px;width:76px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(0,0,0,.24))}
.mid-autumn-story-banner__moon{position:absolute;right:12px;top:10px;width:62px;height:62px;overflow:hidden;border-radius:50%;background:#fff0bd;box-shadow:0 0 0 6px rgba(241,202,120,.1)}
.mid-autumn-story-banner__moon img{width:100%;height:100%;object-fit:cover;object-position:46% 40%}
.mid-autumn-story-banner p{margin:0}.mid-autumn-story-banner strong{display:block;color:#ffe5a4;font-size:15px;letter-spacing:.08em}.mid-autumn-story-banner small{display:block;margin-top:5px;font-size:12px;font-weight:700;line-height:1.55;color:#fff8e7}
body.mid-autumn-intro-open{overflow:hidden!important}
.mid-autumn-ordering-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:#06172e;color:#fff;isolation:isolate;opacity:1;transition:opacity .4s ease,visibility .4s ease}
.mid-autumn-ordering-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.mid-autumn-ordering-intro__sky{position:absolute;inset:0;background:radial-gradient(circle at 17% 22%,rgba(255,240,189,.95) 0 2px,transparent 3px),radial-gradient(circle at 74% 17%,rgba(241,202,120,.8) 0 2px,transparent 3px),radial-gradient(circle at 87% 39%,rgba(255,255,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 31% 52%,rgba(255,255,255,.55) 0 1px,transparent 2px),linear-gradient(180deg,#071a34 0,#102d4d 62%,#183953 100%)}
.mid-autumn-ordering-intro__moon{position:absolute;right:7%;top:8%;width:min(44vw,260px);aspect-ratio:1;overflow:hidden;border-radius:50%;background:#fff0bd;box-shadow:0 0 0 16px rgba(241,202,120,.09),0 0 70px rgba(255,223,146,.28);animation:midAutumnMoonRise737 1.05s cubic-bezier(.2,.75,.2,1) both}
.mid-autumn-ordering-intro__moon img{width:100%;height:100%;object-fit:cover;object-position:46% 40%;opacity:.85}
.mid-autumn-ordering-intro__land{position:absolute;left:0;right:0;bottom:0;height:44%;background:url('/preorder/assets/events/mid-autumn-2026/moon-courtyard.svg') center bottom/auto 100% repeat-x;opacity:.93;animation:midAutumnLandIn737 .8s ease-out both}
.mid-autumn-ordering-intro__rabbit{position:absolute;right:10%;bottom:-3%;z-index:2;width:min(31vw,250px);max-height:67%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 11px 6px rgba(5,18,34,.38));transform-origin:50% 100%;animation:midAutumnRabbitIn737 .9s .32s cubic-bezier(.2,.8,.25,1) both}
.mid-autumn-ordering-intro__copy{position:relative;z-index:3;width:min(82vw,560px);margin-right:min(20vw,180px);padding:30px 30px 28px;border-left:4px solid #f1ca78;background:linear-gradient(90deg,rgba(5,21,41,.9),rgba(5,21,41,.2));text-shadow:0 2px 14px rgba(0,0,0,.35);animation:midAutumnCopyIn737 .68s .15s ease-out both}
.mid-autumn-ordering-intro__eyebrow{font-size:12px;font-weight:900;letter-spacing:.22em;color:#f1ca78}.mid-autumn-ordering-intro__title{margin:10px 0 7px;font-family:'Noto Serif TC','Noto Sans TC',serif;font-size:clamp(34px,7vw,64px);font-weight:900;line-height:1.12;letter-spacing:.04em;color:#fff9e8}.mid-autumn-ordering-intro__subtitle{max-width:430px;font-size:clamp(14px,3vw,17px);font-weight:800;line-height:1.7;color:#ffe8b1}
.mid-autumn-ordering-intro__draw-tag{display:inline-flex;margin-top:11px;padding:5px 9px;border:1px solid rgba(241,202,120,.72);background:rgba(8,29,54,.72);color:#fff3c4;font-size:11px;font-weight:900;letter-spacing:.06em}
.mid-autumn-ordering-intro__enter{margin-top:18px;min-height:48px;padding:11px 22px;border:2px solid #f1ca78;border-radius:2px;background:#f1ca78;color:#09213e;font:900 15px/1.2 'Noto Sans TC',sans-serif;letter-spacing:.08em;cursor:pointer;box-shadow:4px 4px 0 #fff3ca}.mid-autumn-ordering-intro__skip{position:absolute;right:18px;top:calc(15px + env(safe-area-inset-top));z-index:4;min-width:76px;min-height:42px;padding:8px 14px;border:1px solid rgba(255,255,255,.65);background:rgba(5,21,41,.62);color:#fff;font:900 12px/1 'Noto Sans TC',sans-serif;letter-spacing:.08em;cursor:pointer}
@keyframes moonRabbitWelcome737{0%,82%,100%{transform:translateY(0) rotate(0)}88%{transform:translateY(-2px) rotate(-2deg)}94%{transform:translateY(0) rotate(1deg)}}
@keyframes midAutumnMoonRise737{from{opacity:0;transform:translateY(70px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes midAutumnLandIn737{from{opacity:0;transform:translateY(36px)}to{opacity:.93;transform:translateY(0)}}@keyframes midAutumnCopyIn737{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes midAutumnRabbitIn737{0%{opacity:0;transform:translate(55px,38px) rotate(5deg)}62%{opacity:1;transform:translate(-4px,-12px) rotate(-2deg)}100%{opacity:1;transform:translate(0,0)}}
@media(max-width:600px){body.pixel-brand-ui.mid-autumn-story-ui #pixelBrandHero .pixel-chef-actions{width:108px;height:202px;left:-5px}body.pixel-brand-ui.mid-autumn-story-ui #pixelBrandHero .pixel-hero-copy{left:99px;right:58px}body.pixel-brand-ui.mid-autumn-story-ui #pixelHeroTitle{font-size:18px!important;line-height:1.28;letter-spacing:0}.mid-autumn-story-wugang{right:5px;top:10px;width:58px;height:58px}.mid-autumn-story-banner{padding-left:75px;padding-right:62px}.mid-autumn-story-banner>img{left:2px;width:70px}.mid-autumn-story-banner__moon{right:7px;width:49px;height:49px}.mid-autumn-ordering-intro{place-items:start center}.mid-autumn-ordering-intro__moon{right:-8%;top:7%;width:49vw}.mid-autumn-ordering-intro__land{height:34%;background-position:62% bottom}.mid-autumn-ordering-intro__rabbit{right:-1%;bottom:-1%;width:47vw;max-height:49%}.mid-autumn-ordering-intro__copy{align-self:center;width:calc(100% - 36px);margin:0 18px 19vh;padding:23px 18px 23px 20px}.mid-autumn-ordering-intro__title{font-size:clamp(36px,12vw,52px)}.mid-autumn-ordering-intro__enter{width:100%}}
@media(prefers-reduced-motion:reduce){body.mid-autumn-story-ui #pixelChef,body.pixel-brand-ui.mid-autumn-story-ui #pixelBrandHero .pixel-chef-actions,.mid-autumn-ordering-intro *{animation:none!important;transition:none!important}}