.celestial-decoration{display:flex;align-items:center;gap:clamp(18px,3vw,36px);width:max-content;pointer-events:none}
.celestial-icon{position:relative;display:grid;place-items:center;flex:0 0 var(--sun-size);width:var(--sun-size);height:var(--sun-size);padding:0;border:0;border-radius:50%;background:none;color:inherit;box-shadow:none;cursor:default;isolation:isolate;pointer-events:auto}
button.celestial-icon:hover,button.celestial-icon:active{background:none;transform:none;box-shadow:none}
.celestial-icon:focus-visible{outline:1px solid #f7e4b7a8;outline-offset:10px}
.celestial-icon .sunday-sun{pointer-events:none}
.moon-art{position:absolute;inset:0;overflow:visible;pointer-events:none}
/* Alpha bounds: x43..285 / 320, y36..279 / 317. Match artwork, not PNG box. */
.moon-art img{position:absolute;width:132.23%;max-width:none;height:auto;left:-17.77%;top:-14.81%;filter:drop-shadow(0 0 9px #deeeff99)}
.moon-ambient{position:absolute;z-index:-2;inset:-250%;border-radius:50%;background:radial-gradient(circle,#e1f1ff75 0,#bcdcff42 21%,#8ab9e51f 42%,transparent 69%);filter:blur(18px);pointer-events:none;animation:moon-breathe 9s ease-in-out infinite}
.celestial-moon:not(.celestial-dim) .moon-art img{filter:drop-shadow(0 0 12px #e1f1ffd0) drop-shadow(0 0 28px #91bce66b)}
/* Grade only background artwork: controls, lettering and the sun keep their colors. */
body[data-moonlit-surface=menu] .landscape,body[data-moonlit-surface=records] .landscape{filter:saturate(.68) brightness(.82)}
body[data-moonlit-surface=menu] .landscape:after,body[data-moonlit-surface=records] .landscape:after{z-index:2;background:radial-gradient(ellipse at 78% 6%,#b9ddff3d,transparent 61%),linear-gradient(180deg,#648dc745,#071a3b84);backdrop-filter:saturate(.8)}
body[data-moonlit-surface=adventure] #world{filter:saturate(.72) brightness(.84)}
body[data-moonlit-surface=adventure] #menu:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 7%,#b8daff36,transparent 62%),linear-gradient(180deg,#608bd136,#0b204e55)}
body[data-moonlit-surface=adventure] #menu{isolation:isolate}
.celestial-dim .moon-art,.celestial-dim .sunday-emoji{opacity:.38;filter:none;animation:none}
.celestial-dim .moon-art img{filter:none}.celestial-dim .moon-ambient,.celestial-dim .sunday-rays,.celestial-dim .sunday-sun:before{display:none}
.celestial-sparkles{position:absolute;inset:0;pointer-events:none}.celestial-sparkles i{position:absolute;width:8px;height:8px;background:#fff1cb;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:celestial-spark 1.1s ease-out both}
.celestial-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px;background:#071a1bb8;backdrop-filter:blur(14px)}
.celestial-dialog{position:relative;width:min(680px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #e6cf9b8c;border-radius:30px;padding:clamp(34px,6vw,60px);color:#f8ecd5;background:radial-gradient(ellipse at 50% 0,#728b8555,transparent 60%),radial-gradient(ellipse at 100% 100%,#77355066,transparent 65%),linear-gradient(145deg,#183e35,#18272a 55%,#301d2d);box-shadow:0 32px 100px #0009,0 0 60px #d4dbf019,inset 0 0 0 6px #e1c99208;text-align:center}
.celestial-rim{position:absolute;inset:9px;pointer-events:none;border:1px solid #ebdba32e;border-radius:23px}
.celestial-close{position:absolute!important;right:8px;top:6px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;background:none!important;border:0!important;color:#efe4cfb3!important;box-shadow:none!important;font:20px/1 Georgia;z-index:3}
.celestial-close:focus-visible{outline:1px solid #e8cf98;outline-offset:-7px}
.celestial-states{display:grid;align-items:center;min-height:350px}.celestial-states>*{grid-area:1/1;margin:0;pointer-events:none}
.celestial-emoji{font-size:4.5rem;line-height:1.2;text-shadow:0 0 28px #e9c87b66}
.celestial-message{font-size:clamp(15px,2.4vw,20px);line-height:1.65;text-wrap:pretty}.celestial-message p{margin:0 0 1em}.celestial-message p:last-child{margin-bottom:0}.celestial-message strong{color:#f4d594}.celestial-message em{font-style:normal}
.celestial-final{font:700 clamp(27px,5vw,44px)/1.4 Georgia,serif;text-wrap:balance;color:#fff1cf;text-shadow:0 0 22px #ebd18f77,0 0 48px #bbab8133}
.shuffle-dialog{width:min(550px,100%);padding:36px}.shuffle-dialog p{font-size:clamp(17px,3vw,22px);line-height:1.7;margin:12px 0 0}.shuffle-ornament{font-size:32px;color:#f1d498}
.celestial-hidden *{animation-play-state:paused!important}
.gh-new{display:inline-block;margin-left:7px;padding:2px 5px;border:1px solid #e4d49477;border-radius:5px;font:700 9px/1.3 system-ui;letter-spacing:.1em;color:#f4dca4;vertical-align:middle}
.gh-preview-bar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:13000;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:95vw;padding:8px;border:1px solid #d4c09288;border-radius:14px;background:#14372ef2;box-shadow:0 6px 25px #0005}.gh-preview-bar button{font-size:12px;min-height:40px;padding:8px}
.gh-update-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.gh-update-calendar label{display:grid;gap:5px}.gh-update-calendar select,.gh-update-calendar input{max-width:100%;padding:9px;background:#1d4238;color:#fff1d5;border:1px solid #b5bc9488;border-radius:8px}
@keyframes celestial-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:.8}100%{opacity:0;transform:translate(-50%,-120%) scale(.2)}}
@keyframes moon-breathe{50%{opacity:.65;transform:scale(1.05)}}
@media(max-width:650px){.celestial-overlay{padding:14px}.celestial-dialog{max-height:calc(100dvh - 28px);padding:40px 25px}.celestial-states{min-height:390px}.celestial-dialog{border-radius:24px}.celestial-message{font-size:16px}}
@media(prefers-reduced-motion:reduce){.moon-ambient,.celestial-sparkles i{animation:none}.celestial-sparkles{display:none}}

.celestial-decoration[data-combined="true"] .celestial-sun:has(.sunday-wordplay){margin-right:calc(var(--sun-size)*.82)}

.celestial-dim .sunday-wordplay{opacity:.38}