/* Compact screens get their own composition, keeping the landscape in view. */
@media (max-width:900px){
 :root{--edge:20px}
 .homepage{height:100svh;min-height:0}
 .scene{height:max(66.97vw,100svh);width:max(119.06vw,177.7778svh);top:0;transform:translateX(-58%)}
 .homepage h1{left:calc(58% - 50vw + 20px);top:22%;font-size:calc((100vw - 40px)/3.15156)}
 .topbar{top:max(20px,env(safe-area-inset-top))}
 .summit{top:90px;font-size:10px;letter-spacing:.2em}
 .summit p:last-child{font-size:12px}.summit .rule{margin:10px auto}
 .homepage .field-notes{position:absolute;left:var(--edge);right:var(--edge);bottom:max(20px,env(safe-area-inset-bottom));padding:0;gap:20px;grid-template-columns:1fr 1fr}
 .ascent-name{font-size:26px}.gold-rule{margin:10px 0 14px}.descend{margin-bottom:9px}.scroll-label{font-size:10px;letter-spacing:.16em}
 .notes{gap:12px}.notes dt{font-size:10px;min-height:0;padding-bottom:0;letter-spacing:.08em}.notes dt:after{position:static;margin:6px 0;width:20px}.notes dd{font-size:17px}
 .journey-top{top:max(12px,env(safe-area-inset-top));gap:4px}.journey-top>span{display:none}.journey-actions{gap:3px}.journey-top button{min-height:44px;padding:4px;font-size:10px;letter-spacing:0!important;gap:4px}.journey-top svg{width:15px;height:15px}
 #flight-instruments{top:70px;left:var(--edge);right:var(--edge);width:auto;transform:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px}
 #flight-instruments>.flight-caption{display:none}.altitude-instrument{margin:0}.altitude-tape{height:26px;mask-image:none}.altitude-tape svg,.compass-window{display:none}.altitude-readout{position:static;border:0;padding:0;min-width:75px;font-size:21px;background:none}.altitude-readout::before{display:none}.heading-instrument{border:0;padding:0}.flight-heading{position:static;font-size:18px}.flight-coordinates{border:0;padding:0;margin:0;display:block;font-size:10px}.flight-caption{font-size:9px}
 .journey-bottom{bottom:max(12px,env(safe-area-inset-bottom));gap:5px;grid-template-columns:1fr}.journey-bottom .chapter{display:none}.progress-control input{height:32px;margin:0}.progress-control p{margin:0;font-size:10px}.data-credit{margin:0;font-size:9px}.progress-control>div{font-size:10px}
 #location-card{top:auto;bottom:116px;left:var(--edge);right:var(--edge);width:auto;min-height:0;max-height:none;padding:16px 18px;display:grid;grid-template-columns:42px 1fr;column-gap:14px;row-gap:5px;background:rgba(12,30,43,.91)}
 #location-card .field-eyebrow{grid-column:2;font-size:9px;letter-spacing:.13em}#location-card .field-number{grid-column:1;grid-row:1/4;font-size:42px;margin:0;align-self:center}
 #location-card strong{grid-column:2;max-width:none;font-size:24px;margin:0;line-height:1.15}#location-card .field-tag{grid-column:2;font-size:14px}
 #location-card .field-story,#location-card .field-look,#location-card .field-metrics{display:none}
 #location-card .field-track{grid-column:1/-1;margin-top:5px;height:5px;gap:3px}#location-card .field-invite{grid-column:1/-1;font-size:11px;margin:5px 0 0;padding:9px 0 0}
 #arrival{bottom:150px}#arrival h2{font-size:30px}#arrival p{font-size:20px}
 #place-dialog:not(.exploring){width:calc(100% - 28px)}
}
@media (min-width:701px) and (max-width:900px){#location-card{left:auto;width:340px}.homepage .field-notes{grid-template-columns:1fr 2fr 1fr}.ascent{grid-row:1;grid-column:2}.notes{grid-row:1}.notes.right{grid-column:3}}
@media (max-height:750px) and (max-width:700px){.homepage .field-notes{gap:14px;bottom:16px}.gold-rule{margin:8px 0}.ascent-name{font-size:23px}.notes{gap:9px}.summit{top:75px}.homepage h1{top:24%}}
@media (max-height:500px) and (max-width:900px){
 :root{--edge:16px}.topbar{top:14px}.coordinates{font-size:10px}.summit{top:0;font-size:9px}.summit .rule{margin:8px auto}.actions{gap:10px}.begin{min-width:100px}
 .homepage h1{top:23%;font-size:calc((100vw - 80px)/3.15156);left:calc(58% - 50vw + 40px)}
 .homepage .field-notes{bottom:14px;grid-template-columns:1fr 2fr 1fr;gap:12px}.ascent{grid-row:1;grid-column:2}.notes{grid-row:1;gap:7px}.notes.right{grid-column:3}.notes dd{font-size:14px}.notes dt{font-size:9px}.ascent-name{font-size:22px}.gold-rule{display:none}.descend{margin:8px 0}.scroll-label{font-size:9px}
 #flight-instruments{top:65px;right:auto;width:230px;gap:10px}.flight-coordinates{display:none}
 #location-card{top:65px;bottom:auto;left:auto;width:270px;padding:12px 15px}#location-card strong{font-size:21px}#location-card .field-number{font-size:35px}
 .journey-bottom{left:25%;right:25%;bottom:8px}.data-credit{display:none}#arrival{bottom:85px}#arrival h2{font-size:26px;margin:10px 0}#arrival p{font-size:18px}
 .exploring .place-sheet{left:auto;right:12px;bottom:12px;width:300px;max-height:calc(100svh - 24px);overflow:auto;padding:15px}
}
@media (max-width:380px){:root{--edge:14px}.actions{gap:9px}.journey-top button{font-size:9px}.journey-actions{gap:2px}#location-card strong{font-size:22px}}
