.collage-intro *{box-sizing:border-box}.collage-intro{margin:0;background:#fff;color:#202626;font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif}.collage-intro main{width:100%;max-width:900px;margin:auto}.collage-intro .stage{position:relative;width:100%;aspect-ratio:1200/2133;overflow:hidden;isolation:isolate;background:white}.collage-intro .layer{position:absolute;pointer-events:none}.collage-intro .layer img{display:block;width:100%;height:auto}.collage-intro .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.collage-intro .compass{animation:compass 9s ease-in-out infinite alternate;transform-origin:50% 50%}.collage-intro .dice{animation:dice 6s ease-in-out infinite alternate;transform-origin:center}.collage-intro .capsule{animation:capsule 6s ease-in-out 1.6s infinite both}.collage-intro .portrait{animation:portrait 7s ease-in-out infinite alternate}@keyframes compass{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}@keyframes dice{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-2px) rotate(4deg)}}@keyframes capsule{0%,100%{transform:translateY(0)}50%{transform:translateY(9.09090909%)}}@keyframes portrait{from{transform:translateY(0)}to{transform:translateY(-2px)}}.collage-intro[data-motion="paused"] .motion{animation-play-state:paused}.collage-intro[data-motion="static"] .motion{animation:none;transform:none}.collage-intro footer{padding:16px 20px 24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#656565;border-top:1px solid #eee}.collage-intro button{font:inherit;color:#242424;background:white;border:1px solid #aaa;padding:11px 14px;border-radius:4px;cursor:pointer;min-height:44px}.collage-intro button:focus-visible{outline:3px solid #a13728;outline-offset:3px}.collage-intro #status{flex:0 0 100%;text-align:center;min-height:18px;margin:0;font-size:11px}.collage-intro .no-script{text-align:center}@media(prefers-reduced-motion:reduce){.collage-intro:not([data-motion="playing"]):not([data-motion="paused"]) .motion{animation:none;transform:none}}.collage-intro .logo-entry{animation:logo-arrive 1.05s cubic-bezier(.16,.7,.25,1) 1 both}@keyframes logo-arrive{from{transform:translateY(-110%)}to{transform:translateY(0)}}.collage-intro .compass-entry{animation:compass-arrive 1.1s cubic-bezier(.16,.7,.25,1) 1 both;transform-origin:center}.collage-intro .card-entry{animation:card-arrive 1.1s cubic-bezier(.16,.7,.25,1) 1 both}@keyframes compass-arrive{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes card-arrive{from{transform:translateY(-110%)}to{transform:translateY(0)}}.collage-intro .slot-entry{animation:slot-enter 1.1s cubic-bezier(.16,.7,.25,1) both}.collage-intro .label-entry{animation:label-cycle 6.6s linear infinite both;transform-origin:center}.collage-intro .die-entry{animation:die-enter 1.1s cubic-bezier(.16,.7,.25,1) both}.collage-intro .lv-entry{animation:lv-enter 1.1s ease-out .5s both}.collage-intro .woman1-entry{animation:woman1-enter 1.1s cubic-bezier(.16,.7,.25,1) .5s both}.collage-intro .woman2-entry{animation:woman2-enter 1.1s cubic-bezier(.16,.7,.25,1) 1s both}@keyframes slot-enter{from{transform:translateX(-180%)}to{transform:translateX(0)}}@keyframes label-cycle{0%{transform:translateX(0) scale(2.5);opacity:0;animation-timing-function:cubic-bezier(.16,.7,.25,1)}21.2121212121%{transform:translateX(0) scale(1);opacity:1;animation-timing-function:ease-in-out}51.5151515152%{transform:translateX(0) scale(1.12);opacity:1;animation-timing-function:ease-in-out}81.8181818182%{transform:translateX(0) scale(1);opacity:1;animation-timing-function:ease-in}100%{transform:translateX(-180%) scale(1);opacity:0}}@keyframes die-enter{from{transform:translateX(650%)}to{transform:translateX(0)}}@keyframes lv-enter{from{opacity:0}to{opacity:1}}@keyframes woman1-enter{from{transform:translateY(-230%)}to{transform:translateY(0)}}@keyframes woman2-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}.collage-intro .become-large-loop{animation:become-large 5.3s linear infinite both}@keyframes become-large{0%{transform:translateX(-180%);opacity:0;animation-timing-function:cubic-bezier(.2,.65,.3,1)}45.2830188679%{transform:translateX(0);opacity:1}54.7169811321%{transform:translateX(0);opacity:1;animation-timing-function:cubic-bezier(.4,0,.8,.5)}100%{transform:translateX(250%);opacity:0}}.collage-intro .become-small-loop{animation:become-small 6s linear infinite both}@keyframes become-small{0%{transform:translateX(-700%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(1200%);opacity:0}}.collage-intro .reel-overlay{position:absolute;inset:0;pointer-events:none}.collage-intro .reel-window{position:absolute;overflow:hidden;border-radius:7% / 4%;clip-path:polygon(4% 0,97% 1%,100% 96%,96% 100%,3% 99%,0 4%)}.collage-intro .reel-strip{display:flex;flex-direction:column;width:100%;height:400%;animation:reels-roll 7.2s linear infinite both}.collage-intro .reel-cell{display:block;flex:0 0 25%;width:100%;height:25%;min-height:0}.collage-intro .reel-window:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#311c0b33,transparent 22%,transparent 75%,#311c0b38),linear-gradient(90deg,#311c0b20,transparent 18%,transparent 82%,#311c0b20);pointer-events:none}@keyframes reels-roll{from{transform:translateY(0)}to{transform:translateY(-75%)}}.collage-intro[data-motion="static"] .reel-overlay{display:none}@media(prefers-reduced-motion:reduce){.collage-intro:not([data-motion="playing"]):not([data-motion="paused"]) .reel-overlay{display:none}}.collage-intro .logo-assembly{position:relative}.collage-intro .glow-overlay{position:absolute;inset:0;pointer-events:none}.collage-intro .glyph-glow{position:absolute;opacity:0;pointer-events:none;filter:drop-shadow(0 0 .55px #ffd07388) drop-shadow(0 0 1.1px #ffcd6655);animation:gold-letter 2.75s ease-in-out infinite both}@keyframes gold-letter{0%,20%,100%{opacity:0}10%{opacity:.715}}.collage-intro[data-motion="static"] .glow-overlay{display:none}@media(prefers-reduced-motion:reduce){.collage-intro:not([data-motion="playing"]):not([data-motion="paused"]) .glow-overlay{display:none}}.collage-intro .compass-light{position:relative;animation:compass-pulse 1s ease-in-out 1.1s infinite both}@keyframes compass-pulse{0%,100%{filter:drop-shadow(0 0 0 #ffd25a00) drop-shadow(0 0 0 #ffd25a00)}50%{filter:drop-shadow(0 0 2px #ffd25a99) drop-shadow(0 0 4px #ffd25a44)}}.collage-intro .wheel-overlay{position:absolute;inset:0;pointer-events:none}.collage-intro .wheel-project{position:absolute;transform-origin:50% 50%}.collage-intro .wheel-face{animation:wheel-spokes 4s linear infinite both;transform-origin:50% 50%}@keyframes wheel-spokes{from{transform:rotate(0)}to{transform:rotate(360deg)}}.collage-intro[data-motion="static"] .wheel-overlay{display:none}@media(prefers-reduced-motion:reduce){.collage-intro:not([data-motion="playing"]):not([data-motion="paused"]) .wheel-overlay{display:none}}.collage-intro .man-loop{animation:man-travel 6s linear infinite both}@keyframes man-travel{0%{transform:translateX(0);opacity:1;animation-timing-function:ease-in-out}50%{transform:translateX(20%);opacity:0}50.0001%{transform:translateX(-20%);opacity:0;animation-timing-function:ease-in-out}100%{transform:translateX(0);opacity:1}}.collage-intro .portrait-assembly{position:relative;isolation:isolate}.collage-intro .glasses-spectrum{position:absolute;pointer-events:none;animation:eyewear-spectrum 6.3s linear infinite both}@keyframes eyewear-spectrum{0%{filter:hue-rotate(-64deg)}14.285714%{filter:hue-rotate(-40deg)}28.571429%{filter:hue-rotate(0deg)}42.857143%{filter:hue-rotate(60deg)}57.142857%{filter:hue-rotate(180deg)}71.428571%{filter:hue-rotate(188deg)}85.714286%{filter:hue-rotate(198deg)}100%{filter:hue-rotate(296deg)}}.collage-intro[data-motion="static"] .glasses-spectrum{display:none}@media(prefers-reduced-motion:reduce){.collage-intro:not([data-motion="playing"]):not([data-motion="paused"]) .glasses-spectrum{display:none}}.collage-intro .discover-type{display:none;position:absolute;inset:0;animation:discover-exit 3.44s linear infinite both}.collage-intro .discover-glyph{position:absolute;top:0;height:auto;animation-duration:3.44s;animation-timing-function:steps(1,end);animation-iteration-count:infinite;animation-fill-mode:both}.collage-intro[data-motion="playing"] .discover-type,.collage-intro[data-motion="paused"] .discover-type{display:block}.collage-intro[data-motion="playing"] .discover-original,.collage-intro[data-motion="paused"] .discover-original{visibility:hidden}@keyframes discover-exit{0%,70.9302325581%{transform:translateX(0);opacity:1;animation-timing-function:ease-in}100%{transform:translateX(150%);opacity:0}}@keyframes discover-type-1{0%{opacity:0}5.2325581395%{opacity:1}100%{opacity:1}}@keyframes discover-type-2{0%{opacity:0}10.4651162791%{opacity:1}100%{opacity:1}}@keyframes discover-type-3{0%{opacity:0}15.6976744186%{opacity:1}100%{opacity:1}}@keyframes discover-type-4{0%{opacity:0}20.9302325581%{opacity:1}100%{opacity:1}}@keyframes discover-type-5{0%{opacity:0}26.1627906977%{opacity:1}100%{opacity:1}}@keyframes discover-type-6{0%{opacity:0}31.3953488372%{opacity:1}100%{opacity:1}}@keyframes discover-type-7{0%{opacity:0}36.6279069767%{opacity:1}100%{opacity:1}}@keyframes discover-type-8{0%{opacity:0}41.8604651163%{opacity:1}100%{opacity:1}}

.collage-intro{width:100%;background:#fff}.collage-intro .collage-window{max-width:900px;aspect-ratio:1200/990;overflow:hidden;margin:auto}.collage-intro .stage{max-width:900px}.collage-intro .collage-controls{max-width:900px;margin:auto;display:flex;justify-content:flex-end;padding:8px 14px;border:0;gap:10px}.collage-intro #status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.collage-intro .collage-controls button{font-size:11px;min-height:32px;padding:5px 9px;border-color:#ddd;color:#666}