#dialog.telescope-view{width:min(1100px,calc(100% - 16px));height:min(800px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);padding:0;overflow:hidden;background:#070a12;border-color:#b79760}
#dialog.telescope-view[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
#dialog.telescope-view>.close{position:absolute;float:none;top:8px;right:8px;width:44px;height:44px;min-height:44px;z-index:5;background:#101421e8;border:1px solid #b79760;color:#ffe2aa}
#dialog.telescope-view #dialog-closeup{grid-column:1;grid-row:1;display:block;min-height:0;min-width:0;overflow:hidden}
#dialog.telescope-view .dialog-reading{grid-column:1;grid-row:2;padding:10px 20px;background:#111321;min-width:0;max-height:35dvh;overflow:auto}
#dialog.telescope-view h2{font-size:23px;line-height:1.2;margin:0 0 6px;color:#ffe1a5}#dialog.telescope-view #dialog-body p{font-size:16px;line-height:1.35;margin:0 0 8px}#dialog.telescope-view .small-label,#dialog.telescope-view .dialog-companion{display:none}
#dialog.telescope-view #dialog-options{display:flex;gap:8px;flex-wrap:wrap;margin:0}#dialog.telescope-view #dialog-options button{font-size:16px;min-height:44px;padding:7px 12px}
.telescope-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 180px;min-height:0}.telescope-lens-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:12px;box-sizing:border-box}.telescope-lens-wrap canvas{display:block;flex:none;max-width:100%;max-height:100%;object-fit:contain}.telescope-loading{position:absolute;left:15%;right:15%;text-align:center;padding:12px;background:#111421ed;font-size:16px;line-height:1.4;color:#f3d4a2}.telescope-loading[hidden]{display:none}.telescope-loading button{font-size:16px;min-height:44px;padding:6px 12px}
.telescope-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:52px 12px 12px;min-width:0}.telescope-directions{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:4px}.telescope-direction{padding:0;font:30px/1 Georgia,serif;color:#ffe1a5;background:#28243a;border:1px solid #b89763;touch-action:none;user-select:none;min-width:48px;min-height:48px}.telescope-direction:disabled{opacity:.3}.telescope-direction:focus-visible{outline:2px solid #ffe5a5;outline-offset:2px}.telescope-up{grid-column:2;grid-row:1}.telescope-left{grid-column:1;grid-row:2}.telescope-right{grid-column:3;grid-row:2}.telescope-down{grid-column:2;grid-row:3}#telescope-bearing{font:14px/1.4 Georgia,serif;color:#d8c79f;text-align:center;max-width:150px}
@media(max-width:620px) and (orientation:portrait){.telescope-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.telescope-panel{padding:0 10px 8px;flex-direction:row;gap:14px}.telescope-directions{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:3px}.telescope-direction{min-width:44px;min-height:44px}#telescope-bearing{max-width:110px}#dialog.telescope-view .dialog-reading{padding:8px 12px}#dialog.telescope-view h2{font-size:20px}}
@media(max-height:520px){#dialog.telescope-view .dialog-reading{padding:6px 12px}#dialog.telescope-view h2{font-size:18px;display:inline;margin-right:12px}#dialog.telescope-view #dialog-body p{font-size:14px;line-height:1.25;margin-bottom:5px}.telescope-panel{padding-top:42px;gap:5px}.telescope-directions{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:2px}.telescope-direction{min-width:44px;min-height:44px}.telescope-layout{grid-template-columns:minmax(0,1fr) 160px}}