.hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 9%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 9%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-art img{-webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent)}.hero-art{--hero-float-distance: 12px;animation:hero-float 5s ease-in-out infinite;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 84%,transparent)}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--hero-float-distance)))}}@media(max-width:700px){.hero-art{--hero-float-distance: 8px}.hero-particles{-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent),linear-gradient(transparent,#000 9%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent),linear-gradient(transparent,#000 9%,#000 88%,transparent)}}.hero-stats,.hero-bottom{z-index:2}.space-stage{height:490px}.dialog-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dialog-fullscreen{width:38px;height:38px;border:1px solid #ffffff29;border-radius:50%;display:grid;place-items:center;color:#b4b6ae}.dialog-fullscreen:hover{color:var(--gold);border-color:var(--gold)}.explorer.is-fullscreen,.explorer:fullscreen{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:20px 30px;overflow:auto}.explorer.is-fullscreen .model-stage,.explorer:fullscreen .model-stage{height:calc(100dvh - 235px);min-height:240px}@media(max-width:700px){.dialog-fullscreen{width:32px;height:32px}.explorer.is-fullscreen,.explorer:fullscreen{padding:14px}.explorer.is-fullscreen .model-stage,.explorer:fullscreen .model-stage{height:calc(100dvh - 280px);min-height:200px}}.solar-stage{height:490px}.solar-progress{display:flex;justify-content:space-between;gap:14px;padding:12px 0;color:#c7ad83;font-size:11px;border-top:1px solid #ffffff15}.solar-progress span:last-child{color:#7c887e}.solar-terms{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:4px}.solar-term{font-size:10px;text-align:center;color:#777f79;transition:color .3s,background .3s;padding:5px 2px;border-radius:3px}.solar-term.active{color:#f0c479;background:#c7ad831c}.solar-term.major{color:#a8997a}.solar-term.active.major{color:#ff9b40}.solar-term[aria-current=true]{outline:1px solid #d9af6a}.flow-monitor,.direction-panel{border:1px solid #c7ad8330;border-radius:5px;padding:15px;margin-top:14px;background:#ffffff02}.flow-monitor h3,.direction-panel h3{font-size:13px;font-weight:400;color:#d4b785;margin:0}.flow-monitor-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}#flow-status{font-size:11px;color:#a6c6b0}.flow-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.flow-metrics p,.flow-rooms p{font-size:11px;color:#9aada4}.flow-metrics strong{display:block;font-size:22px;color:#e0d4bb;font-weight:400;margin-top:8px}.flow-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #ffffff15;padding-top:12px;margin-top:16px}.flow-rooms strong{margin-left:10px;color:#d4b785}.flow-rooms small{display:block;margin-top:6px;color:#777f78;font-size:9px}.direction-panel h3 small{font-size:10px;color:#89958a;margin-left:12px}.mountain-directions{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin-top:14px}.mountain-direction{font-size:12px;font-weight:600;text-align:center;padding:9px 3px;border:1px solid #c7ad8360;border-radius:3px;color:#ffe2a9;background:#c7ad830a}@media(max-width:700px){.mountain-directions{grid-template-columns:repeat(6,1fr)}.direction-panel h3 small{display:block;margin:8px 0 0}.flow-monitor,.direction-panel{padding:12px}.flow-rooms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px}.flow-rooms p{font-size:10px}}@media(max-width:700px){.space-stage,.solar-stage{height:340px}.solar-terms{grid-template-columns:repeat(6,1fr);gap:2px}.solar-term{font-size:9px}}
