
/* Responsive review fixes: keep immersive controls within narrow viewports. */
.dds-lab-experience:not([open])>.dds-lab-content{display:none!important}
.dds-arrival-story-dots{min-width:0}
.dds-world-rail{max-width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.dds-world-rail::-webkit-scrollbar{display:none}
.dds-world-rail button{flex:0 0 auto}
@media(max-width:767px){
 .dds-cinema-top .dds-cinema-identity strong{display:none!important}
 .dds-cinema-top .dds-cinema-logo{width:36px;height:36px;flex:none}
 .dds-cinema-top .dds-cinema-identity{flex:0 0 36px;min-width:36px}
 .dds-cinema-top{padding:10px 12px;gap:8px}
 .dds-cinema-top>div:last-child{flex:1;justify-content:flex-end;gap:7px;min-width:0}
 .dds-cinema-top .dds-cinema-explore{width:92px;max-width:92px;flex:0 0 92px}
 .dds-cinema-explore summary p{white-space:nowrap!important}
 .dds-cinema-explore summary .e-6202d1b6-dcff{flex-wrap:nowrap!important;gap:5px!important}
 .dds-cinema-explore summary .e-2064ace6-3bf2{transform:scale(.72);transform-origin:center;flex-shrink:0;margin-inline:-5px}
 .dds-cinema-top button{font-size:9px!important;min-height:42px;padding:8px!important;white-space:nowrap}
 .dds-cinema-top .dds-header-volume{display:none}
 .dds-world-rail{justify-content:flex-start;gap:8px;padding:12px;scroll-padding-inline:12px}
 dialog.dds-world .dds-world-rail button{font-size:10px;min-height:44px;padding:9px 11px}
 .dds-cinema-bottom{left:12px;right:12px;gap:8px}
 dialog.dds-cinema .dds-cinema-bottom>button{font-size:0;min-width:40px;width:40px;padding:8px;flex:0 0 40px}
 .dds-cinema-bottom>button:after{font-size:18px;line-height:1;content:'←'}
 .dds-cinema-bottom>button:last-child:after{content:'→'}
 .dds-cinema-dots{min-width:0;gap:5px}
 dialog.dds-cinema .dds-cinema-dots button{flex:1;min-width:27px;width:auto;padding:5px}
 .dds-arrival-story-nav{min-width:0}
 .dds-arrival-story-nav>button{flex:0 0 34px;min-width:34px!important}
}

@media(max-width:1023px){
 .dds-world[data-world="arrival"] #darby-top{flex-direction:column!important;align-items:stretch!important;gap:26px!important}
 .dds-world[data-world="arrival"] .e-7883f9e4-db34,.dds-world[data-world="arrival"] .e-3e141b8-9e7d{width:100%!important;max-width:none!important;flex:none!important}
 .dds-world[data-world="arrival"]:not([data-hero-story="0"]) .dds-arrival-story-visual{width:100%!important;max-width:none!important;flex:none!important}
 .dds-world[data-world="arrival"] .dds-world-body> *{align-items:flex-start!important}
}

/* Keep the context label readable while the orbital rings move. */
.dds-cinema-slide.is-current .dds-object-orb{animation:none}
.dds-cinema-slide.is-current .dds-object-orb i{animation:dds-orb-ring-turn 18s linear infinite}
@keyframes dds-orb-ring-turn{to{transform:rotateY(calc(var(--n)*34deg + 360deg)) rotateX(25deg)}}
@media(prefers-reduced-motion:reduce){.dds-cinema-slide.is-current .dds-object-orb i{animation:none}}

/* Thin focus treatment; mobile arrival uses one continuous scroll surface. */
dialog.dds-cinema .dds-cinema-top button:focus,dialog.dds-cinema .dds-cinema-top button:focus-visible{border-width:1px!important;outline:1px solid #50dcff!important;outline-offset:2px!important;box-shadow:none!important}
@media(max-width:767px){
 [data-darby-sound],.dds-header-volume,.dds-sound-bar{display:none!important}
 .dds-world[data-world="arrival"] .dds-world-body{bottom:0!important;padding:0 0 20px!important}
 .dds-world[data-world="arrival"] .dds-world-body>.dds-arrival-story-controls{display:block;position:relative!important;inset:auto!important;padding:16px 14px 8px!important;min-height:0!important;align-items:initial!important;box-sizing:border-box;max-width:100%;background:#060d18!important}
 .dds-world[data-world="arrival"] .dds-world-body>.e-container_bz004b07u-a5a545d{min-height:0!important;height:auto!important;padding:22px 20px!important}
 .dds-world[data-world="arrival"] .dds-world-body>.dds-world-arrival-actions{position:relative!important;inset:auto!important;min-height:0!important;padding:15px 18px!important;margin:0!important;display:flex!important;box-sizing:border-box;background:transparent!important}
 .dds-world[data-world="arrival"] .dds-arrival-story-visual,.dds-world[data-world="arrival"] .e-3e141b8-9e7d{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
 .dds-world[data-world="arrival"] #darby-top{min-width:0!important}
 .dds-world[data-world="arrival"] .dds-arrival-visual-nodes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .dds-world[data-world="arrival"] .dds-arrival-node{min-width:0;overflow-wrap:anywhere}
}

.dds-cinema-explore summary:focus-visible{outline:1px solid #50dcff!important;outline-offset:2px!important;box-shadow:none!important}
.dds-world .dds-arrival-node,.dds-world .dds-arrival-node strong{white-space:normal!important;min-width:0!important;max-width:100%;overflow-wrap:anywhere}
.dds-world .dds-arrival-node{width:100%;box-sizing:border-box}

/* Mobile arrival: main information first, fully visible story cards. */
@media(max-width:767px){
 .dds-world[data-world="arrival"] .dds-arrival-story-dots{min-width:0;flex:1;box-sizing:border-box}
 .dds-world[data-world="arrival"] .dds-arrival-story-dots>button{flex:0 0 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 .dds-world[data-world="arrival"] .dds-world-top{padding-inline:24px!important}
 .dds-world[data-world="arrival"] .dds-cinema-identity{flex:0 0 56px!important;min-width:56px!important}
 .dds-world[data-world="arrival"] .dds-cinema-logo{width:56px!important;height:48px!important;object-fit:contain}
}

@media(max-width:767px){
 dialog.dds-world[data-world="arrival"] .dds-arrival-story-dots>button,
 dialog.dds-world[data-world="arrival"] .dds-arrival-story-dots>button:hover,
 dialog.dds-world[data-world="arrival"] .dds-arrival-story-dots>button:focus{
 transform:none!important;translate:none!important;scale:1!important
 }
}

@media(max-width:767px){
 dialog.dds-world[data-world="arrival"] .dds-arrival-story-dots>button{white-space:normal!important;padding:14px 66px 14px 12px!important}
 .dds-world[data-world="arrival"] .dds-story-card-title,
 .dds-world[data-world="arrival"] .dds-arrival-story-dots button small{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
 .dds-world[data-world="arrival"] .dds-story-card-art{width:50px;right:8px}
}

/* Bound the complete Explore trigger; transforms alone do not reserve its visual width. */
@media(max-width:767px){
 dialog.dds-cinema .dds-cinema-top{box-sizing:border-box;gap:12px}
 dialog.dds-cinema .dds-cinema-top>div:last-child{gap:12px;min-width:0}
 dialog.dds-cinema .dds-cinema-top .dds-cinema-explore{width:116px;max-width:116px;min-width:116px;flex:0 0 116px}
 dialog.dds-cinema .dds-cinema-explore summary{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;min-height:44px;padding:0!important}
 dialog.dds-cinema .dds-cinema-explore summary>.e-accordion-item-title-base{width:100%!important;min-width:0!important}
 dialog.dds-cinema .dds-cinema-explore summary .e-6202d1b6-dcff{width:100%!important;min-width:0!important;gap:8px!important;align-items:center!important;justify-content:center!important}
 dialog.dds-cinema .dds-cinema-explore summary .e-2064ace6-3bf2{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;transform:none!important;margin:0!important;gap:3px!important}
 dialog.dds-cinema .dds-cinema-explore summary .e-2064ace6-3bf2>p{width:10px!important;height:10px!important;min-width:0!important;min-height:0!important;margin:0!important;flex:none!important}
 dialog.dds-cinema .dds-cinema-explore summary .e-34db1515-46d9{font-size:14px!important;line-height:1.3!important;margin:0!important;flex:0 0 auto!important}
 dialog.dds-cinema .dds-cinema-top>div:last-child>button:last-child{flex:0 0 auto;min-height:44px;max-width:145px;white-space:normal;font-size:10px!important;padding:8px 10px!important}
}
