story-workspace{min-height:0;display:block}.collection--story{--tile-min:260px}.story-scene,.story-board{border-radius:var(--md-sys-shape-corner-large);place-items:center;min-width:0;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.story-scene{background:#18202a;height:clamp(220px,38dvh,420px)}.story-scene>img{object-fit:contain;width:100%;height:100%}.story-scene__runtime{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.story-scene__runtime canvas{width:100%;height:100%}.story-scene__runtime.ready>.progress,.story-scene__runtime.failed>.progress,.story-scene__runtime.ready>md-circular-progress,.story-scene__runtime.failed>md-circular-progress{display:none}.story-scene__replay{z-index:3;color:#fff;box-shadow:var(--md-sys-elevation-level1);background:#101820c2;position:absolute;top:12px;right:12px}.story-scene__label{z-index:2;color:#fff;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101820c2;gap:2px;padding:10px 14px;display:grid;position:absolute;bottom:16px;right:16px}.story-scene__label small{color:#d7dde2}.story-board{background-color:var(--md-sys-color-surface-container-low);background-image:var(--friendship-stage);background-position:50%;background-size:cover;height:clamp(240px,46dvh,460px);container-type:size}.story-board__stage{aspect-ratio:1312/964;width:min(100cqw - 18px,136.1cqh - 16.332px);max-width:100%;height:100%;position:relative}.story-board__background{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 8px 16px color-mix(in srgb, var(--md-sys-color-shadow) 28%, transparent));position:absolute;inset:0}.story-board__logo{z-index:5;object-fit:contain;width:19.05%;height:14.52%;position:absolute;top:8.92%;left:13.35%}.story-board__lead{z-index:1;object-fit:contain;object-position:center bottom;width:78.05%;height:106.22%;filter:drop-shadow(0 4px 3px color-mix(in srgb, var(--md-sys-color-shadow) 28%, transparent));position:absolute;bottom:-3.8%;left:50%;transform:translate(-50%)}.story-board__partners{z-index:2;position:absolute;inset:0}.story-board__partners button{top:var(--slot-y);left:var(--slot-x);aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:26.68%;padding:0;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.story-board__partners button>span{z-index:2;border-radius:50%;display:block;position:absolute;inset:0}.story-board__partners button>span>img{object-fit:contain;width:100%;height:100%}.story-board__partners button.is-selected>span{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 5px #48dbea)drop-shadow(0 0 9px #369de5b8)}.story-board__partners button:focus-visible>span{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}.story-board__arrow{z-index:1;top:var(--arrow-y);left:var(--arrow-x);object-fit:contain;width:45.71%;height:22.86%;transform:translate(-50%, -50%) rotate(var(--arrow-rotation));position:absolute}.story-board__bands{z-index:4;flex-direction:column;gap:4px;width:max(9.5%,40px);display:flex;position:absolute;top:19%;right:1.3%}.story-board__bands button{aspect-ratio:1.35;cursor:pointer;background:linear-gradient(#3a589ded,#273b75f2);border:1px solid #ffffff5c;border-radius:3px 0 0 3px;place-items:center;width:100%;min-height:32px;padding:5%;display:grid}.story-board__bands button.is-selected{outline-offset:-2px;background:linear-gradient(#486fc4fa,#2f4b91fa);outline:2px solid #74efff}.story-board__bands img{object-fit:contain;width:100%;height:100%}.story-board__swap{z-index:5;background:color-mix(in srgb, var(--md-sys-color-surface) 90%, transparent);box-shadow:var(--md-sys-elevation-level1);position:absolute;top:8px;right:8px}.story-detail{grid-template-rows:var(--top-bar-height) minmax(0, 1fr)}.story-detail__title{flex:1;gap:1px;min-width:0;display:grid}.story-detail__title>strong{min-width:0;font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-detail__title>small{min-width:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-detail__title>small:empty{display:none}.story-detail__body{width:min(100%, var(--content-max,1120px));overscroll-behavior:contain;align-content:start;gap:16px;margin-inline:auto;padding:24px 28px 40px;display:grid;overflow:auto}.story-detail__lede{color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.6}.story-detail__transcript{gap:12px;padding-top:8px;display:grid}.story-transcript{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden}.story-transcript article{border-bottom:1px solid var(--md-sys-color-outline-variant);gap:4px;padding:12px 16px;display:grid;position:relative}.story-transcript article.has-visual{gap:8px;padding-top:12px}.story-transcript__visual{object-fit:contain;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container-low);width:100%;height:auto;max-height:360px}.story-transcript article>.icon-button{position:absolute;top:6px;right:8px}.story-transcript article:has(>.icon-button){padding-right:56px}.story-transcript article:last-child{border-bottom:0}.story-transcript strong{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-medium-size)}.story-transcript p{white-space:pre-line;margin:0;line-height:1.65}vega-story-stage,.vega-story-runtime,.vega-story-runtime__mount{width:100%;min-width:0;height:100%;min-height:0;display:block}vega-story-stage{background:#111317;grid-row:2/-1;overflow:hidden}.vega-story-runtime{--haneoka-font:var(--app-font);font-family:var(--app-font);display:block;position:relative;overflow:hidden}.vega-story-runtime__mount{position:absolute;inset:0}.vega-story-runtime__controls{z-index:50;color:#f2f0f7;min-height:60px;transition:opacity .18s var(--md-sys-motion-easing-standard), transform .18s var(--md-sys-motion-easing-standard);background:linear-gradient(#0000,#0d0f14e0 48%);border-top:0;grid-template-columns:auto auto minmax(80px,1fr) auto auto auto;align-items:center;gap:8px;padding:28px 12px 8px;display:grid;position:absolute;bottom:0;left:0;right:0}.vega-story-runtime__controls .icon-button{color:#f2f0f7}.vega-story-runtime.controls-hidden .vega-story-runtime__controls{opacity:0;pointer-events:none;transform:translateY(18px)}.vega-story-runtime__controls input{min-width:0;accent-color:var(--md-sys-color-primary)}.vega-story-runtime__controls md-slider{min-width:0}.vega-story-runtime__settings{z-index:60;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);gap:10px;width:min(320px,100% - 24px);padding:12px;display:grid;position:absolute;bottom:68px;right:12px}.vega-story-runtime__settings header,.vega-story-runtime__settings label{justify-content:space-between;align-items:center;gap:12px;display:flex}.vega-story-runtime__settings header .icon-button{width:36px;height:36px}.vega-story-runtime__settings label>md-slider{width:160px}@media (max-width:959px){.vega-story-runtime__controls{grid-template-columns:auto auto minmax(64px,1fr) auto auto}.vega-story-runtime__controls>small:first-of-type{display:none}}@media (max-width:599px){.story-detail__body{padding:16px 12px 32px}.story-detail>header{gap:2px;padding-inline:4px}.story-transcript article{padding:12px}.story-transcript__visual{max-height:52dvh}.story-scene,.story-board{margin-bottom:12px}.vega-story-runtime__controls{min-height:56px;padding:24px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-columns:auto minmax(64px,1fr) auto auto;gap:4px}.vega-story-runtime__controls>button:nth-child(2),.vega-story-runtime__controls>small{display:none}}