.sky{--sky-gold:#ecd09a;--sky-teal:#8fd6c6;--sky-ink:#eef3ea}.sky-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin-bottom:12px;display:flex}.sky-find{flex:240px;max-width:340px}.sky-stats{color:var(--brand-muted);flex-wrap:wrap;gap:4px 26px;margin:0 0 16px;font-size:13.5px;line-height:1.7;display:flex}.sky-stats strong{color:var(--brand-dark);font-variant-numeric:tabular-nums;font-weight:700}.sky-stage{position:relative}.sky-frame{isolation:isolate;height:clamp(440px,76svh,820px);color:var(--sky-ink);background:radial-gradient(60% 46% at 28% 30%,#8fd6c61a,#0000 70%),radial-gradient(54% 44% at 74% 72%,#ecd09a1a,#0000 70%),radial-gradient(120% 90% at 50% 46%,#15293b 0%,#0a1622 48%,#04080e 100%);border:1px solid #ecd09a3d;border-radius:28px;position:relative;overflow:clip;box-shadow:0 34px 80px -42px #000000bf,inset 0 0 140px #0000008c}.sky-deep,.sky-deep:before,.sky-deep:after{pointer-events:none;position:absolute;inset:-14%}.sky-deep{z-index:-1;translate:var(--px,0) var(--py,0)}.sky-deep:before,.sky-deep:after{content:"";will-change:opacity;inset:0}.sky-deep:before{opacity:.55;background-image:radial-gradient(1.3px 1.3px at 12% 18%,#ffffffe6 50%,#0000 52%),radial-gradient(1px 1px at 64% 9%,#ffffffb3 50%,#0000 52%),radial-gradient(1px 1px at 38% 62%,#fff0d2cc 50%,#0000 52%),radial-gradient(1.4px 1.4px at 86% 48%,#d2f0ffcc 50%,#0000 52%),radial-gradient(.9px .9px at 22% 88%,#fff9 50%,#0000 52%),radial-gradient(1px 1px at 72% 82%,#ffffffb3 50%,#0000 52%);background-size:270px 270px;animation:6.5s ease-in-out infinite alternate sky-twinkle}.sky-deep:after{opacity:.35;background-image:radial-gradient(1px 1px at 8% 52%,#ffffffb3 50%,#0000 52%),radial-gradient(1.2px 1.2px at 46% 24%,#ffecc8cc 50%,#0000 52%),radial-gradient(.9px .9px at 92% 14%,#fff9 50%,#0000 52%),radial-gradient(1px 1px at 58% 70%,#c8ebffb3 50%,#0000 52%),radial-gradient(1.1px 1.1px at 30% 40%,#ffffff80 50%,#0000 52%);background-size:390px 390px;animation:9s ease-in-out -4s infinite alternate sky-twinkle}@keyframes sky-twinkle{0%{opacity:.2}to{opacity:.65}}.sky-map{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;position:absolute;inset:0}.sky-map.is-dragging{cursor:grabbing}.sky-heart{fill:url(#sky-core);pointer-events:none}.sky-thread{pointer-events:none;animation:1.2s 1.5s both sky-fade}.sky-thread line{stroke:#ecd09a33;stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .9s}.sky-thread line[data-lit]{stroke:#ffe9b8e6;stroke-width:1.6px}.sky-star{transition:transform 1.5s cubic-bezier(.65,0,.2,1);transition-delay:calc(var(--i) * 5ms)}.sky-star>a{--tone:var(--sky-gold);cursor:pointer;animation:.7s both sky-fade;animation-delay:calc(var(--i) * 11ms + .12s);outline:none}.sky-star[data-type=medine]>a{--tone:var(--sky-teal)}.sky-star__hit{fill:#0000;stroke:#0000}.sky-star__body{fill:var(--tone);fill-opacity:.12;stroke:var(--tone);stroke-opacity:.72;stroke-width:.55px;stroke-linejoin:round;animation:.7s cubic-bezier(.2,.9,.3,1.2) both sky-pop;animation-delay:calc(var(--i) * 11ms + .12s);transition:fill-opacity .9s,stroke-opacity .9s,scale .25s}.sky-star__core{fill:#fff;opacity:.35;pointer-events:none;transition:opacity .9s}.sky-star[data-read] .sky-star__body{fill-opacity:1;stroke-opacity:1}.sky-star[data-read] .sky-star__core{opacity:1}.sky-star__halo{fill:url(#sky-halo-mecque);pointer-events:none;animation:1.4s both sky-fade}.sky-star[data-type=medine] .sky-star__halo{fill:url(#sky-halo-medine)}.sky-star__orbit{fill:none;stroke:#ffffff29;stroke-width:.5px}.sky-star__arc{fill:none;stroke:#fff3d6;stroke-width:1.3px;stroke-linecap:round;animation:1.2s both sky-fade}.sky-star__arc--started{stroke:#fff3d65c}.sky-star[data-hafiz] .sky-star__arc{stroke:#fff;stroke-width:1.7px}.sky-star>a:hover .sky-star__body,.sky-star>a:focus-visible .sky-star__body{fill-opacity:.55;stroke-opacity:1;scale:1.18}.sky-star[data-read]>a:hover .sky-star__body,.sky-star[data-read]>a:focus-visible .sky-star__body{fill-opacity:1}.sky-star>a:focus-visible .sky-star__hit{stroke:#fff;stroke-width:2px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.sky-map text{text-anchor:middle;pointer-events:none;fill:#f4f1e5;paint-order:stroke;stroke:#04080ee6;stroke-width:calc(var(--u,1) * 3px);stroke-linejoin:round;font-family:Manrope,system-ui,sans-serif}.sky-star__num{font-size:calc(var(--u,1) * 9.5px);fill-opacity:.72;opacity:0;font-weight:600;transition:opacity .3s}.sky-star__name{font-size:calc(var(--u,1) * 11px);dominant-baseline:hanging;opacity:0;font-weight:600;transition:opacity .3s}.sky-map:is([data-zoom=mid],[data-zoom=near]) .sky-star__num,.sky-map[data-zoom=near] .sky-star__name{opacity:1}.sky-pick{pointer-events:none;transition:transform 1.5s cubic-bezier(.65,0,.2,1);transition-delay:calc(var(--i) * 5ms)}.sky-pick__ring{fill:none;stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.9;animation:.6s cubic-bezier(.2,.9,.3,1) both sky-ring}.sky-pick__name{font-size:calc(var(--u,1) * 13px);dominant-baseline:hanging;font-weight:700;animation:.3s both sky-fade}.sky-map[data-zoom=near] .sky-pick__name{display:none}@keyframes sky-fade{0%{opacity:0}}@keyframes sky-pop{0%{scale:.1}}@keyframes sky-ring{0%{opacity:0;scale:1.9}}.sky-zoom{gap:6px;display:grid;position:absolute;top:16px;right:16px}.sky-zoom button{width:44px;height:44px;color:var(--sky-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081018a8;border:1px solid #ecd09a47;border-radius:50%;place-items:center;font-size:22px;line-height:1;transition:background .2s,border-color .2s,opacity .3s;display:grid}.sky-zoom button:hover{background:#ecd09a2e;border-color:#ecd09a99}.sky-zoom button:focus-visible{outline-offset:2px;outline:2px solid #fff}.sky-zoom svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sky-frame[data-zoomed=false] .sky-zoom__reset{opacity:.35}.sky-hint{letter-spacing:.02em;color:#eef3ea8c;pointer-events:none;margin:0;font-size:11.5px;position:absolute;bottom:16px;right:20px}.sky-hint__touch{display:none}@media (hover:none){.sky-hint__mouse{display:none}.sky-hint__touch{display:inline}}.sky-card{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);width:min(340px,100% - 36px);color:var(--sky-ink);background:#070e16bd;border:1px solid #ecd09a42;border-radius:20px;grid-template-columns:78px minmax(0,1fr);gap:12px 14px;padding:16px;display:grid;position:absolute;bottom:18px;left:18px;box-shadow:0 20px 50px -24px #000c}.sky-card__seal{width:78px;height:78px;animation:.35s both sky-fade}.sky-card__seal .emblem{width:100%;height:100%;display:block}.sky-card__copy{min-width:0}.sky-card__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--sky-gold);margin:0;font-size:10.5px;font-weight:600}.sky-card h2{color:#fffaf0;margin:2px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:27px;font-weight:600;line-height:1.1}.sky-card__meaning,.sky-card__facts{color:#eef3eabd;margin:2px 0 0;font-size:12.5px}.sky-card__state{flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0;list-style:none;display:flex}.sky-card__state li{color:#eef3eab3;border:1px solid #eef3ea33;border-radius:20px;padding:3px 9px;font-size:11px}.sky-card__state li[data-on]{color:#ffe9b8;background:#ecd09a24;border-color:#ecd09a99}.sky-card__open{background:var(--sky-gold);color:#14251d;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:flex}.sky-card__open:hover{color:#14251d;background:#ffe9b8;transform:translateY(-1px)}.sky-card__open:focus-visible{outline-offset:2px;outline:2px solid #fff}.sky-card__empty{color:#eef3eac7;grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.7}.sky-legend{color:var(--brand-muted);flex-wrap:wrap;gap:8px 22px;margin:16px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.sky-legend li{align-items:center;gap:8px;display:inline-flex}.sky-legend i{border:1.5px solid #b08a45;border-radius:50%;width:12px;height:12px}.sky-legend i[data-k=medine]{border-color:#3f9d8a}.sky-legend i[data-k=lue]{background:#e2bd74;border-color:#c79d4f;box-shadow:0 0 0 3px #e2bd7447}.sky-legend i[data-k=anneau]{background:radial-gradient(circle,#0000 46%,#c79d4f 48% 62%,#0000 64%),radial-gradient(circle,#b08a45 0 22%,#0000 24%);border:0}@media (min-width:1360px){.sky-map{width:calc(100% + -1*clamp(0px,8%,110px));left:clamp(0px,8%,110px);overflow:visible}}@media (max-width:1359px){.sky-card{width:auto;margin-top:12px;position:static}}@media (max-width:720px){.sky-frame{border-radius:22px;height:min(66svh,560px)}.sky-zoom{grid-auto-flow:column;top:10px;right:12px}.sky-hint{text-align:center;left:0;right:0}.sky-find{max-width:none}}@media (prefers-reduced-motion:reduce){.sky-deep:before,.sky-deep:after,.sky-thread,.sky-star>a,.sky-star__body,.sky-star__halo,.sky-star__arc,.sky-pick__ring,.sky-pick__name,.sky-card__seal{animation:none}.sky-star,.sky-pick{transition:none}}@media print{.sky-zoom,.sky-hint{display:none}}.sky-hint{transition:opacity .3s}.sky-frame[data-zoomed=true] .sky-hint{opacity:0}@media (max-width:720px){.sky-hint{padding-inline:14px;font-size:10.5px;line-height:1.4}}