.universe-hub{width:min(870px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;border:2px solid #142f41;border-radius:26px;background:#f4f1e9;color:#142f41;box-sizing:border-box;overscroll-behavior:contain;box-shadow:10px 12px 0 #142f41;font-family:inherit}
.universe-hub::backdrop{background:#102738cc;backdrop-filter:blur(8px)}
.universe-hub-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.06em}
.universe-hub select{min-height:44px;font:inherit;font-size:14px;padding:8px;border:1px solid #142f41;border-radius:10px;background:#fff;color:inherit}
.universe-hub-copy{padding:20px 0 24px;position:relative}.universe-hub h2{font-size:clamp(26px,4vw,38px);line-height:1.3;margin:0 40px 12px 0;letter-spacing:-.04em}.universe-hub p{font-size:15px;line-height:1.7;margin:0}.hub-spark{position:absolute;right:2px;top:16px;color:#ef6b3b;font-size:48px}
.universe-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hub-world{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border:2px solid #142f41;border-radius:20px;text-align:left;color:inherit;font-family:inherit;background:#c9ef8a;cursor:pointer;transition:transform .2s,box-shadow .2s}.hub-world:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:5px 7px 0 #142f41}.hub-world:active{transform:scale(.98)}.hub-world:focus-visible,.universe-hub select:focus-visible,.hub-close:focus-visible{outline:3px solid #ef6b3b;outline-offset:4px}.hub-learn{background:#d9c8f5}.hub-world strong{font-size:26px;line-height:1.4}.hub-description{font-size:16px;line-height:1.7}.hub-world small{font-size:13px;line-height:1.6}.hub-tag{font-size:12px;font-weight:850;letter-spacing:.06em}.hub-go{display:inline-flex;background:#142f41;color:white;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:800;margin-top:auto;min-height:42px;align-items:center}.hub-planet-scene,.hub-history-scene{height:94px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:10px}.hub-planet{display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:2px solid #142f41;font-style:normal;font-weight:900;background:#ef6b3b}.hub-planet.small{width:39px;height:39px;background:radial-gradient(circle at 25% 30%,#ffcb83 0 9%,transparent 10%),#ef6b3b}.hub-planet.large{width:69px;height:69px;background:radial-gradient(circle at 22% 25%,#a499ca 0 12%,transparent 13%),radial-gradient(circle at 70% 70%,#a499ca 0 17%,transparent 18%),#f4f1e9}.hub-history-scene i{font-size:80px;font-style:normal;color:#ed6639;line-height:1}.hub-history-scene .hub-earth{color:#226c75;transform:rotate(-25deg)}.hub-history-scene b{font-size:28px}.hub-close{display:block;margin:20px auto 0;min-height:44px;padding:8px 20px;background:transparent;border:1px solid #142f41;border-radius:999px;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.hub-error:empty{display:none}.hub-error{padding-top:16px}
@media(max-width:600px){.universe-hub{padding:18px;box-shadow:4px 5px 0 #142f41}.universe-hub-grid{grid-template-columns:1fr;gap:14px}.hub-world{padding:18px;gap:8px}.hub-world strong{font-size:24px}.hub-planet-scene,.hub-history-scene{height:60px;margin-bottom:4px}.hub-planet.large{width:52px;height:52px}.hub-history-scene i{font-size:60px}.universe-hub-top{font-size:10px}.universe-hub-copy{padding:20px 0}.hub-spark{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hub-world{transition:none}.hub-world:hover,.hub-world:active{transform:none}}
html[data-motion="off"] .hub-world{transition:none}html[data-motion="off"] .hub-world:hover,html[data-motion="off"] .hub-world:active{transform:none}