:root{--night: #120c1c;--indigo: #1d1433;--dusk: #3d2458;--blush: #f3b8c8;--rose: #e8899a;--gold: #f0d78c;--cream: #fff6e8;--lilac: #c9b6f2;--mint: #9ee0c8;--safe-top: max(18px, env(safe-area-inset-top));--safe-bottom: max(22px, env(safe-area-inset-bottom));color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);color:var(--cream);font-family:Nunito,Avenir Next,system-ui,sans-serif;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#sky{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 12px) 24px var(--safe-bottom);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.screen.is-active{opacity:1;pointer-events:auto;transform:none}.greeting{margin:8px 12px 0;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;line-height:1.4;text-align:center;color:var(--lilac)}.title-block{margin-top:auto;text-align:center}.moon-mark{display:block;font-size:2.4rem;color:var(--gold);filter:drop-shadow(0 0 16px rgba(240,215,140,.55));animation:float 4.6s ease-in-out infinite}h1,h2{margin:.15em 0 0;font-family:Fraunces,Iowan Old Style,Palatino,Georgia,serif;font-weight:650;letter-spacing:-.03em}h1{font-size:clamp(3.1rem,14vw,4.4rem)}h2{font-size:clamp(1.8rem,8vw,2.4rem);text-align:center}.eyebrow,.help-note,.hud-label,.stats,.sky-head p{margin:.4rem 0 0;color:var(--blush)}.from{margin:.45rem 0 0;font-family:Fraunces,Iowan Old Style,Palatino,Georgia,serif;font-size:1.25rem;font-style:italic;font-weight:500;color:var(--gold);letter-spacing:.02em}.home-actions{width:min(360px,100%);margin-top:36px;display:flex;flex-direction:column;gap:12px}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{min-height:56px;border-radius:999px;padding:0 22px;font-weight:800;letter-spacing:.02em;transition:transform .15s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#fff1c4,var(--gold));color:#3a2410;box-shadow:0 10px 30px #f0d78c47}.btn-ghost{background:#fff6e814;border:1px solid rgba(255,246,232,.16)}.stats{margin-top:auto;margin-bottom:8px;font-size:.92rem}.back,.icon-btn{align-self:flex-start;min-height:44px;color:var(--lilac);font-weight:700}.icon-btn{align-self:auto;width:44px;border-radius:50%;background:#fff6e814;display:grid;place-items:center;padding:0}.icon-btn svg{width:18px;height:18px;display:block}.help-list{width:min(420px,100%);margin:28px 0 0;padding:0;list-style:none;display:grid;gap:14px}.help-list li{padding:14px 16px;border-radius:18px;background:#fff6e812;line-height:1.45}.help-list li:before{content:counter(item)}.help-list{counter-reset:item}.help-list li{counter-increment:item}.help-note{width:min(420px,100%);margin:18px 0 24px;line-height:1.45}#help-play{width:min(360px,100%);margin-top:auto}.hud{width:100%;display:grid;grid-template-columns:1fr auto 44px;align-items:start;gap:12px}.hud-label{margin:0;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hud-value,.timer{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.7rem}.hud-center{text-align:center}.combo{min-height:1.2em;margin:0;color:var(--gold);font-weight:800}.hud-stars{width:100%;margin:8px 0 6px;text-align:center;color:var(--gold);font-weight:800}#screen-play{padding-left:16px;padding-right:16px}#game{width:100%;flex:1;display:block;touch-action:none;border-radius:28px}.hint{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 28px);transform:translate(-50%);margin:0;color:var(--cream);opacity:.75;pointer-events:none;transition:opacity .4s ease}.hint.is-gone{opacity:0}.eyebrow{margin-top:18vh;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.results-score{margin:18px 0 0;font-family:Fraunces,Georgia,serif;font-size:2.4rem;color:var(--gold)}.results-meta{width:min(360px,100%);margin:22px 0 0;padding:0;list-style:none;display:grid;gap:8px;text-align:center;color:var(--blush)}#screen-results .home-actions{margin-top:auto}.sky-head{text-align:center;margin-top:4px}.star-bank{margin:12px 0 8px;padding:8px 16px;border-radius:999px;background:#f0d78c1f;color:var(--gold);font-weight:800}.sky-filters{display:flex;flex-wrap:wrap;gap:8px;width:min(440px,100%);margin-bottom:4px}.chip{flex:1;min-height:36px;border-radius:999px;font-size:.78rem;font-weight:800;background:#fff6e80f;color:var(--blush)}.chip.is-on{background:#f0d78c33;color:var(--gold)}.sky-scroll{width:min(440px,100%);flex:1;overflow:auto;display:grid;gap:10px;padding:8px 0 12px;-webkit-overflow-scrolling:touch}.constellation-card{cursor:pointer;display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:10px 10px 10px 8px;border-radius:22px;background:#fff6e80f;text-align:left}.constellation-card.is-formed{background:#f0d78c1a}.constellation-card .map{width:76px;height:76px;border-radius:18px;background:#120c1c73}.constellation-card svg{width:100%;height:100%;display:block}.constellation-card h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:650}.kind-tag{display:inline-block;margin:0 0 4px;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#c9b6f229;color:var(--lilac)}.kind-tag.is-pattern{background:#f0d78c24;color:var(--gold)}.constellation-card .aka{margin:2px 0 0;color:var(--blush);font-size:.88rem}.constellation-card .need{margin:4px 0 0;color:var(--gold);font-size:.82rem;font-weight:800}.constellation-card .row-actions{margin-top:8px}.btn-mini{min-height:38px;padding:0 14px;border-radius:999px;font-size:.86rem;font-weight:800;background:linear-gradient(180deg,#fff1c4,var(--gold));color:#3a2410}.btn-mini:disabled{opacity:.4;background:#fff6e81f;color:var(--cream)}.formed-tag{color:var(--mint);font-size:.86rem;font-weight:800}.wish{min-height:3.2em;margin:0 0 12px;text-align:center;color:var(--cream);line-height:1.45}.sky-play{width:min(360px,100%)}.empty-plot{text-align:center;color:var(--lilac);padding:28px 12px}.celebrate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:28px 20px;background:#120c1c9e}.celebrate[hidden]{display:none}.celebrate-card{width:min(360px,100%);padding:28px 22px 22px;border-radius:28px;background:linear-gradient(180deg,#24143af5,#120c1cf5);border:1px solid rgba(255,246,232,.14);text-align:center}.celebrate-card .eyebrow{margin-top:0}.celebrate-card p:not(.eyebrow){margin:12px 0 22px;color:var(--blush);line-height:1.5}.celebrate-card .btn{width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(min-width:720px){.screen{padding-left:48px;padding-right:48px}.sky-scroll{max-width:520px}}