/* The planet remains CSS geometry: no network assets, canvas loop or dependencies. */
.brand{font-size:20px;letter-spacing:1.2px}.brand-en{letter-spacing:2.5px}
.orbit-experience.hero-art{height:340px;transform:none;margin:0;max-width:100%;isolation:isolate}
.planet-stage{position:relative;height:290px;width:100%;touch-action:pan-y;user-select:none;cursor:grab;perspective:850px}
.planet-stage.dragging{cursor:grabbing}
.planet-depth{position:absolute;inset:0;pointer-events:none;transform:rotateX(var(--tilt,0deg)) rotateY(var(--turn,0deg));transform-style:preserve-3d;transition:transform .18s ease-out;animation:planet-breathe 6s ease-in-out infinite}
.planet-stage.dragging .planet-depth{transition:none}
.planet-depth .planet{width:178px;height:178px;top:49%;background:radial-gradient(circle at 27% 23%,#b5b6ef 0%,#7d80c9 18%,#4b5595 39%,#242e60 62%,#111932 82%);box-shadow:inset -20px -16px 30px #080d24,inset 2px 2px 6px #cacaff70}
.planet-depth .orbit{top:49%;width:91%;max-width:390px;height:126px;transform:translate(-50%,-50%) rotate(-24deg);border-color:#9ca7df50;border-bottom-color:#c2b8f5a6}
.planet-depth .orbit-inner{width:76%;max-width:310px;height:225px;border-color:#9ca7df24}
.planet-touch{position:absolute;width:174px;height:174px;left:50%;top:49%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;cursor:inherit;z-index:2;touch-action:pan-y}
.planet-touch:focus-visible{outline:3px solid #e0d8ff;outline-offset:9px}
.work-orbit{position:absolute;inset:0;pointer-events:none;z-index:3}
.work-star{position:absolute;left:50%;top:49%;display:flex;align-items:center;flex-direction:column;gap:2px;width:104px;padding:0;border:0;background:none;color:#ece6ff;pointer-events:auto;touch-action:pan-y;cursor:inherit;will-change:transform}
.work-star svg{width:38px;height:38px;padding:6px;overflow:visible;fill:#c8baf4;stroke:#f2e5ff;stroke-width:1;filter:drop-shadow(0 3px 5px #090e27)}
.work-star .star-name{font-size:11px;line-height:1.6;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#101831e8;padding:2px 7px;border:1px solid #a5a1d63b;border-radius:5px}
.work-star:hover svg,.work-star:focus-visible svg{fill:#eee3ff}
.work-star:focus-visible{outline:2px solid #e1d8ff;outline-offset:4px;border-radius:7px}
.orbit-hint{margin:3px 0 0;text-align:center;color:#b5bfdc;font-size:12px;letter-spacing:.4px}
.orbit-all{display:block;text-align:center;font-size:11px;color:#bbb6e6;margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.planet-ripple{position:absolute;width:180px;height:180px;left:50%;top:49%;border:1px solid #c6bcf2;border-radius:50%;transform:translate(-50%,-50%);opacity:0}
.orbit-spark{position:absolute;width:6px;height:6px;left:50%;top:49%;border-radius:50%;background:#d6ccfa;opacity:0}
.planet-stage.pulse .planet-ripple{animation:ring-out .85s ease-out}
.planet-stage.pulse .orbit-spark{animation:star-round .85s ease-out}

.orbit-preview{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:20px;background:#10192f;color:#f4f4ff;border:1px solid #8895be;border-radius:16px;box-shadow:0 24px 80px #0008}
.orbit-preview::backdrop{background:#040916b8}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.preview-heading h2{font-size:19px;letter-spacing:.5px}
.preview-close{min-width:44px;height:44px;border:1px solid #8895be55;border-radius:8px;background:#1a2642;color:#ebe6ff;font-size:26px}
.orbit-preview .work-card{display:flex;transform:none!important}.orbit-preview .card-entry{opacity:1}.orbit-preview .card-title-row h3{min-height:0}.orbit-preview .card-art{height:auto;aspect-ratio:16/9}
@keyframes planet-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes ring-out{0%{opacity:.6;scale:1}100%{opacity:0;scale:1.65}}
@keyframes star-round{0%{opacity:0;transform:rotate(-25deg) translateX(110px)}20%{opacity:1}100%{opacity:0;transform:rotate(335deg) translateX(110px)}}
@media(max-width:950px){.planet-depth .planet{width:150px;height:150px}.planet-touch{width:146px;height:146px}.brand{font-size:18px}}
@media(max-width:680px){.brand{font-size:16px;letter-spacing:.3px;gap:7px}.brand-mark{font-size:29px}.brand-en{font-size:7px;letter-spacing:2px}.header-link{font-size:11px;gap:8px}.orbit-experience.hero-art{height:310px;margin:15px 0 0}.planet-stage{height:264px}.orbit-hint{font-size:11px}.planet-depth .planet{width:155px;height:155px}.hero{padding-bottom:0}.work-star .star-name{font-size:10px}.work-star{width:96px}}
@media(max-width:360px){.brand{font-size:14px}.brand-mark{font-size:24px}.page-shell{padding-inline:17px}.header-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.planet-depth,.planet-stage.pulse .planet-ripple,.planet-stage.pulse .orbit-spark{animation:none!important}.planet-depth{transition:none;transform:none}.planet-stage.pulse .planet{outline:2px solid #c5b8f4;outline-offset:5px}}
@media(max-width:680px){.work-star{width:80px}.work-star .star-name{max-width:80px}}