.beginnings-layout{max-width:1000px;margin:var(--space-lg) auto;padding:0 var(--space-md)}.beginnings-layout [hidden]{display:none!important}.beginnings-intro{color:var(--color-lunar-dim);font-family:var(--font-accent);font-size:1.1rem;text-align:center;max-width:700px;margin:0 auto var(--space-lg)}.moon-hero{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--space-lg);align-items:center;margin-bottom:28px}.moon-canvas{display:block;width:100%;height:auto}.hero-text{display:grid;gap:14px;justify-items:start;min-width:0}.reveal h2,.hero-headline{font-family:var(--font-display);font-weight:400;font-size:2.4rem;line-height:1.1;margin:0;text-wrap:balance}.moon-name{font-family:var(--font-accent);color:var(--color-glow);font-size:1.35rem}.meta,.ended{color:var(--color-lunar-dim);font-size:.9rem;margin:0}.countdown{display:flex;gap:12px;font-variant-numeric:tabular-nums}.countdown div{display:grid;justify-items:center;min-width:3.2rem}.countdown b{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--color-lunar);font-weight:400}.countdown .countdown-tonight b{color:var(--color-rust)}.countdown span,.countdown-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-lunar-dim)}.countdown-label{margin:0 0 -6px}.reveal{display:grid;gap:12px;justify-items:start;border-left:3px solid var(--color-rust);padding:4px 0 4px 18px}.reveal-kicker{font-family:var(--font-accent);color:var(--color-glow);letter-spacing:.04em}.reveal h2{font-size:2.6rem}.reveal-offer{font-family:var(--font-display);font-size:3.2rem;line-height:1;color:var(--color-rust)}.reveal p{margin:0;max-width:46ch}.reveal-dates{font-family:var(--font-accent);font-size:1.1rem}.reveal-teaser{display:flex;gap:16px;align-items:center;justify-content:space-between;justify-self:stretch;margin-top:8px}.reveal-teaser-text{text-align:left}.reveal-teaser img{width:96px;height:auto;box-shadow:0 4px 16px #00000080}.reveal-teaser-kicker{font-family:var(--font-accent);color:var(--color-glow);letter-spacing:.04em}.reveal-teaser h3{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.1;margin:2px 0}.cycle{display:grid;gap:10px;justify-items:center;margin:-8px auto 28px;max-width:560px}.phases{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;width:100%}.phases:before{content:"";position:absolute;left:6%;right:6%;top:50%;border-top:1px dashed var(--color-rain)}.phase{position:relative;display:grid;justify-items:center}.phase canvas{width:100%;max-width:36px;height:auto;opacity:.35}.phase.now canvas{opacity:1;max-width:44px;filter:drop-shadow(0 0 8px rgba(212,128,78,.55))}.phase.full-next:after{content:"";position:absolute;bottom:-8px;width:4px;height:4px;border-radius:50%;background:var(--color-rust)}.cycle-caption{margin:0;font-size:.8rem;color:var(--color-lunar-dim);letter-spacing:.04em;font-family:var(--font-accent)}.generator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.generator-grid .glass{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.sentence{font-size:1.1rem;line-height:1.6;margin:0}.sentence-line{display:block}.sentence-line+.sentence-line{margin-top:10px}.blank{display:inline-flex;flex-direction:column;align-items:stretch;vertical-align:baseline;max-width:100%;margin:0 2px 10px}.blank-value{font-family:var(--font-accent);font-size:1.02rem;color:var(--color-lunar);border-bottom:1px solid var(--color-lunar-dim);padding:0 10px 1px;text-align:center;min-width:15ch}.blank-text{display:inline-block;text-align:left}.blank--end .blank-text:after{content:"."}.blank-label{font-family:var(--font-body);font-size:.62rem;letter-spacing:.1em;text-transform:lowercase;color:var(--color-lunar-dim);text-align:center;line-height:1.3;padding-top:2px}button.blank{background:none;border:0;padding:0;cursor:pointer;color:inherit}button.blank:hover .blank-value{border-bottom-color:var(--color-rust);color:var(--color-glow)}.blank.flash .blank-value{animation:ink .5s ease}.blank--name .blank-value{min-width:22ch}input.blank-value{width:22ch;max-width:100%;background:#c8cfe00f no-repeat right 4px center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%237a8099' d='M11.5 1.5l3 3L5 14H2v-3z'/%3E%3C/svg%3E");border:0;border-bottom:1px dashed var(--color-lunar-dim);border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding-right:20px;cursor:text}input.blank-value:hover,input.blank-value:focus{border-bottom-style:solid;border-bottom-color:var(--color-rust)}.name-field{display:inline-flex;align-items:flex-start;gap:4px;max-width:100%;vertical-align:baseline}.name-field .blank{min-width:0}.name-die{flex:none;width:22px;height:22px;margin-top:3px;padding:2px;background:none;border:0;border-radius:var(--radius-sm);color:var(--color-lunar-dim);cursor:pointer}.name-die svg{display:block;width:100%;height:100%}.name-die rect{fill:none;stroke:currentColor;stroke-width:1.2}.name-die circle{fill:currentColor}.name-die:hover,.name-die:focus-visible{color:var(--color-rust)}.glass--betrayer{background:linear-gradient(131deg,#14182499,#0a0c1473,#0a0c1440)}.glass--betrayer .section-title,.glass--betrayer .linked{color:var(--color-lunar)}.glass--betrayer .btn{background:var(--color-lunar);color:var(--color-shadow)}.glass--betrayer .btn:hover{background:#e2e7f2}.glass--betrayer .name-die:hover,.glass--betrayer .name-die:focus-visible{color:#e2e7f2}.glass--betrayer button.blank:hover .blank-value,.glass--betrayer input.blank-value:hover,.glass--betrayer input.blank-value:focus{border-bottom-color:var(--color-lunar);color:#e2e7f2}.card-foot{margin-top:auto;display:grid;gap:12px}.btn-row,.page-actions{display:flex;flex-wrap:wrap;gap:10px}.page-actions{justify-content:center;margin-top:24px}.hint{font-size:.8rem;color:var(--color-lunar-dim);margin:0}.linked{color:var(--color-rust);font-size:.8rem}.loading-message:empty{display:none}@keyframes ink{0%{color:var(--color-rust)}to{color:var(--color-lunar)}}@media(max-width:720px){.moon-hero,.generator-grid{grid-template-columns:minmax(0,1fr)}.moon-hero,.hero-text{justify-items:center;text-align:center}.moon-canvas{max-width:240px;margin:0 auto}.reveal{justify-items:center;border-left:0;border-top:3px solid var(--color-rust);padding:14px 0 0}.phases{gap:4px}.countdown{gap:8px}.countdown div{min-width:2.6rem}.countdown b{font-size:1.9rem}}@media(prefers-reduced-motion:reduce){.blank.flash .blank-value{animation:none}}
