#intro{position:fixed;inset:0;z-index:60;overflow:hidden;outline:none;cursor:pointer;user-select:none;-webkit-user-select:none;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 18px) calc(env(safe-area-inset-left) + 16px);background:radial-gradient(ellipse at 50% 38%,#2f5a52,#1d3a36 48%,#0f2322);color:#ffedcc;font-family:Noto Sans TC,PingFang TC,sans-serif;-webkit-tap-highlight-color:transparent}#intro.leaving{animation:intro-leave .55s ease-in forwards}.intro-lanterns{position:relative;display:flex;gap:clamp(14px,4.5vw,64px);padding-top:18px}.intro-lanterns:before{content:"";position:absolute;left:-6vw;right:-6vw;top:8px;height:22px;border-top:2px solid #0c1c1a;border-radius:50%}.intro-lanterns i{display:block;width:clamp(22px,3.2vw,38px);aspect-ratio:.78;border-radius:45% 45% 42% 42%;transform-origin:50% -8px;background:linear-gradient(#ff9a4a,#d9502b);box-shadow:inset 0 -4px #0003;filter:brightness(.42) saturate(.6);animation:intro-lamp .35s ease-out forwards,intro-sway 2.8s ease-in-out infinite}.intro-lanterns i:before{content:"";display:block;width:40%;height:5px;margin:-4px auto 0;border-radius:2px;background:#3a2a22}.intro-lanterns i:nth-child(1){animation-delay:.05s,1s}.intro-lanterns i:nth-child(2){animation-delay:.15s,1.4s}.intro-lanterns i:nth-child(3){animation-delay:.25s,1.2s}.intro-lanterns i:nth-child(4){animation-delay:.35s,1.7s}.intro-lanterns i:nth-child(5){animation-delay:.45s,1.1s}.intro-lanterns i:nth-child(6){animation-delay:.55s,1.5s}.intro-lanterns i:nth-child(7){animation-delay:.65s,1.3s}.intro-stage{align-self:center;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4.5vw,72px);min-width:0;max-width:100%}.intro-hero{position:relative;flex:none;width:min(50vh,36vw,calc(100dvh - 205px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));aspect-ratio:1}.intro-card{position:absolute;inset:0;margin:0;border-radius:9%;overflow:hidden;z-index:1;border:clamp(4px,.6vw,8px) solid #ffedcc;box-shadow:0 12px #0a1a17,0 28px 60px #000b;transform:rotate(-2.5deg);animation:intro-pop .5s cubic-bezier(.34,1.56,.64,1) .15s both}.intro-card>img{display:block;width:100%;height:100%;object-fit:cover}.intro-shutter{position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 92%,#3b4a46 92% 97%,#1f2b28 97%),repeating-linear-gradient(#a9b4ae 0 9px,#8d9993 9px 12px,#c3ccc6 12px 14px);box-shadow:inset 0 -6px 12px #0006;animation:intro-shutter .6s cubic-bezier(.65,0,.3,1) .55s forwards}.intro-steam{position:absolute;left:22%;top:46%;z-index:1}.intro-steam i{position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(#fffaf0cc,#fffaf000 70%);opacity:0;animation:intro-steam 2.4s ease-out infinite}.intro-steam i:nth-child(1){animation-delay:1.1s}.intro-steam i:nth-child(2){left:18px;animation-delay:1.9s}.intro-steam i:nth-child(3){left:-14px;animation-delay:2.7s}.intro-snacks{position:absolute;inset:0;z-index:0;pointer-events:none}.intro-snacks img{position:absolute;width:19%;aspect-ratio:1;object-fit:contain;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);filter:drop-shadow(0 6px 8px #0009);animation:intro-snack-out .55s cubic-bezier(.34,1.56,.64,1) var(--d) both,intro-bob 2.4s ease-in-out calc(var(--d) + .6s + var(--b)) infinite}#intro.leaving .intro-snacks img{animation:intro-snack-away .5s ease-in forwards}.intro-title{position:relative;display:grid;justify-items:center;gap:10px;min-width:0;text-align:center}.intro-title strong{font-family:"Noto Serif TC",Songti TC,serif;font-weight:900;font-size:clamp(44px,6.6vw,104px);line-height:1.05;letter-spacing:-2px;color:#ffe6ad;paint-order:stroke fill;-webkit-text-stroke:clamp(6px,.8vw,12px) #1d3b34;white-space:nowrap;text-shadow:0 6px 0 #c9482a,0 11px 0 #0d231f,0 18px 36px #000a;animation:intro-slam .45s cubic-bezier(.2,1.4,.4,1) 1.05s both}.intro-sub{font-weight:900;font-size:clamp(13px,1.5vw,22px);letter-spacing:.32em;color:#ed754e;animation:intro-fade .4s ease-out 1.35s both}.intro-tagline{margin:4px 0 0;font-weight:900;font-size:clamp(16px,2vw,28px);color:#ffedcc;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:5px #1d3b34;clip-path:inset(0 100% 0 0);animation:intro-type .75s steps(12,end) 1.6s forwards}.intro-sparkles{position:absolute;left:50%;top:32%;width:0;height:0;z-index:1}.intro-sparkles i{position:absolute;left:-8px;top:-8px;width:16px;height:16px;background:#ffd36a;opacity:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:intro-spark .7s ease-out 1.3s forwards}.intro-cta{margin:0 0 6px;display:flex;align-items:center;gap:10px;padding:12px 28px 12px 20px;border-radius:999px;background:#fff7e6;color:#1d3b34;border:4px solid #ed754e;box-shadow:0 8px #c9482a,0 18px 40px #0009;font-size:clamp(18px,3.2vmin,30px);font-weight:900;white-space:nowrap;visibility:hidden}.intro-cta span{font-size:1.3em}#intro.ready .intro-cta{visibility:visible;animation:intro-cta-in .35s cubic-bezier(.34,1.56,.64,1) both,intro-pulse 1.4s ease-in-out .35s infinite}.intro-status{margin:4px 0 0;min-height:1.4em;font-size:14px;color:#bcc8b3}.intro-status[hidden]{display:block;visibility:hidden}.intro-lite{color:#ffd36a}#intro.skip .intro-card,#intro.skip .intro-title strong,#intro.skip .intro-sub,#intro.skip .intro-tagline{animation-delay:0s!important;animation-duration:0s!important}#intro.skip .intro-shutter,#intro.skip .intro-sparkles{display:none}#intro.skip .intro-lanterns i{animation:intro-lamp 0s forwards,intro-sway 2.8s ease-in-out infinite}#intro.skip .intro-snacks img{animation:intro-snack-out 0s both,intro-bob 2.4s ease-in-out var(--b) infinite}@media(orientation:portrait){.intro-stage{flex-direction:column}.intro-hero{width:min(62vw,36vh)}.intro-title strong{font-size:clamp(38px,11vw,72px)}.intro-sub{font-size:clamp(12px,3.2vw,18px)}.intro-tagline{font-size:clamp(15px,4.4vw,24px)}}@media(prefers-reduced-motion:reduce){#intro *,#intro.leaving{animation:none!important}.intro-lanterns i{filter:none;box-shadow:0 0 20px 4px #ffb35a88}.intro-shutter,.intro-sparkles,.intro-steam{display:none}.intro-tagline{clip-path:none}}@keyframes intro-lamp{to{filter:brightness(1.12) saturate(1.1);box-shadow:inset 0 -4px #0003,0 0 22px 6px #ffb35a88}}@keyframes intro-sway{0%,to{rotate:-3deg}50%{rotate:3deg}}@keyframes intro-pop{0%{opacity:0;transform:translateY(40px) rotate(-9deg) scale(.78)}to{opacity:1;transform:rotate(-2.5deg)}}@keyframes intro-shutter{to{transform:translateY(-104%)}}@keyframes intro-steam{0%{opacity:0;transform:translate(0) scale(.5)}30%{opacity:.6}to{opacity:0;transform:translate(-12px,-90px) scale(1.7)}}@keyframes intro-snack-out{0%{left:50%;top:50%;scale:.2;opacity:0}to{scale:1;opacity:1}}@keyframes intro-bob{0%,to{translate:0 0;rotate:-4deg}50%{translate:0 -9px;rotate:5deg}}@keyframes intro-snack-away{to{left:calc(50% + var(--x) * 2.4);top:calc(50% + var(--y) * 2.4);opacity:0;scale:.7}}@keyframes intro-slam{0%{opacity:0;transform:scale(1.9)}to{opacity:1;transform:none}}@keyframes intro-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes intro-type{to{clip-path:inset(0 0 0 0)}}@keyframes intro-spark{0%{opacity:1;transform:rotate(var(--a)) translate(12px) scale(.2)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(var(--r)) scale(1)}}@keyframes intro-cta-in{0%{opacity:0;transform:translateY(16px) scale(.8)}to{opacity:1;transform:none}}@keyframes intro-pulse{50%{transform:scale(1.06)}}@keyframes intro-leave{to{opacity:0;transform:scale(1.04)}}#intro.intro-v2{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;background:#0b1718;color:#fff1c4;font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif}#intro.intro-v2 .iv-box{position:relative;flex:none;width:100vw;width:min(100vw,calc(100dvh * 844 / 390));aspect-ratio:844 / 390;container-type:inline-size}#intro.intro-v2 .iv-video,#intro.intro-v2 .iv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#intro.intro-v2 .iv-poster{display:none}#intro.intro-v2.iv-switching .iv-video,#intro.intro-v2.iv-fallback .iv-video{visibility:hidden}#intro.intro-v2.iv-switching .iv-poster,#intro.intro-v2.iv-fallback .iv-poster{display:block}#intro.intro-v2 .iv-start{position:absolute;left:50%;top:82.4%;transform:translate(-50%);width:28%;height:16.5%;min-width:148px;min-height:44px;box-sizing:border-box;padding:0;font-size:max(18px,3.8cqw);line-height:1;white-space:nowrap;border-radius:999px;border:4px solid #5a2a0a;background:linear-gradient(#ff8a55,#ea3a22 55%,#c41f12);box-shadow:0 0 0 3px #ffc64d,0 6px 0 3px #7a3a10,inset 0 3px #ffffff80;color:#fff1c4;font-weight:900;letter-spacing:.08em;text-shadow:0 2px 0 #7a1a08;visibility:hidden;pointer-events:none;cursor:pointer}#intro.intro-v2.ready .iv-start{visibility:visible;pointer-events:auto}#intro.intro-v2 .iv-controls{position:absolute;right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);display:flex;gap:8px}#intro.intro-v2 .intro-skip,#intro.intro-v2 .iv-sound{position:static;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:64px;min-height:44px;padding:6px 14px 7px;box-sizing:border-box;border:2px solid #ffc64d;border-radius:999px;background:linear-gradient(#7a3a10,#5a2a0a);box-shadow:inset 0 2px #fff1c440,0 3px #3a1a06,0 4px 12px #00000073;color:#fff1c4;font:inherit;font-size:15px;font-weight:800;line-height:1;letter-spacing:.06em;text-shadow:0 1px 0 #3a1a06;white-space:nowrap;cursor:pointer;transition:transform .12s ease-out,filter .12s ease-out}#intro.intro-v2 .intro-skip:after{content:"»";content:"»" / "";margin-left:1px;color:#ffc64d;font-size:1.2em;line-height:.8}#intro.intro-v2 .intro-skip:hover,#intro.intro-v2 .iv-sound:hover{filter:brightness(1.12)}#intro.intro-v2 .intro-skip:active,#intro.intro-v2 .iv-sound:active{transform:translateY(2px);box-shadow:inset 0 2px #fff1c440,0 1px #3a1a06,0 2px 6px #00000073}#intro.intro-v2 .intro-skip:focus-visible,#intro.intro-v2 .iv-sound:focus-visible{outline:3px solid #ffc64d;outline-offset:3px;box-shadow:inset 0 2px #fff1c440,0 0 0 8px #3a1a06cc}#intro.intro-v2 [hidden],#intro.intro-v2.skip .intro-skip{display:none}#intro.intro-v2 .intro-status{position:absolute;left:calc(env(safe-area-inset-left) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);margin:0;max-width:30%;font-size:12px;color:#fff1c4;background:#0b1718cc}#intro.intro-v2 .intro-lite{color:inherit}#intro.intro-v2.leaving{pointer-events:auto;animation:iv-leave .55s ease-in forwards}@keyframes iv-leave{to{opacity:0}}@media(prefers-reduced-motion:reduce){#intro.intro-v2,#intro.intro-v2 *{animation:none!important;transition:none!important}#intro.intro-v2 .intro-skip:active,#intro.intro-v2 .iv-sound:active{transform:none}}@media(max-width:740px){#intro.intro-v2 .iv-controls{flex-direction:column;align-items:flex-end;gap:6px}}