/* The landscape remains the orientation. Work keeps its own format. */
.elsewhere-next{--cream:#f8f5df;--glow:#ddf1a4}
.elsewhere-next .ew-header{z-index:35}.selected-toggle{font-size:11px;padding:0}
.elsewhere-next .arrival-work-links button{font-size:12px;min-height:44px;padding:0;border-bottom:1px solid #f7f5e34d}
.elsewhere-next .arrival-invitation{max-width:370px}
.elsewhere-next .scene-whisper{position:absolute;left:6%;top:70%;font:12px/1.7 var(--body);text-shadow:0 2px 16px #000;max-width:310px}
.scene-side-link{position:absolute;right:7%;bottom:19%;font-size:11px;border-bottom:1px solid #f8f5df70}
.elsewhere-next .map-foot{display:flex;gap:35px;align-items:center;opacity:1}.elsewhere-next .map-foot button{font-size:10px}
.elsewhere-next .place-cafe .location-type h2{font-size:clamp(80px,9.2vw,150px)}
.elsewhere-next .world-map{z-index:100}.elsewhere-next dialog::backdrop{background:#060e1bb8;backdrop-filter:blur(16px)}
.selection-room{width:1120px;max-height:90dvh;padding:40px;background:#111d2ceF;color:var(--cream);border:1px solid #cdd9d04d;backdrop-filter:blur(20px);overflow:auto}
.selection-room>header{position:relative;padding-right:45px}.selection-room .dialog-close{top:-10px;right:-10px;background:#142332;color:var(--cream)}
.selection-room h2{font:600 clamp(35px,4.5vw,65px)/.98 var(--condensed);text-transform:uppercase;margin:14px 0 30px}
.selection-columns{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px}.selection-columns h3{font:500 11px var(--body);letter-spacing:.06em;color:#ddefad;margin-bottom:16px}
.selection-item{position:relative;display:flex;flex-direction:column;width:100%;text-align:left;border-top:1px solid #eaf3d633;padding:18px 20px 18px 0;gap:7px}
.selection-item>span{font:500 28px/1 var(--condensed);text-transform:uppercase}.selection-item>small{font-size:10px;color:#c3cec4}.selection-item>b{position:absolute;right:0;top:18px;font-weight:400}
.selection-item:hover>span{color:var(--glow)}.selection-room>footer{margin-top:30px;border-top:1px solid #eaf3d633;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;color:#c3cec4}.selection-room>footer a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.work-room{position:fixed;inset:98px 4.5vw 32px;z-index:25;display:grid;grid-template-rows:56px minmax(0,1fr) 60px;border:1px solid #dbe7d044;box-shadow:0 20px 100px #02091299;background:#09131deF;backdrop-filter:blur(26px);color:var(--cream);animation:room-arrive .4s ease-out;isolation:isolate}
.has-work .ew-footer{visibility:hidden}.has-work .world-space{filter:brightness(.45)}

.listening-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;max-width:100%;height:100%}.listening-art .record-disc{height:min(32dvh,280px);width:min(32dvh,280px);min-height:170px;min-width:170px;flex-shrink:0}.listening-art .record-disc b{text-align:center;max-width:110px;padding:20px;font-size:23px}.listening-art audio{width:350px;max-width:100%;color-scheme:dark;height:42px}.listening-art>p{font-size:10px;color:#c2d2b9}.is-playing .listening-art .record-disc{animation:record-spin 18s linear infinite}
.reaction-art>img{height:min(35dvh,320px)!important;max-height:none!important;width:auto}.reaction-art button{font-size:12px;background:var(--glow);color:#152629;padding:10px 20px}.reaction-art a{text-decoration:underline;text-underline-offset:4px}

.project-notes{width:700px;padding:45px;background:#e9efdb;color:#192a29;overflow:auto}.project-notes h2{font:600 43px/1 var(--condensed);text-transform:uppercase;margin:25px 0}.notes-context{font-size:17px;line-height:1.65;margin-bottom:22px}.notes-credit{font-size:12px;line-height:1.7;margin-bottom:20px}.notes-status{font-size:11px;line-height:1.6;margin:20px 0}

@keyframes room-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px) and (min-width:761px){.selection-columns{gap:23px}.selection-item>span{font-size:24px}}
@media(max-width:760px){
 .elsewhere-next .ew-header{height:77px;align-items:center;padding:16px 22px}.elsewhere-next .ew-header .map-toggle{display:none}.selected-toggle{font-size:10px}.elsewhere-next .ew-name{padding:0}.elsewhere-next .ew-name>span{font-size:8px}
 .elsewhere-next .arrival-invitation{bottom:20%;max-width:none}.elsewhere-next .arrival-invitation>p{max-width:320px;font-size:13px}.elsewhere-next .arrival-work-links{gap:25px}.elsewhere-next .arrival-work-links button{font-size:10px}
 .elsewhere-next .scene-whisper{left:25px;right:25px;top:auto;bottom:25%;font-size:11px}.scene-side-link{left:25px;right:auto;bottom:20%;font-size:10px}.elsewhere-next .city-note{top:64%}
 .elsewhere-next .place-cafe .location-type{top:23%;left:25px}.elsewhere-next .place-cafe .location-type h2{font-size:clamp(64px,21.8vw,85px)}.elsewhere-next .cafe-open{left:25px;top:50%}.elsewhere-next .cafe-mina{right:-4%;bottom:23%;height:32%;max-width:55%}.elsewhere-next .place-cafe .scene-whisper{bottom:26%;font-size:10px;max-width:210px}
 .elsewhere-next .place-resonant .scene-whisper{bottom:18%;max-width:260px;font-size:10px}.elsewhere-next .place-resonant .location-type{top:17%}.elsewhere-next .place-resonant .location-type h2{font-size:89px}
 .elsewhere-next .place-root .scene-whisper{bottom:20%;font-size:10px}.elsewhere-next .root-listen{top:40%;right:14%}.elsewhere-next .root-listen .record-disc{height:150px;width:150px}
 .elsewhere-next .map-foot{gap:8px;flex-wrap:wrap;margin-top:15px}.elsewhere-next .map-foot button{font-size:9px;min-height:38px}
 .selection-room{padding:30px 24px;max-height:calc(100dvh - 24px)}.selection-room h2{font-size:40px;max-width:270px}.selection-columns{grid-template-columns:1fr;gap:25px}.selection-item{padding:14px 20px 14px 0}.selection-item>span{font-size:26px}.selection-columns h3{margin-bottom:12px}.selection-room>footer{flex-direction:column;gap:15px}
 .work-room{inset:77px 10px 12px;grid-template-rows:51px minmax(0,1fr) 58px}
 
 
 
 
 
 
 
 
 .listening-art{gap:15px}.listening-art .record-disc{height:160px;width:160px;min-height:160px;min-width:160px}.listening-art audio{width:270px;height:35px}.listening-art>p{font-size:9px}.reaction-art>img{height:160px!important}.reaction-art button{font-size:10px;min-height:35px;padding:7px 15px}
 
 
 .project-notes{padding:40px 25px}.project-notes h2{font-size:35px}
}
@media(max-height:650px) and (min-width:761px){.work-room{inset:80px 25px 16px;grid-template-rows:48px minmax(0,1fr) 50px}}
@media(max-height:650px) and (max-width:760px){.elsewhere-next .scene-whisper{display:none}.elsewhere-next .arrival-type{top:22%}.elsewhere-next .arrival-type h2{font-size:104px}.elsewhere-next .arrival-type>span{margin-bottom:12px}.elsewhere-next .arrival-invitation{bottom:23%}.elsewhere-next .arrival-invitation>p{font-size:11px}.elsewhere-next .arrival-invitation>button{margin-top:8px;padding:5px 0}.elsewhere-next .arrival-work-links{margin-top:2px;gap:20px}.elsewhere-next .arrival-work-links button{font-size:9px;min-height:32px}}
@media(max-height:650px) and (max-width:760px){.elsewhere-next .location-type{top:18%!important}.elsewhere-next .location-type h2{font-size:64px!important}.elsewhere-next .city-play{top:48%}.elsewhere-next .city-note{top:60%}.elsewhere-next .scene-side-link{display:none}.elsewhere-next .root-listen{top:42%}.elsewhere-next .root-listen .record-disc{height:120px;width:120px}.elsewhere-next .root-listen .record-disc b{height:90px;width:90px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.work-room,.is-playing .listening-art .record-disc{animation:none}.place-scene{animation:none}.scene-surface{transition:none}}