.galaxy-panel{position:relative;min-width:0;padding:20px;color:#dfeef1}
.galaxy-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0 8px}
.galaxy-panel button{min-height:40px;cursor:pointer}
.galaxy-toolbar button,.galaxy-dialog button{padding:9px 12px;background:#10252f;border:1px solid #416575;border-radius:5px;color:#ecf5f7}
.galaxy-toolbar form{display:flex;gap:8px;align-items:end;margin-left:auto;min-width:0}
.galaxy-toolbar label{display:grid;font-size:12px;gap:4px}
.galaxy-toolbar input{min-width:120px;width:210px;max-width:100%;padding:8px;color:#fff;background:#06121d;border:1px solid #50717b;border-radius:4px}
.galaxy-help{font-size:12px;color:#9cb5c2}
.galaxy-viewport{position:relative;height:clamp(440px,62vh,740px);overflow:hidden;border:1px solid #547a8d;border-radius:12px;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 25% 35%,#13384a88,transparent 48%),radial-gradient(ellipse at 80% 75%,#53335b55,transparent 48%),radial-gradient(circle at 14px 21px,#bddeed88 1px,transparent 1.5px) 0 0/83px 97px,radial-gradient(circle at 35px 71px,#fff9 1px,transparent 1.6px) 0 0/127px 139px,#030912}
.galaxy-viewport:active{cursor:grabbing}
.galaxy-plane{position:absolute;width:8100px;height:6750px;transform-origin:0 0;will-change:transform}
.galaxy-plane.is-distant .galaxy-world{transform:translate(-50%,-50%) scale(3)}
.galaxy-world{position:absolute!important;display:flex;flex-direction:column;align-items:center;gap:8px;width:154px;transform:translate(-50%,-50%);padding:7px!important;background:transparent!important;border:1px solid transparent!important;color:#e8f4fc;box-shadow:none!important;border-radius:12px!important;touch-action:none}
.galaxy-orb{display:block;width:76px;height:76px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset -20px -11px 22px #000c,inset 3px 2px 7px #e2fbff77,0 0 12px #4cbada66,0 0 2px #c4f0ff;flex-shrink:0}
.galaxy-world.is-home .galaxy-orb{box-shadow:inset -20px -11px 22px #000c,inset 3px 2px 7px #e2fbff77,0 0 0 3px #48d8d4,0 0 25px #36e6e455}
.galaxy-world.is-selected{border-color:#d9b472!important;background:#0b1b2abf!important}
.galaxy-world:focus-visible{outline:3px solid #f9dfa2;outline-offset:4px}
.world-label{display:grid;gap:2px;width:150px;padding:4px;background:#030c16cf;border-radius:5px;text-align:center;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.world-label strong{font-size:13px;color:#f6fbff}.world-label small{color:#80c8d9}
.is-npc .galaxy-orb{width:42px;height:42px}.is-npc .world-label{font-size:10px;width:125px}
.galaxy-star{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff5c0;box-shadow:0 0 9px #ffed99,0 0 36px #e3a14780;pointer-events:none}
.galaxy-moon{position:absolute;width:11px;height:11px;border-radius:50%;background:linear-gradient(110deg,#bac6c9,#17272f);pointer-events:none}
.is-overview .world-label{display:none}.is-overview .is-home .world-label,.is-overview .is-selected .world-label{display:grid}
.galaxy-overview-key{display:none;position:absolute;bottom:8px;left:8px;right:8px;margin:0;padding:10px;background:#06141ff0;border:1px solid #719aa3;border-radius:5px;font-size:13px;line-height:1.5;pointer-events:none}
.galaxy-viewport:has(.is-overview) .galaxy-overview-key{display:block}
.is-overview .is-home .galaxy-orb{outline:10px solid #48d8d4}.is-overview .is-selected .galaxy-orb{outline:10px solid #f5d28d}
.galaxy-dialog{position:absolute;right:30px;top:175px;width:min(430px,calc(100% - 60px));max-height:calc(100% - 195px);overflow:auto;padding:22px;background:#06141ff5;border:2px solid #b9d1d3;border-radius:12px;box-shadow:0 0 0 3px #132f3c,0 22px 60px #000b;z-index:12}
.galaxy-dialog>button[data-galaxy-close]{float:right;min-width:40px}.galaxy-dialog header{display:flex;gap:15px;align-items:center;clear:both}.detail-orb{width:68px;height:68px}.galaxy-dialog header p{margin:5px 0;font-size:12px;color:#aad0dc}.galaxy-dialog h3{margin:5px 0;font-size:23px;overflow-wrap:anywhere}
.galaxy-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0}.galaxy-tabs [aria-selected=true]{background:#1a4652;border-color:#6ed8da}.galaxy-dialog p{line-height:1.5;font-size:13px}.galaxy-dialog [role=status]{color:#e6ca8c;line-height:1.5;font-size:13px}
.galaxy-dialog fieldset{border:0;padding:0;min-width:0}.galaxy-unit{display:grid;gap:8px;margin:14px 0;font-size:13px}.galaxy-quantity{display:flex;gap:5px}.galaxy-quantity input{width:66px;min-width:0;padding:7px;background:#010a11;color:#fff;border:1px solid #6a929c;border-radius:4px}.galaxy-summary{border-top:1px solid #40616b;margin:15px 0;padding-top:15px}.galaxy-reason{padding:10px;border-left:3px solid #d4ab64;background:#2b211c}.galaxy-panel button:disabled{opacity:.5;cursor:not-allowed}.galaxy-loading{padding:24px}
@media(max-width:600px){.galaxy-panel{padding:10px}.galaxy-toolbar form{margin-left:0;width:100%}.galaxy-toolbar label{flex:1}.galaxy-toolbar input{width:100%}.galaxy-viewport{height:540px}.galaxy-dialog{top:220px;left:4px;right:4px;width:auto;max-height:590px;padding:16px}.galaxy-panel button{min-height:44px}.galaxy-tabs button{padding:8px}.galaxy-dialog header{gap:10px}}
@media(prefers-reduced-motion:reduce){.galaxy-plane,.galaxy-world{transition:none!important;scroll-behavior:auto!important}}