:root{--panel-top:clamp(90px, 22vh, 280px);--panel-pad-x:clamp(26px, 5vw, 70px);--color-bg:#fff;--color-ink:#14141a;--color-muted:#9a9aa3;--color-muted-2:#b4b4bc;--color-search-bg:#efeff2;--font-display:"Fredoka", sans-serif;--font-word:"Pacifico", cursive;--font-body:"Inter", sans-serif;--nav-pad-x:clamp(20px, 4vw, 64px);--detail-inset:clamp(76px, 14vw, 300px);--card-w:clamp(210px, 25vw, 560px);--card-h:min(calc(var(--card-w) * 1.656), 72vh);--card-gap:clamp(18px, 3.8vw, 85px);--card-overscan:calc(var(--card-h) * .72);--card-shadow-room:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);overscroll-behavior:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a,button,[role=button],input,.char-card,.clip-card{-webkit-tap-highlight-color:transparent}img{display:block}.page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.loading{z-index:50;background:var(--color-bg);--progress:.06;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.is-loading .page{opacity:0;pointer-events:none}.is-loading .logo-mark{visibility:hidden}.loading-mark{aspect-ratio:1000/425.6;width:clamp(168px,24vw,340px);position:relative}.loading-mark-ghost,.loading-mark-fill{position:absolute;inset:0;-webkit-mask:url(/disney.svg) 50%/contain no-repeat;mask:url(/disney.svg) 50%/contain no-repeat}.loading-mark-ghost{will-change:opacity;background:#dfdfe6;animation:1.9s ease-in-out infinite loading-breathe}@keyframes loading-breathe{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.loading-mark-ghost{animation:none}}.loading-mark-fill{clip-path:inset(0 calc(100% - var(--progress) * 100%) 0 0);background:#000}.nav{padding:28px var(--nav-pad-x) 0;z-index:1;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.logo{flex-direction:row;flex-shrink:0;align-items:center;gap:14px;display:flex}.logo-mark{width:auto;height:30px}.logo-word{font-family:var(--font-display);color:var(--color-ink);white-space:nowrap;font-size:21px;font-weight:400}.search{background:var(--color-search-bg);width:clamp(220px,26vw,320px);color:var(--color-muted);border-radius:100px;flex-direction:row;flex-shrink:1;align-items:center;gap:12px;min-width:0;padding:15px 22px;display:flex}.search-input{font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:16px}.search-input::placeholder{color:var(--color-muted)}.menu-btn{font-family:var(--font-body);color:var(--color-ink);outline:none;flex-direction:row;flex-shrink:0;align-items:center;gap:10px;font-size:15px;font-weight:500;transition:opacity .15s;display:flex}.menu-btn:hover,.menu-btn:focus-visible{opacity:.6}.app{flex-direction:column;flex:auto;min-height:0;display:flex}.grid-view{flex-direction:column;flex:1;justify-content:flex-end;gap:clamp(20px,3.5vh,44px);min-height:0;display:flex}.carousel-track{gap:var(--card-gap);padding-top:var(--card-overscan);margin-top:calc(var(--card-overscan) * -1);padding-bottom:var(--card-shadow-room);margin-bottom:calc(var(--card-shadow-room) * -1);scroll-snap-type:none;scroll-behavior:smooth;padding-left:var(--nav-pad-x);padding-right:var(--nav-pad-x);scroll-padding-left:var(--nav-pad-x);scrollbar-width:none;flex-direction:row;display:flex;overflow-x:hidden}.carousel-track::-webkit-scrollbar{display:none}.char-card{width:var(--card-w);height:var(--card-h);scroll-snap-align:start;text-align:left;outline:none;flex-shrink:0;position:relative}.char-card-canvas-wrap{z-index:2;pointer-events:none;transform-origin:50% 80%;will-change:transform;transition:transform .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.char-card-canvas-wrap canvas{filter:drop-shadow(0 0 var(--aura-size,10px) var(--aura,transparent));top:-60%;left:calc(-25% + var(--shift-x,0%));width:150%;height:150%;display:block;position:absolute}.char-card-panel{width:100%;height:calc(var(--card-w) * var(--panel-ratio,1.06));padding:26px calc(var(--card-w) * .085) calc(var(--card-h) * .065);border-radius:40px;flex-direction:column;justify-content:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 18px 30px -10px #0003}.char-card-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:1}.char-card-movie{font-family:var(--font-body);color:#ffffffbf;margin:0;font-size:15px}.char-card-movie b{color:#fffffff2;font-weight:700}.grid-footer{padding:clamp(38px, 4.8vh, 62px) var(--nav-pad-x) clamp(44px, 5.6vh, 70px);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.social-links{flex-direction:row;gap:28px;display:flex}.social-links a{font-family:var(--font-body);color:var(--color-muted-2);font-size:15px;text-decoration:none}.social-links a:hover{color:var(--color-muted)}.notice{color:var(--color-muted-2);align-items:center;margin-top:-1px;display:flex;position:relative}.notice:hover,.notice:focus{color:var(--color-ink)}.notice-tip{white-space:nowrap;background:var(--color-bg);color:var(--color-muted);font-family:var(--font-body);z-index:2;opacity:0;pointer-events:none;border:1px solid #00000012;border-radius:8px;padding:7px 11px;font-size:12px;line-height:16px;transition:opacity .14s;position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%);box-shadow:0 4px 14px #00000014}.notice:hover .notice-tip,.notice:focus .notice-tip{opacity:1}.pager{flex-direction:row;gap:32px;display:flex}.pager-btn{font-family:var(--font-body);outline:none;flex-direction:row;align-items:center;gap:8px;font-size:15px;font-weight:500;transition:opacity .15s,transform .15s;display:flex}.pager-btn:hover{transform:translateY(-1px)}.pager-btn:disabled{opacity:.3;cursor:default;transform:none}.pager-btn svg{display:block}.detail-view{flex:1;min-height:0;position:relative}.close-row{padding:0 var(--nav-pad-x);z-index:4;position:absolute;top:clamp(16px,7vh,90px);right:0}.close-btn{font-family:var(--font-body);outline:none;flex-direction:row;align-items:center;gap:8px;font-size:15px;font-weight:500;transition:opacity .15s;display:flex}.close-btn:hover,.close-btn:focus-visible{opacity:.6}.detail-body{position:absolute;inset:0}.detail-rail{width:var(--detail-inset);z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:clamp(56px,11vh,130px);padding-top:clamp(150px,34vh,400px);display:flex;position:absolute;top:0;bottom:0;left:0}.rail-tab{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--font-display);color:var(--color-ink);outline:none;justify-content:center;align-items:center;font-size:clamp(26px,3.2vw,46px);font-weight:500;transition:color .15s;display:flex;transform:rotate(180deg)}.rail-tab:not(.is-active){color:#ccccd4;height:3.713em;font-size:clamp(15px,1.65vw,23px);font-weight:400}.rail-tab.is-active{cursor:default;height:3.383em}.rail-tab:not(.is-active):hover{color:var(--color-muted)}.rail-next-group{flex-direction:column;align-items:center;gap:clamp(44px,8vh,96px);display:flex}.rail-chevron{color:var(--color-muted);outline:none;transition:transform .15s,color .15s;display:flex}.rail-chevron:hover{color:var(--color-ink);transform:translateY(3px)}.detail-panel{top:var(--panel-top);left:var(--detail-inset);padding:clamp(26px, 4vw, 60px) var(--panel-pad-x);border-radius:clamp(64px,11vw,180px) 0 0;flex-direction:column;justify-content:space-between;gap:clamp(20px,3vh,40px);display:flex;position:absolute;bottom:0;right:0}.flight-canvas{z-index:60;pointer-events:none;position:fixed}.detail-mascot-canvas{left:calc(3% + var(--detail-shift-x,0%));top:calc(-11% + var(--detail-shift-y,0%));width:54%;height:118%;filter:drop-shadow(0 0 var(--aura-size,10px) var(--aura,transparent));z-index:6;pointer-events:none;transition:filter .42s cubic-bezier(.22,1,.36,1);position:absolute}@media (prefers-reduced-motion:reduce){.detail-mascot-canvas{transition:none}}.detail-info{z-index:2;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;padding-left:clamp(210px,33.5vw,620px);display:flex;position:relative}.detail-text{flex-direction:column;gap:14px;max-width:640px;display:flex}.detail-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(38px,5vw,68px);font-weight:700;line-height:1}.detail-movie{font-family:var(--font-body);color:#ffffffb3;font-size:18px}.detail-movie b{color:#fffffff2;font-weight:700}.detail-description{font-family:var(--font-body);color:#ffffffd9;margin:10px 0 0;font-size:19px;font-weight:400;line-height:1.6}.detail-badge{flex-shrink:0;justify-content:flex-end;align-items:center;width:150px;height:130px;display:flex;position:relative}.movie-logo{max-width:100%;max-height:100%;transform:scale(var(--logo-scale,1));transform-origin:100%;object-fit:contain;object-position:right center}.detail-clips{z-index:2;flex-direction:column;gap:18px;min-height:0;padding-left:clamp(210px,33.5vw,620px);display:flex;position:relative}.detail-clips-label{font-family:var(--font-display);color:#fff;font-size:20px;font-weight:600}.clips-track{scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;--clips-overscan:clamp(170px, 17vw, 360px);margin-right:calc(-1*clamp(28px,5vw,64px));margin-left:calc(-1 * var(--clips-overscan));padding-right:clamp(28px,5vw,64px);padding-left:var(--clips-overscan);scroll-padding-left:var(--clips-overscan);flex-direction:row;align-items:flex-start;gap:20px;display:flex;overflow-x:auto}.clips-track::-webkit-scrollbar{display:none}.clip-card{aspect-ratio:16/9;isolation:isolate;scroll-snap-align:start;background:#0000006b;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(150px,15.5vw,340px);height:auto;display:flex;position:relative;overflow:hidden}.clip-embed{z-index:3;border:0;width:100%;height:100%;position:absolute;inset:0}.clip-play{z-index:2;background:#ffffffeb;border-radius:100%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.fade-scale-pane{transition:opacity .24s,transform .24s}.fade-scale-enter{opacity:0;transform:scale(.96)}.panel-wash{border-radius:inherit;opacity:0;pointer-events:none;z-index:0;position:absolute;inset:0}.switch-pane{transform-origin:0}html.mesh-mode body:after{content:"";z-index:9999;pointer-events:none;-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();position:fixed;inset:0}.clip-poster{object-fit:cover;opacity:.7;filter:grayscale(.3)brightness(.62);z-index:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.clip-card:after{content:"";background:var(--clip-tint,transparent);mix-blend-mode:color;opacity:.25;z-index:1;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.clip-card.is-playing:after,.clip-card.is-playing .clip-poster,.clip-card.is-playing .clip-play{opacity:0}.clip-card[role=button]{cursor:pointer}.clip-play{transition:opacity .2s}.clip-play svg{width:36px;height:36px}@media (width<=1100px){.char-card-canvas-wrap canvas{height:132%;top:-44%}:root{--card-overscan:calc(var(--card-h) * .5)}.detail-title{font-size:clamp(32px,4.4vw,48px)}.detail-description{font-size:15px}.detail-movie{font-size:16px}.detail-info{flex-direction:column;align-items:flex-start;gap:42px}.detail-badge{order:-1;justify-content:flex-start;width:clamp(100px,12.6vw,142px);height:auto}.movie-logo{transform-origin:0}.detail-text{max-width:none}.detail-mascot-canvas{width:46%;height:96%;top:calc(-4% + var(--detail-shift-y,0%))}.clip-card{width:clamp(132px,19vw,200px)}.detail-clips{flex-shrink:0}.detail-panel{padding-bottom:clamp(38px,5vw,64px)}}@media (width<=1100px) and (height<=820px){.detail-panel{padding:clamp(20px,3vw,40px) clamp(26px,5vw,70px) clamp(30px,4.4vw,52px)}.detail-clips{gap:10px}.clip-card{width:clamp(120px,16vw,172px)}.detail-panel{gap:clamp(14px,2vh,24px)}.detail-description{font-size:14px}}@media (width<=720px){:root{--detail-inset:clamp(90px, 26vw, 160px);--card-w:min(300px, 76vw);--card-gap:calc(100vw - var(--card-w));--card-h:min(calc(var(--card-w) * 1.656), 62vh)}.carousel-track{padding-left:calc(var(--card-gap) / 2);padding-right:calc(var(--card-gap) / 2);scroll-padding-left:calc(var(--card-gap) / 2)}.search-input::placeholder{color:#0000}.search{border-radius:100%;justify-content:center;width:42px;height:42px;padding:0}.search-input,.menu-btn span{display:none}.detail-rail{width:var(--detail-inset);left:auto;right:0}.detail-panel{left:0;right:var(--detail-inset);border-radius:0 clamp(64px,20vw,104px) 0 0}.detail-mascot-canvas{width:clamp(140px,32vw,200px);height:clamp(160px,36vw,220px);left:12px}.detail-info,.detail-clips{padding-left:0}.detail-badge{display:none}.nav{justify-content:flex-end;gap:10px;padding-top:20px}.logo{margin-right:auto}.logo-word{font-size:16px;font-weight:300}.logo-mark{height:24px}.search{width:36px;height:36px}.menu-btn svg{width:14px;height:14px}:root{--detail-inset:clamp(58px, 16vw, 96px)}.detail-mascot-canvas{width:clamp(214px,96vw,515px);height:clamp(248px,110vw,590px);left:-58px;top:calc(var(--panel-top) - 27vw + var(--detail-shift-y,0%) + var(--mobile-nudge,0px))}.detail-panel{justify-content:flex-end;gap:18px;padding-bottom:2rem}.detail-movie{margin:0}.detail-description,.detail-clips-label{display:none}.detail-clips{margin-top:4px}.clip-card{aspect-ratio:16/9;border-radius:12px;width:clamp(128px,40vw,190px);max-width:100%;height:auto}.clips-track{margin-right:calc(-1 * var(--panel-pad-x));padding-right:var(--panel-pad-x);gap:12px}.clip-play{width:32px;height:32px;transform:none}.clip-play svg{width:32px;height:32px}.char-card-canvas-wrap canvas{top:calc(-51% + var(--card-nudge,0px))}.rail-tab:not(.is-active){position:relative;top:-1rem}.rail-chevron svg path{stroke-width:1.6px}.social-links{gap:18px}}