.sh-canvas-wrap{width:100%;position:relative;background:#111;display:flex;align-items:center;justify-content:center}.sh-canvas-wrap canvas{display:block}.sh-eyepiece-panel{--eyepiece-room: min( calc(100svh - 220px) , 95vw)}.sh-eyepiece-body{display:flex;flex-direction:column;align-items:stretch}@media(min-width:768px){.sh-eyepiece-body{flex-direction:row;align-items:stretch}.sh-eyepiece-panel{--eyepiece-room: min( calc(100vh - 180px) , 640px)}}.sh-eyepiece-wrap{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:#050608;min-height:0}.sh-eyepiece-clip{width:var(--eyepiece-room);height:var(--eyepiece-room);max-width:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.sh-eyepiece-clip{transform:rotate(var(--sh-altaz-rotation, 0deg))}.sh-flip-newton .sh-eyepiece-clip{transform:rotate(180deg) rotate(var(--sh-altaz-rotation, 0deg))}.sh-flip-mirror .sh-eyepiece-clip{transform:scaleX(-1) rotate(var(--sh-altaz-rotation, 0deg))}.sh-eyepiece-clip canvas{width:100%;height:100%;display:block}.sh-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--eyepiece-room);height:var(--eyepiece-room);max-width:100%;pointer-events:none;background:linear-gradient(transparent calc(50% - .5px),rgba(120,200,255,.3) calc(50% - .5px),rgba(120,200,255,.3) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(120,200,255,.3) calc(50% - .5px),rgba(120,200,255,.3) calc(50% + .5px),transparent calc(50% + .5px))}.sh-miss-flash{position:absolute;top:.75rem;left:50%;transform:translate(-50%);padding:.25rem .75rem;background:#dc3c3cd9;color:#fff;font-size:.85rem;font-weight:600;border-radius:9999px;pointer-events:none;opacity:0;transition:opacity .15s ease-in;white-space:nowrap;z-index:5;box-shadow:0 0 12px #dc3c3c66}.sh-miss-flash.sh-miss-flash-show{opacity:1;transition:opacity .15s ease-out}.sh-slew-panel{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;background:#111827;border-top:1px solid #374151;flex-wrap:wrap;flex-shrink:0}@media(min-width:768px){.sh-slew-panel{flex-direction:column;align-items:center;justify-content:center;width:180px;border-top:none;border-left:1px solid #374151;padding:.75rem;flex-wrap:nowrap}}.sh-finder-slew{flex-wrap:nowrap;gap:.5rem}.sh-finder-slew .sh-slew-fine{flex-shrink:0}@media(min-width:768px){.sh-finder-slew{flex-direction:row;width:auto;border-top:1px solid #374151;border-left:none;padding:.5rem}}.sh-slew-hint{font-size:.7rem;color:#9ca3af;text-align:center;line-height:1.3;max-width:14rem}.sh-slew-fine{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#d1d5db;cursor:pointer;user-select:none}.sh-slew-fine-cb{width:.95rem;height:.95rem;accent-color:#06b6d4;cursor:pointer}.sh-slew-stats{font-size:.75rem;color:#9ca3af;display:flex;gap:.75rem}.sh-dpad{display:grid;grid-template-columns:repeat(3,2.5rem);grid-template-rows:repeat(3,2.5rem);gap:.25rem;align-items:center;justify-items:center;flex-shrink:0}.sh-slew-btn{width:2.5rem;height:2.5rem;background:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:.375rem;font-size:1.25rem;cursor:pointer;transition:background .1s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;line-height:1}.sh-slew-arrow{font-size:1rem;line-height:1}.sh-slew-cardinal{font-size:.6rem;font-weight:600;color:#9ca3af;letter-spacing:.02em;line-height:1;margin-top:1px}.sh-slew-btn:hover{background:#374151}.sh-slew-btn[data-slew=up]{grid-column:2;grid-row:1}.sh-slew-btn[data-slew=left]{grid-column:1;grid-row:2}.sh-slew-btn[data-slew=center]{grid-column:2;grid-row:2;font-size:.8rem}.sh-slew-btn[data-slew=right]{grid-column:3;grid-row:2}.sh-slew-btn[data-slew=down]{grid-column:2;grid-row:3}@media(max-width:767px){#shPlayArea{display:flex;flex-direction:column;max-height:100svh;overflow:hidden}#shPlayArea>.grid{display:contents}#shPlayArea div[data-tab]{display:none}#shPlayArea div[data-tab].sh-tab-active{display:flex;flex-direction:column;flex:0 0 auto;margin-bottom:0}.sh-canvas-wrap{aspect-ratio:1 / 1!important;flex:0 0 auto;width:100%}.sh-eyepiece-panel{--eyepiece-room: auto}.sh-eyepiece-body{flex-direction:column}.sh-eyepiece-wrap{flex:0 0 auto;aspect-ratio:1 / 1;width:100%}.sh-eyepiece-clip{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1}.sh-slew-panel{padding:.25rem;flex-direction:row}.sh-dpad{grid-template-columns:repeat(4,2.25rem) 1.25rem 2.25rem;grid-template-rows:auto;gap:.2rem}.sh-slew-btn[data-slew=left]{grid-column:1;grid-row:1}.sh-slew-btn[data-slew=up]{grid-column:2;grid-row:1}.sh-slew-btn[data-slew=down]{grid-column:3;grid-row:1}.sh-slew-btn[data-slew=right]{grid-column:4;grid-row:1}.sh-slew-btn[data-slew=center]{grid-column:6;grid-row:1;opacity:.7}.sh-slew-hint,.sh-slew-stats{display:none}#shTabStrip .sh-tab-btn.sh-tab-active{background:#0891b2;color:#fff}#shPaperPanel>div:first-child,#shFinderPanel>div:first-child,#shEyepiecePanel>div:first-child{flex-wrap:nowrap}#shPaperPanel>div:first-child>span,#shFinderPanel>div:first-child>span,#shEyepiecePanel>div:first-child>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#shPaperPanel>div:first-child>span:first-child,#shFinderPanel>div:first-child>span:first-child,#shEyepiecePanel>div:first-child>span:first-child{flex:0 0 auto}#shPaperPanel>div:first-child>span:nth-child(2),#shFinderPanel>div:first-child>span:nth-child(2),#shEyepiecePanel>div:first-child>span:nth-child(2){flex:1 1 0}#shEyepiecePanel>div:first-child>span.ml-auto{display:none}}