.rocket-journey{position:relative;background:#030b10;height:auto;isolation:isolate}.rocket-stage{position:relative;min-height:850px;height:100svh;max-height:1200px;overflow:clip;background:radial-gradient(ellipse at 80% 65%,#122e34 0,transparent 55%),#030b10}.rocket-topline{position:absolute;top:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font:11px/1.5 var(--display);letter-spacing:.17em;z-index:4;color:#b5c7c4}.rocket-topline a{letter-spacing:0;border-bottom:1px solid #627b77;padding:8px 0}.rocket-copy{position:absolute;top:23%;left:6%;width:31%;z-index:3}.rocket-chapter{display:none}.rocket-chapter.is-current{display:block}.rocket-chapter h2{font-size:clamp(30px,3.5vw,55px);line-height:1.35;letter-spacing:-.02em;margin-bottom:26px}.rocket-chapter>p:last-child{font-size:15px;line-height:2;color:#abbdbb;max-width:350px}.rocket-chapter .eyebrow{font-size:10px;letter-spacing:.17em}.rocket-view{position:absolute;left:34%;right:0;top:8%;bottom:13%;}.rocket-canvas-host,.rocket-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.rocket-canvas-host canvas{display:block;width:100%;height:100%;outline-offset:-4px}.rocket-canvas-host{visibility:hidden}.rocket-ready .rocket-canvas-host{visibility:visible}.rocket-ready .rocket-poster{visibility:hidden}.rocket-controls{position:absolute;left:6%;top:66%;width:31%;z-index:5;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rocket-controls button{color:#dceae4;border:1px solid #58716c;background:#102421;border-radius:24px;padding:10px 17px;font-size:12px;line-height:1.5}.rocket-controls button:hover{border-color:#95e8bb}.rocket-controls .inspect-toggle{background:#b7f6d3;color:#082017;border:1px solid #b7f6d3}.rocket-controls button:disabled{opacity:.4}.rocket-controls .motion-static{background:transparent;border-color:transparent;text-decoration:underline;padding-left:0}.rocket-status,.inspect-help{flex-basis:100%;font-size:11px;line-height:1.7;color:#91a9a4}.rocket-status{min-height:18px}.rocket-steps{display:flex;position:absolute;bottom:73px;left:6%;right:6%;gap:6px;z-index:5}.rocket-steps button{border:0;border-top:2px solid #3a514f;border-radius:0;color:#9fb4b0;flex:1;background:transparent;font:11px/1.5 var(--display);text-align:left;padding:13px 0;letter-spacing:.06em;min-height:44px}.rocket-steps button[aria-current="step"]{border-color:#91eabd;color:#d2f6e4}.rocket-caption{position:absolute;bottom:26px;left:6%;right:6%;font-size:10px;line-height:1.6;color:#8ca29e}.rocket-labels{position:absolute;inset:0;pointer-events:none}.rocket-labels span{position:absolute;font:9px/1.5 var(--display);letter-spacing:.1em;padding:5px 8px;background:#071513d9;color:#a9d6c5;border-left:1px solid #82cfa7;white-space:nowrap;visibility:hidden}.rocket-ready .rocket-labels span{visibility:visible}.rocket-journey.is-enhanced{height:720svh}.is-enhanced .rocket-stage{position:sticky;top:0;min-height:650px;max-height:none}.rocket-journey.is-inspecting .rocket-canvas-host canvas{cursor:grab;touch-action:none}.rocket-journey.is-inspecting .rocket-canvas-host canvas:active{cursor:grabbing}.rocket-journey.is-static{height:auto!important}.is-static .rocket-stage{position:relative}.is-static .rocket-canvas-host,.is-static .rocket-labels{display:none}.is-static .rocket-poster{visibility:visible}.is-static .rocket-steps{display:none}.is-static .inspect-toggle{display:none}.is-static .rocket-chapter{display:none}.is-static .rocket-chapter:first-child{display:block}.is-static .rocket-caption{bottom:30px}
@media(max-width:1000px){.rocket-copy{width:34%;left:5%}.rocket-view{left:34%}.rocket-chapter h2{font-size:32px!important}.rocket-controls{width:33%;left:5%;top:65%}.rocket-chapter>p:last-child{font-size:13px}.rocket-topline{font-size:9px}.rocket-controls button{padding:9px 12px}}
@media(max-width:700px){.rocket-stage,.is-enhanced .rocket-stage{min-height:720px;height:100svh}.rocket-copy{top:80px;left:7%;right:7%;width:auto;pointer-events:none}.rocket-chapter h2{font-size:27px!important;line-height:1.2;margin-bottom:12px}.rocket-chapter h2 br{display:none}.rocket-chapter>p:last-child{font-size:12px;line-height:1.7;max-width:100%}.rocket-chapter .eyebrow{font-size:8px;margin-bottom:12px}.rocket-view{top:235px;bottom:174px;left:0;right:0}.rocket-controls{left:7%;right:7%;width:auto;top:auto;bottom:117px;gap:8px}.rocket-controls button{font-size:11px;padding:8px 12px;min-height:36px}.rocket-status{display:none}.inspect-help{font-size:10px;line-height:1.4}.rocket-steps{bottom:65px;left:7%;right:7%}.rocket-steps button{font-size:9px;padding-top:10px}.rocket-caption{font-size:9px;left:7%;right:7%;bottom:20px}.rocket-topline{top:21px;left:7%;right:7%;font-size:8px;letter-spacing:.08em}.rocket-labels span{font-size:7px;padding:3px 5px}.is-static .rocket-controls{bottom:74px}.is-static .rocket-view{bottom:125px}}
@media(prefers-reduced-motion:reduce){.rocket-journey{height:auto!important}.rocket-stage{position:relative!important}.rocket-labels{display:none}}
@media print{.rocket-journey{height:auto!important}.rocket-stage{position:relative!important;height:700px}.rocket-steps,.rocket-controls,.rocket-canvas-host{display:none}.rocket-poster{visibility:visible!important}}
.is-enhanced .rocket-stage{top:var(--rocket-top,82px);height:calc(100svh - var(--rocket-top,82px));min-height:0}.is-static .rocket-stage{top:0}
.rocket-canvas-host{mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent),linear-gradient(to right,transparent,#000 15%,#000 95%,transparent);mask-composite:intersect}.is-inspecting .rocket-canvas-host{mask-image:none}
.inspect-focus{max-width:160px;background:#102421;color:#e6f5ed;border:1px solid #58716c;border-radius:20px;padding:10px 12px;font:12px var(--body)}.inspect-focus:focus-visible{outline:2px solid #95e8bb;outline-offset:3px}@media(max-width:700px){.is-inspecting .rocket-controls{bottom:110px}.is-inspecting .rocket-view{bottom:220px}.inspect-focus{padding:8px;font-size:11px;max-width:108px}.is-inspecting .motion-static{display:none}}

.rocket-journey{overflow-anchor:none}
/* モジュール読込前から高さを確保し、途中位置での再読込を安定させる。 */
@media(min-height:621px) and (prefers-reduced-motion:no-preference){html.js .rocket-journey:not(.is-static){height:720svh}html.js .rocket-journey:not(.is-static) .rocket-stage{position:sticky;top:var(--rocket-top,84px);height:calc(100svh - var(--rocket-top,84px));min-height:0;max-height:none}}

/* 0.7: 各接写が示す部位。本文・操作から距離を取る。 */
.rocket-detail-tag{position:absolute;bottom:3%;left:16%;font:9px/1.5 var(--display);letter-spacing:.15em;color:#a6c9c0;border-left:1px solid #82cfa7;padding-left:10px;pointer-events:none}
.is-static .rocket-detail-tag{display:none}
@media(min-width:701px){.rocket-view{left:39%}}
@media(max-width:700px){.rocket-detail-tag{font-size:7px;bottom:0;left:8%}}

/* キャプション削除後は場面ナビを下端に寄せる。 */
.rocket-steps{bottom:32px}