.orr-heading,.orr-wrap,.orr-lenses,.orr-clock-buttons,.orr-camera,.orr-place-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.orr-heading{justify-content:space-between}.orr-heading h2{margin:0;font-family:inherit;font-size:2rem}.orr-lenses{margin:16px 0}.orr-lenses button{flex:1 0 100px;min-height:48px}.orr-lenses [aria-pressed=true]{background:#7046ae;color:white}.orr-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.orr-stage-card,.orr-clock,.orr-phase{border:1px solid var(--line);border-radius:18px;background:#fffcf4;overflow:hidden}.orr-viewport{height:460px;position:relative;background:#071522;color:#fff}.orr-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.orr-scale{background:#132b40;color:#e5f5ff;font-size:.8rem;margin:0;padding:10px 14px}.orr-camera{padding:12px}.orr-stage-card>p:not(.orr-scale){margin:10px 14px}.orr-clock{padding:18px}.orr-clock h3{margin-top:0}.orr-clock label,.orr-comparison label,.orr-place-controls label,#orrPlanetPanel label{display:grid;gap:6px;margin:12px 0}.orr-clock input,.orr-clock select{width:100%;min-width:0}.orr-clock output{display:block;font-size:.9rem;font-weight:700;margin-top:12px}.orr-phase{display:flex;gap:12px;align-items:center;padding:12px;margin-top:14px}.orr-phase canvas{width:80px;height:80px;flex:0 0 80px;background:#071522;border-radius:50%}.orr-phase h3{font-size:.95rem}.orr-phase small{font-size:.75rem}.orr-place-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.orr-place-cards article{min-width:0;padding:20px}.orr-place-cards h3{font-family:inherit}.orr-local-time{font-weight:800;font-size:1.2rem}.orr-place-cards article:first-child{border-top:5px solid #e8a751}.orr-place-cards article:last-child{border-top:5px solid #9972c9}.orr-learning,#orrPlanetPanel{margin-top:18px}.orr-learning .companion{float:right;width:70px;height:95px}.orr-learning details{clear:both;margin-top:20px}.orr-learning details a{overflow-wrap:anywhere}.orr-phase-jumps{display:flex;flex-wrap:wrap;gap:8px}.orr-comparison input[type=range]{width:100%;max-width:600px}.orr-fallback{padding:24px}.orr-clock-buttons button{min-width:44px}.orr-wrap input[type=checkbox]{min-height:20px}.orr-comparison select{max-width:100%}
@media(max-width:1050px){.orr-layout{grid-template-columns:minmax(0,1fr)}.orr-viewport{height:420px}.orr-control-panel{display:grid;grid-template-columns:1fr 240px;gap:12px}.orr-phase{margin-top:0;align-self:start}}
@media(max-width:600px){.orr-viewport{height:350px;height:min(48svh,390px);min-height:280px}.orr-control-panel,.orr-place-cards{display:block}.orr-phase,.orr-place-cards article{margin-top:12px}.orr-lenses{gap:6px}.orr-lenses button{flex-basis:28%;font-size:.9rem;padding:8px}.orr-clock{padding:14px}.orr-place-controls{display:grid;grid-template-columns:1fr 1fr}.orr-place-controls select{width:100%;font-size:.9rem}.orr-place-controls label{min-width:0}.orr-heading p{margin:7px 0}}
@media(orientation:landscape) and (max-height:600px){.orr-layout{grid-template-columns:240px minmax(0,1fr)}.orr-control-panel{grid-column:1;grid-row:1;display:block}.orr-stage-card{grid-column:2;grid-row:1}.orr-viewport{height:75vh;min-height:260px}.orr-phase{margin-top:12px}.orr-lenses button{flex:1;padding:8px}.orr-place-cards{display:grid}}
.orr-object-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;color:#fff;font:700 12px system-ui,sans-serif;text-shadow:0 1px 3px #000;background:#071522a6;padding:2px 5px;border-radius:4px;white-space:nowrap}
.orr-map-key{padding:0 14px 12px}.orr-map-key summary{min-height:36px;font-size:.85rem;cursor:pointer}.orr-map-key p{margin:8px 0}
@media(max-width:600px) and (orientation:portrait){.orr-layout{display:block}.orr-stage-card{position:relative}.orr-control-panel{margin-top:12px}.orr-viewport{height:32svh;min-height:250px}.orr-scale{font-size:.72rem}.orr-camera{padding:8px}.orr-camera button{font-size:.8rem;padding:8px}.orr-map-key summary{font-size:.75rem}}