/* Perspective notices use the approved type and colours without changing the UI skin. */
.scene-transition[data-kind=viewpoint] .transition-copy{display:flex;flex-direction:column;align-items:center;gap:13px;padding:24px;text-align:center}
.scene-transition[data-kind=viewpoint] #transition-time{margin:0;color:var(--dust);font:12px/1.8 UiGothic,sans-serif;letter-spacing:.1em}
.scene-transition[data-kind=viewpoint] #transition-pov{margin:0;color:var(--chalk);font:32px/1.6 UiMincho,serif;letter-spacing:.13em}
.scene-transition[data-kind=viewpoint] #transition-time:empty{display:none}
.scene-transition[data-kind=chapter] #transition-pov{display:block;position:absolute;left:50%;bottom:-46px;transform:translateX(-50%);margin:0;color:var(--dust);font:12px/1.8 UiGothic,sans-serif;letter-spacing:.1em;white-space:nowrap;writing-mode:horizontal-tb}
.viewpoint-change{font:clamp(19px,2.2cqw,28px)/1.6 UiMincho,serif;letter-spacing:.09em;animation:viewpoint-notice 150ms ease-out both}
.viewpoint-change[data-instant=true]{animation:none}
@keyframes viewpoint-notice{from{opacity:0}to{opacity:1}}
@media(max-width:700px) and (orientation:portrait){
 .scene-transition[data-kind=viewpoint] #transition-pov{font-size:28px}
 .scene-transition[data-kind=viewpoint] #transition-time{font-size:11px}
 .scene-transition[data-kind=chapter] #transition-pov{bottom:-42px;font-size:11px}
 .viewpoint-change{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.viewpoint-change{animation:none}}
:root[data-motion=reduce] .viewpoint-change{animation:none}