.mini-sky{position:fixed;left:8px;top:8px;width:230px;z-index:12;background:#122b38;color:#f6f1e7;border:1px solid #c6ae7b;border-radius:5px;box-shadow:0 8px 24px #0007;max-width:calc(100vw - 16px)}
.mini-sky[hidden],.mini-sky-body[hidden]{display:none}
.mini-sky-header{display:flex;align-items:stretch;min-height:44px;border-bottom:1px solid #80929a;margin:0}
.mini-sky-header button{border:0;border-radius:0;box-shadow:none;background:transparent;color:#f4dfb4;min-height:44px;transform:none}
.mini-sky-handle{flex:1;text-align:left;font-weight:650;padding:8px 10px;cursor:grab;touch-action:none;user-select:none;min-width:0}
.mini-sky-toggle{flex:0 0 44px;font-size:1.35rem;padding:4px}
.mini-sky.is-dragging .mini-sky-handle{cursor:grabbing}
.mini-sky-header button:hover{background:#304b55}
.mini-sky-header button:focus-visible,.mini-sky-reset:focus-visible{outline:3px solid #f6cf85;outline-offset:-4px}
.mini-sky-body{padding:6px}
.mini-sky-surface{width:100%;aspect-ratio:1;position:relative;pointer-events:none}
.mini-sky-art{display:block;width:100%;height:100%;border-radius:50%}
.mini-sky-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mini-sky-svg .sector-hit{cursor:default}
.mini-sky-svg .sector-hit.selected{fill:transparent;stroke:transparent}
.mini-sky-svg .sector-hit.hint-sector{fill:#e4f5d44d;stroke:#e8f9d0;stroke-width:10;stroke-dasharray:13 7}
.mini-sky-svg .sector-label{font-size:37px;stroke-width:7}
.mini-sky-svg .time-label{font-size:25px}
.mini-sky-earth{position:absolute;inset:36%;border-radius:50%;background:#1a2a3c url('/assets/earth.webp') center/cover;box-shadow:0 0 0 3px #102431,2px 4px 8px #0008}
.mini-sky-reset{display:block;width:100%;font-size:.76rem;padding:6px;min-height:44px;background:#1b3644;border:1px solid #7d949b;color:#e0e8e9}
.mini-sky.is-minimized{width:180px}
.mini-sky.is-minimized .mini-sky-header{border-bottom:0}
@media(max-width:679px){.mini-sky{width:186px}.mini-sky-body{padding:4px}.mini-sky-handle{font-size:.82rem}.mini-sky-reset{font-size:.72rem}.mini-sky.is-minimized{width:156px}}
@media(max-height:500px){.mini-sky{width:180px}.mini-sky-body{padding:3px}}
@media(prefers-reduced-motion:reduce){.mini-sky *{animation:none!important;transition:none!important}}