avatar-element{display:contents;--brightness: 1;--name-plate-opacity: 1}avatar-element:not(:hover):not([data-speaking]){--brightness: 0;--name-plate-opacity: 0}.avatar-button{width:200px;height:200px;padding:0;background:none;border:none;position:relative}.avatar-button svg{filter:brightness(var(--brightness));transition:filter .2s ease-out}.avatar-button .name-plate{margin-inline:auto;width:max-content;padding:4px 16px;font-size:20px;font-weight:700;position:absolute;left:0;right:0;bottom:4px;background:#000000b9;color:#fff;border-radius:40px;opacity:var(--name-plate-opacity);transition:opacity .2s ease-out}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}button{cursor:pointer}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root{isolation:isolate}:root{color-scheme:dark;--header-z: 2;--danmaku-z: 1}body{font-size:14px;background-color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body{overflow:clip}*{outline-offset:calc(-1 * var(--debug-border-width))}.app-layout{position:relative;outline:red solid var(--debug-border-width);min-height:100vh;overflow:clip;--ui-opacity: .25;--debug-border-width: 0px;--bottom-height: calc(100vh - 56.25vw) ;--video-opaticy: 1;--trailer-opacity: 0;--caption-width: 43.75vw ;--caption-padding: 2vw;--canvas-color: #333}.app-layout[data-mode=debug]{--debug-border-width: 1px}.app-layout[data-mode=presenting]{--ui-opacity: 0;--canvas-color: #222}.app-layout[data-stage=trailer]{--headroom-height: calc((100vh - 56.25vw)/2) ;--bottom-height: calc((100vh - 56.25vw)/2) ;--video-opaticy: 0;--trailer-opacity: 1;--caption-width: 96vw ;--caption-padding: 1vw 2vw}.app-layout .app-layout__headroom{height:var(--headroom-height, 0);transition:height 1s ease-in-out}.app-layout .app-layout__float{position:absolute;bottom:0;left:0;height:calc(100vh - 56.25vw);outline:orange solid var(--debug-border-width)}.app-layout .app-layout__float video{aspect-ratio:1;height:100%;opacity:var(--video-opaticy);transition:opacity 1s ease-in}.app-layout .app-layout__upper{background-color:var(--canvas-color);outline:purple solid var(--debug-border-width);width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.app-layout .app-layout__lower{background-color:#000;outline:blue solid var(--debug-border-width);height:var(--bottom-height);display:grid;justify-content:center;transition:height 1s ease-in-out}.app-layout[data-stage=trailer] .app-layout__caption-container{text-align:center}.app-layout .app-layout__caption-container{outline:white solid var(--debug-border-width);height:100%;width:var(--caption-width);overflow-y:scroll;font-size:20px;display:flex;flex-direction:column;align-content:start;gap:16px;padding:var(--caption-padding);transition:width 1s ease-in-out}.app-layout .app-layout__caption-container::-webkit-scrollbar{width:0px;background:transparent}.character-grid{display:grid;height:100%;gap:2vw;padding:2vw;grid-template-columns:1fr}.character-grid:has(>:nth-child(2)){grid-template-columns:1fr 1fr}.character-grid:has(>:nth-child(3)){grid-template-rows:1fr 1fr}.character-grid:has(>:nth-child(3))>:nth-child(3){grid-column:2 / 3;grid-row:1 / 3}.character-grid:has(>:nth-child(4))>:nth-child(3){grid-row:1 / 2}.character-grid:has(>:nth-child(5)){grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-auto-rows:1fr}.character-grid:has(>:nth-child(5))>*{grid-row:span 1;grid-column:span 1}[data-stage=customizing] [data-visible-stage]:not([data-visible-stage=customizing]){display:none}[data-stage=editing] [data-visible-stage]:not([data-visible-stage=editing]){display:none}[data-stage=trailer] [data-visible-stage]:not([data-visible-stage=trailer]){display:none}.guests-grid{position:absolute;display:flex;justify-content:center;margin:auto;bottom:0;left:0;right:0;animation:slide-up 1s both}.guests-grid[hidden]{display:none}@keyframes slide-up{0%{transform:translateY(200px)}to{transform:translateY(0)}}header{z-index:var(--header-z);position:fixed;top:0;left:0;padding:0;opacity:var(--ui-opacity);display:grid}header:hover{opacity:1}[hidden]{display:none!important}.monitor-layout{display:inline-grid;width:400px;gap:1px;background-color:#000;grid-auto-flow:column;transform-origin:top left;transform:scale(.5);position:absolute;top:32px;left:0}.media-card{background:#000;display:grid;grid-template-rows:1fr auto;align-items:center;border-radius:2vw;overflow:hidden}.media-card img{width:100%;height:100%;min-height:0;object-fit:cover}.media-card p{background:#000;font-size:2vw;padding:1vw;text-align:center}.media-card.text-first{grid-template-rows:auto 1fr}.media-card.text-left p{text-align:left}menu{padding:0;display:flex;gap:0;flex-wrap:wrap;align-items:center;gap:.25rem}.trailer-layout{opacity:var(--trailer-opacity, 0);transition:opacity 3s ease-in;transition-delay:2s}@starting-style{.trailer-layout{opacity:0}}.trailer-layout img{width:100%;aspect-ratio:16 / 9;object-fit:cover}#danmu{position:absolute;top:0;left:0;right:0;bottom:0;aspect-ratio:16 / 9;width:100%;margin:auto;pointer-events:none;z-index:var(--danmaku-z)}.movie-title{position:absolute;font-size:8vw;text-align:center;font-weight:700;text-transform:uppercase;padding:.5vw;text-wrap:balance;top:0;right:0;bottom:0;left:0;margin:auto;place-self:center;animation:zoom-in ease-in 1s both}@keyframes zoom-in{0%{transform:scale(.5)}to{transform:scale(1)}}#timeline{height:100%;padding:2vw}#timeline>*{height:100%}