.hero-art .astrolabe{position:absolute;z-index:0;width:min(53vw,740px);height:min(53vw,740px);left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #c8a65090;border-radius:50%;background:repeating-conic-gradient(from -2deg,#c8a65000 0deg 3deg,#c8a650a0 3deg 3.35deg,#c8a65000 3.35deg 8deg);mask:radial-gradient(circle at center,transparent 0 79%,#000 80% 81.5%,transparent 82%);filter:drop-shadow(0 0 7px #c8a65066)}
.astrolabe:before,.astrolabe:after{content:'';position:absolute;left:50%;top:50%;border:1px solid #c8a65070;border-radius:50%;transform:translate(-50%,-50%)}.astrolabe:before{width:88%;height:88%}.astrolabe:after{width:70%;height:70%;border-style:dotted;opacity:.75}.astrolabe span{position:absolute;z-index:1;color:#f0d78d;text-shadow:0 0 9px #c8a650a0;font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.2vw,32px)}.astro-north{top:2%;left:calc(50% - 10px)}.astro-east{right:3%;top:calc(50% - 16px)}.astro-south{bottom:2%;left:calc(50% - 10px)}.astro-west{left:3%;top:calc(50% - 16px)}.astro-center{left:calc(50% - 11px);top:calc(50% - 19px);font-size:24px!important}
.lunar-bar{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:0 4%;background:#10090b;border-bottom:1px solid #c8a65066;color:#d6c08c}.lunar-bar>span{font:10px 'Space Mono',monospace;letter-spacing:.13em}.lunar-bar>span:last-child{text-align:right}.lunar-bar>div{display:flex;align-items:center;gap:20px;font-family:'Cormorant Garamond',serif;font-size:31px;color:#e0c678}.lunar-bar b{font-weight:500}.lunar-bar i{font-style:normal;font:14px 'Space Mono',monospace;color:#9f2630}
.schedule:after{content:'☾';color:#d7bb731c;font-size:clamp(320px,44vw,660px);right:4%;top:2%}.schedule-sun{font-size:175px;text-shadow:0 0 32px #d7bb7355}.schedule-side:before{content:'☽  ◐  ●  ◑  ☾';display:block;position:absolute;top:34px;right:12%;font:25px 'Cormorant Garamond',serif;letter-spacing:9px;color:#dfc477;writing-mode:vertical-rl;opacity:.9}
.player-play:before{inset:-24px;background-size:100% 100%;filter:drop-shadow(0 0 4px #6d4c1c);mask:radial-gradient(circle at center,transparent 0 25px,#000 28px)}.player-play:hover:before{filter:drop-shadow(0 0 9px #6d4c1c)}.player-play:after{font-size:17px;color:#791b1b}
.hero-art:has(.record-wrap:hover) .astrolabe{filter:drop-shadow(0 0 13px #e1c36d)}
.hero-art .astrolabe{z-index:0;opacity:1;mask:none;background:repeating-conic-gradient(from -2deg,transparent 0deg 3deg,#c8a650a0 3deg 3.35deg,transparent 3.35deg 8deg);filter:drop-shadow(0 0 10px #c8a6508a)}.hero-art>.record-wrap{z-index:1}
.astrolabe:before{border-color:#e0c678a0}.astrolabe:after{border-color:#d8bb76}.astro-north,.astro-east,.astro-south,.astro-west{color:#f2dc9d!important;text-shadow:0 0 14px #e3c36f!important}
.astro-north{top:7%}
.player-play:before{inset:-26px}.player-play:after{font-size:20px;text-shadow:0 0 7px #c8a650}
@media(max-width:760px){.hero-art .astrolabe{width:112vw;height:112vw}.astrolabe span{font-size:22px}.lunar-bar{height:76px;padding:0 5%;gap:6px;grid-template-columns:1fr auto 1fr}.lunar-bar>span{font-size:7px;letter-spacing:.04em}.lunar-bar>div{gap:7px;font-size:23px}.lunar-bar i{font-size:10px}.schedule-side:before{top:10px;right:0;font-size:17px;letter-spacing:4px}.player-play:before{inset:-19px;mask:radial-gradient(circle at center,transparent 0 20px,#000 22px)}.player-play:after{font-size:13px}}
