.galaxy-dialog{width:min(1240px,96vw,112svh);max-width:96vw;max-height:96svh;padding:0;overflow:auto;text-align:left;background:#050914;border-radius:14px;overscroll-behavior:contain}.galaxy-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 24px 12px;position:sticky;top:0;z-index:4;background:#080e1b}.galaxy-header .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:5px}.galaxy-header h2{font:400 29px/1.2 'Playfair Display',Georgia,serif;margin:0}.galaxy-dialog .galaxy-header .close-button{position:static;width:40px;height:40px;margin:0;flex-shrink:0}.galaxy-instruction{margin:0;padding:0 24px 16px;font-size:14px;color:#c1c6d0;background:#080e1b}.galaxy-viewport{position:relative;--focus-x:50%;--focus-y:50%;--planet-color:#efc17c}.galaxy-map{position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:#030610;max-height:none}.galaxy-art{display:block;width:100%;height:100%;object-fit:contain;transform-origin:var(--focus-x) var(--focus-y);transform:scale(1);transition:transform 1000ms cubic-bezier(.2,.75,.18,1),filter 650ms;user-select:none;pointer-events:none}.planet-hotspots{position:absolute;inset:0}.planet-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;transform:translate(-50%,-50%);background:transparent;border:1px solid transparent;border-radius:50%;padding:0;box-shadow:none;transition:opacity 300ms,box-shadow 250ms,border-color 250ms;cursor:pointer}.planet-hotspot:before{content:'';position:absolute;inset:5%;border:1px solid transparent;border-radius:50%;transition:border-color 250ms,box-shadow 250ms}.planet-hotspot:hover,.planet-hotspot:focus-visible{border-color:var(--color);box-shadow:0 0 22px color-mix(in srgb,var(--color) 30%,transparent),inset 0 0 22px color-mix(in srgb,var(--color) 25%,transparent);outline:none}.planet-hotspot:hover:before,.planet-hotspot:focus-visible:before{border-color:color-mix(in srgb,var(--color) 60%,transparent)}.planet-hotspot:after{content:attr(data-label);position:absolute;bottom:-15px;left:50%;transform:translateX(-50%) translateY(5px);opacity:0;background:#080e1bf2;color:#fff1d8;border:1px solid #edbe7a50;border-radius:30px;font-size:14px;padding:6px 14px;white-space:nowrap;transition:opacity 200ms,transform 200ms;pointer-events:none}.planet-hotspot:hover:after,.planet-hotspot:focus-visible:after{opacity:1;transform:translateX(-50%) translateY(0)}.music-core{--x:50.8%;--y:47.3%;--size:14%;--color:#f7c174;aspect-ratio:.63;border-radius:45%}.music-core:before{border-radius:45%}.music-core:after{bottom:5%}.galaxy-viewport.is-travelling .galaxy-art{transform:scale(2.25);filter:brightness(.65)}.galaxy-viewport.is-result .galaxy-art{filter:brightness(.3) blur(2px)}.galaxy-viewport.is-travelling .planet-hotspot{opacity:0;pointer-events:none}.travel-ring{position:absolute;left:var(--focus-x);top:var(--focus-y);width:10%;aspect-ratio:1;border:2px solid var(--planet-color);border-radius:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none}.is-travelling .travel-ring{animation:travel-pulse 900ms ease-out both}.planet-result{position:absolute;left:50%;top:50%;width:min(470px,80%);transform:translate(-50%,-50%);text-align:center;background:#0b1524de;border:1px solid color-mix(in srgb,var(--planet-color) 55%,transparent);border-radius:14px;padding:29px 28px 26px;min-height:0;box-shadow:0 0 70px color-mix(in srgb,var(--planet-color) 12%,transparent);animation:planet-message 550ms ease-out both;backdrop-filter:blur(10px);z-index:3}.planet-result .eyebrow{font-size:11px;color:var(--planet-color);margin:0 0 10px}.planet-result h3{font:400 41px/1.2 'Playfair Display',Georgia,serif;margin:0;color:var(--planet-color)}.galaxy-dialog .planet-result #emotion-message{font:400 23px/1.6 'Playfair Display',Georgia,serif;margin:17px 0 23px}.planet-result .quiet-button{border-color:#edbe7a60;background:#edbe7a0e;padding:10px 18px;min-height:44px}.galaxy-dialog .surprise-foot{text-align:center;margin:0;padding:11px 18px 13px;font-size:12px;background:#080e1b;color:#b4b9c5}.planet-choices{display:none}.music-burst{position:absolute;inset:0;pointer-events:none}.music-burst span{position:absolute;left:50.8%;top:47.3%;height:5px;width:5px;background:#ffda95;border-radius:1px;box-shadow:0 0 10px #ffc765;animation:music-spark 1100ms cubic-bezier(.1,.5,.1,1) both;animation-delay:var(--delay)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes travel-pulse{0%{opacity:.85;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(9)}}@keyframes planet-message{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes music-spark{0%{transform:translate(0,0) scale(.3);opacity:1}75%{opacity:1}100%{transform:translate(var(--spark-x),var(--spark-y)) rotate(180deg) scale(.3);opacity:0}}
@media(max-width:760px){.galaxy-dialog{width:97vw;max-width:97vw;border-radius:12px}.galaxy-header{padding:17px 16px 10px;gap:10px}.galaxy-header .eyebrow{font-size:10px}.galaxy-header h2{font-size:24px}.galaxy-instruction{font-size:14px;line-height:1.55;padding:0 16px 16px}.galaxy-map{max-height:none;width:100%}.planet-hotspot:after{display:none}.planet-hotspot:focus-visible{outline:2px solid var(--color);outline-offset:2px}.planet-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 13px 14px}.planet-choices button{padding:8px 12px;min-height:42px;font-size:14px;background:#ffffff07;border:1px solid #ffffff24;border-radius:30px;color:#dbdfe6}.planet-choices button:hover,.planet-choices button:focus-visible{border-color:var(--color);color:var(--color)}.planet-result{position:relative;left:auto;top:auto;transform:none;width:calc(100% - 28px);margin:14px auto;padding:22px 20px;background:#0b1524;border-radius:12px;animation:reveal 450ms ease both}.planet-result h3{font-size:32px}.galaxy-dialog .planet-result #emotion-message{font-size:21px;line-height:1.6;margin:14px 0 21px}.galaxy-viewport.is-result .galaxy-art{filter:brightness(.7)}.galaxy-dialog .surprise-foot{font-size:12px}.travel-ring{border-width:1px}}
@media(prefers-reduced-motion:reduce){.galaxy-art{transition:none}.travel-ring,.music-burst{display:none}.planet-result{animation:none}}