:root{--bg-deep: #07091c;--bg-mid: #0a0f2a;--bg-glow: #131a44;--fg: #f6f7fb;--fg-muted: #c1c8ee;--accent: #ffd24a;--touch-min: 96px;--caption-min-size: 24px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;background:var(--bg-deep);color:var(--fg);font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}body{background:radial-gradient(120% 80% at 15% 30%,var(--bg-glow) 0%,transparent 60%),radial-gradient(140% 100% at 85% 75%,#161342 0%,transparent 55%),var(--bg-mid)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#ffffff 50%,transparent 51%),radial-gradient(1px 1px at 28% 62%,#e8ecff 50%,transparent 51%),radial-gradient(1px 1px at 47% 12%,#ffffff 50%,transparent 51%),radial-gradient(1px 1px at 68% 38%,#d6def8 50%,transparent 51%),radial-gradient(1px 1px at 82% 70%,#ffffff 50%,transparent 51%),radial-gradient(1px 1px at 90% 22%,#e8ecff 50%,transparent 51%),radial-gradient(1px 1px at 35% 84%,#d6def8 50%,transparent 51%),radial-gradient(1px 1px at 58% 50%,#ffffff 50%,transparent 51%);opacity:.6}body:after{background-position:40% 25%;opacity:.35}#app{position:relative;width:100vw;height:100vh;height:100dvh}.screen{position:absolute;inset:0}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#07091cf5;z-index:50}.loading-card{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:32px}.loading-spinner{width:64px;height:64px;border-radius:50%;border:8px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin 1.1s linear infinite}.loading-text{margin:0;font-size:20px;color:var(--fg-muted)}.retry-button,.replay-button,.hud-button,.start-button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}.retry-button{padding:14px 28px;border-radius:999px;background:var(--accent);color:#1a1a1a;font-weight:700;font-size:18px;min-width:var(--touch-min);min-height:var(--touch-min)}#start-screen{display:flex;align-items:center;justify-content:center}.start-button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px;border-radius:32px;background:#ffffff0f;transition:transform .2s ease;min-width:var(--touch-min);min-height:var(--touch-min)}.start-button img{width:200px;height:200px;animation:float 2.4s ease-in-out infinite}.start-label{font-size:26px;font-weight:700;letter-spacing:.02em;color:var(--fg);text-shadow:0 2px 0 rgba(0,0,0,.35)}#activity-screen{display:flex;flex-direction:column}.scene{position:relative;flex:1 1 auto;width:100%;overflow:hidden}.sun{position:absolute;pointer-events:none;filter:drop-shadow(0 0 24px rgba(255,200,60,.55));animation:sun-pulse 3.2s ease-in-out infinite}.orbits{position:absolute;inset:0;pointer-events:none}.orbit-arc{fill:none;stroke:#b4c8ff2e;stroke-width:2;stroke-dasharray:4 8}.silhouettes{position:absolute;inset:0;pointer-events:auto}.silhouette{position:absolute;display:flex;align-items:center;justify-content:center;filter:grayscale(1) brightness(.85);opacity:.4}.silhouette img{width:100%;height:100%}.silhouette.is-pulse{animation:pulse 1.6s ease-in-out infinite}.planets-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.planet{position:absolute;top:0;left:0;min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;transition:transform var(--return-ms, .5s) cubic-bezier(.22,1,.36,1);will-change:transform;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.planet-art{pointer-events:none}.planet.is-lifted{transition:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55)) brightness(1.08)}.planet.is-selected{filter:drop-shadow(0 0 18px var(--accent)) brightness(1.12)}.planet.is-celebrating{animation:celebrate .9s ease-out}.planet.is-wiggle{animation:wiggle .7s ease-in-out infinite}.planet.is-orbiting{animation:orbit 4s linear}.caption{position:absolute;left:50%;bottom:calc(var(--touch-min) + 80px);transform:translate(-50%);max-width:90%;margin:0;padding:10px 18px;background:#07091cb3;border-radius:14px;font-size:var(--caption-min-size);font-weight:600;color:var(--fg);text-align:center;z-index:10}.dock{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));min-height:calc(var(--touch-min) + 24px);background:linear-gradient(180deg,transparent,rgba(7,9,28,.75));z-index:5;pointer-events:none}.dock-slot{pointer-events:none}.dock-slot{display:flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);position:relative}.dock-rest-mark{position:absolute;width:var(--touch-min);height:var(--touch-min);border-radius:50%;border:3px dashed rgba(255,255,255,.18);pointer-events:none}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;display:flex;gap:12px;z-index:12}.hud-button{width:var(--touch-min);height:var(--touch-min);border-radius:50%;background:#07091cb3;display:flex;align-items:center;justify-content:center}.hud-button img{width:48px;height:48px}.completion-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(60% 60% at 50% 50%,#07091c66,#07091cd9);z-index:20}.replay-button{width:calc(var(--touch-min) * 1.6);height:calc(var(--touch-min) * 1.6);border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.replay-button img{width:96px;height:96px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sun-pulse{0%,to{filter:drop-shadow(0 0 24px rgba(255,200,60,.55))}50%{filter:drop-shadow(0 0 40px rgba(255,220,100,.7))}}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.65}}@keyframes wiggle{0%,to{translate:0 0}25%{translate:-6px 0}75%{translate:6px 0}}@keyframes celebrate{0%{scale:1}40%{scale:1.18}to{scale:1}}@keyframes orbit{0%{offset-distance:0%}to{offset-distance:100%}}@media (prefers-reduced-motion: reduce){.planet.is-wiggle,.planet.is-orbiting,.planet.is-celebrating,.start-button img,.sun,.loading-spinner{animation:none!important}.planet.is-wiggle,.planet.is-orbiting,.planet.is-celebrating{animation:gentle-pulse 1.4s ease-in-out infinite!important}}@keyframes gentle-pulse{0%,to{opacity:.85}50%{opacity:1}}