.scene-orientation-tip,.scene-navigator{display:none}
@media(max-width:640px) and (orientation:portrait){
 .scene-orientation-tip{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:9px 16px;background:var(--ink);color:var(--brand-yellow);font-size:11px;line-height:1.5;text-align:center}
 .scene-orientation-tip svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .scene-navigator{display:block;padding:8px 16px 12px;border-bottom:1px solid var(--warm-rule);background:var(--ink)}
 .scene-navigator p{margin:0 0 8px;text-align:center;font-size:11px;line-height:1.5;color:var(--cream)}
 .scene-map{position:relative;width:min(100%,240px);aspect-ratio:1912/823;margin:auto;overflow:hidden;border:1px solid var(--warm-rule);border-radius:5px;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}
 .scene-map img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}
 .scene-map-window{position:absolute;top:0;bottom:0;left:0;border:2px solid var(--brand-yellow);background:#e4b63d0a;box-shadow:0 0 0 350px #100e1680;pointer-events:none;border-radius:3px}
 .scene-map-window::after{content:'↔';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);border-radius:4px;background:#24221fe6;color:var(--cream);padding:0 6px;font-size:14px;line-height:19px}
 .scene-map:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:3px}
}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){
 html{scroll-padding-top:0}
 header{position:relative}
 .scene-viewport{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;max-height:none;padding-block:8px;scroll-margin-top:0;background:var(--ink)}
 .scene{width:min(100%,calc((100svh - 16px)*2.323207));max-width:none;margin:0 auto;flex:none}
 .scene-orientation-tip,.scene-navigator{display:none}
 .scene-hint::after{display:none}
 .scene .time-wheel{min-width:0}
 .scene .time-wheel::before{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);border-radius:50%}
}