.learning-universe{position:relative;min-width:0;isolation:isolate;color:#24305a;border:1px solid #e1e8ff;border-radius:32px;background:radial-gradient(ellipse at 50% 45%,#dde5ff,#edf2ff 43%,#f6f8ff 75%);box-shadow:inset 0 1px #fff,0 30px 80px -50px #6366f1}.universe-topline{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:16px 22px 0;font-size:12px;font-weight:600}.universe-topline>span{display:flex;align-items:center;gap:7px}.universe-topline button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffffb3;border:1px solid #cbd5ff}.universe-topline button:focus-visible,.universe-node a:focus-visible{outline:3px solid #2563eb;outline-offset:5px}.universe-perspective{perspective:900px}.universe-scene{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d}.universe-grid,.universe-orbit,.universe-connections,.universe-satellite{pointer-events:none}.universe-grid{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background-image:linear-gradient(#818cf821 1px,transparent 1px),linear-gradient(90deg,#818cf821 1px,transparent 1px);background-size:28px 28px;transform:rotateX(65deg) rotate(-25deg) translateZ(-60px);-webkit-mask-image:radial-gradient(ellipse,black 20%,transparent 70%);mask-image:radial-gradient(ellipse,black 20%,transparent 70%)}.universe-orbit{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:1px solid #818cf859;border-radius:50%;transform:rotateX(62deg) rotate(-28deg)}.universe-orbit-two{top:10%;right:10%;bottom:10%;left:10%;transform:rotateX(55deg) rotateY(-25deg) rotate(35deg);border-color:#a78bfa4d}.universe-orbit-one:after{content:"";position:absolute;width:12px;height:12px;top:12%;left:12%;border-radius:50%;background:#818cf8;box-shadow:0 0 20px #818cf8}.universe-connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:#8b93de;stroke-width:1.5;stroke-dasharray:4 8;animation:universe-connect 18s linear infinite}.universe-core{position:absolute;top:31%;left:32%;width:36%;display:flex;flex-direction:column;align-items:center;transform:translateZ(35px);text-align:center;pointer-events:none}.universe-sphere{display:grid;place-items:center;width:76%;aspect-ratio:1;color:#fff;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e0f2fe,#a5b4fc 15%,#7c79f3 40%,#4f46e5 66%,#312e81 95%);box-shadow:inset -8px -10px 20px #312e8180,inset 4px 4px 16px #ffffffb3,0 22px 30px -12px #6366f180;animation:universe-float 6s ease-in-out infinite}.universe-core>span{margin-top:20px;font-size:12px;letter-spacing:.04em;font-weight:700;color:#6366b3}.universe-core strong{margin-top:6px;font-size:14px;white-space:nowrap}.universe-node{position:absolute;width:36%;max-width:180px;transform-style:preserve-3d;animation:universe-card-float 7s ease-in-out infinite}.universe-node a{position:relative;display:flex;flex-direction:column;gap:9px;padding:17px 14px;border:1px solid #fff;border-radius:18px;background:#ffffffed;box-shadow:0 6px #d9e2f5,0 15px 28px -10px #6476aa40;transition:transform .25s,box-shadow .25s}.universe-node a:hover{transform:translateY(-6px) translateZ(12px);box-shadow:0 6px #c7d2fe,0 25px 30px -12px #6366f16b}.universe-node strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.universe-node-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#ede9fe;color:#7c3aed;box-shadow:inset 0 1px #fff,0 3px #ddd6fe}.universe-node-detail{font-size:12px;color:#64748b}.universe-node-arrow{position:absolute;top:16px;right:12px;color:#94a3b8}.universe-node-game{left:5%;top:4%}.universe-node-code{right:3%;top:23%;animation-delay:-2.5s}.universe-node-code .universe-node-icon{color:#2563eb;background:#dbeafe;box-shadow:inset 0 1px #fff,0 3px #bfdbfe}.universe-node-ai{left:9%;bottom:7%;animation-delay:-4s}.universe-node-ai .universe-node-icon{color:#059669;background:#d1fae5;box-shadow:inset 0 1px #fff,0 3px #a7f3d0}.universe-satellite{position:absolute;width:18px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#38bdf8 45%,#2563eb);box-shadow:0 8px 12px #6366f133;animation:universe-float 5s ease-in-out infinite}.universe-satellite-one{left:50%;top:9%}.universe-satellite-two{right:11%;bottom:20%;width:28px;background:radial-gradient(circle at 30% 25%,#fff,#c4b5fd 40%,#7c3aed);animation-delay:-2s}.universe-satellite-three{left:9%;top:51%;width:12px;animation-delay:-3s}.universe-note{position:absolute;right:4%;bottom:6%;font-size:12px;color:#6366b3;transform:rotate(-5deg) translateZ(20px)}.universe-note span{color:#8b5cf6}.universe-caption{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 16px 22px;color:#566185;font-size:12px}@keyframes universe-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes universe-card-float{0%,to{transform:translateY(0) translateZ(45px)}50%{transform:translateY(-9px) translateZ(45px)}}@keyframes universe-connect{to{stroke-dashoffset:-240}}.learning-universe[data-paused=true] *,.learning-universe:focus-within *{animation-play-state:paused}.dark .learning-universe{color:#e0e7ff;border-color:#334155;background:radial-gradient(ellipse at 50% 45%,#303769,#172139 70%);box-shadow:inset 0 1px #ffffff0d,0 30px 80px -50px #6366f1}.dark .universe-node a{border-color:#52618b;background:#24304a;box-shadow:0 6px #131e35,0 15px 28px -10px #0006}.dark .universe-topline button{background:#24304a;border-color:#52618b}.dark .universe-node-detail,.dark .universe-caption{color:#cbd5e1}.dark .universe-core>span,.dark .universe-note{color:#a5b4fc}@media (max-width: 380px){.universe-node a{padding:12px 9px;gap:7px}.universe-node-detail{display:none}.universe-node-icon{width:35px;height:35px}.universe-note{max-width:40%;bottom:8%;font-size:12px}.universe-topline{padding-inline:14px;font-size:12px}}@media (prefers-reduced-motion: reduce){.learning-universe *,.learning-universe *:after{animation:none!important;transition:none!important}}@media (max-width: 600px){.universe-node-detail,.universe-core>span{display:none}.universe-core strong{margin-top:16px;font-size:12px}.universe-note{max-width:42%}}