.star-card{position:fixed;width:210px;max-width:calc(100vw - 24px);background:var(--starpl-control-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--starpl-control-border-rgb),.2);border-radius:var(--starpl-radius-xl);padding:13px;color:var(--starpl-map-text-strong);opacity:0;transform:scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none;z-index:8}.star-card.active{opacity:1;transform:scale(1);pointer-events:auto}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:9px}.star-dot{width:11px;height:11px;border-radius:var(--starpl-radius-circle);flex-shrink:0;box-shadow:0 0 8px currentColor}.star-name{flex:1;font-size:var(--starpl-fs-map-base);font-weight:500;color:var(--starpl-text-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close{background:transparent;border:none;color:var(--starpl-map-text-muted);font-size:var(--starpl-fs-map-xl);cursor:pointer;padding:0 3px;line-height:1}.info-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(var(--starpl-control-border-rgb),.08);font-size:var(--starpl-fs-map-xs)}.info-row.is-hidden{display:none}.info-row:last-of-type{border-bottom:none}.info-label{color:var(--starpl-map-text-muted);flex:0 0 auto;white-space:nowrap}.info-value{color:var(--starpl-map-text);font-family:var(--starpl-font-mono);min-width:0;margin-left:8px;text-align:right}#cardResident{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:baseline;gap:2px 6px;line-height:1.25}#cardResident .card-resident-nickname,#cardResident .card-resident-starname{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star-card.my-star #cardResidentLabel{color:var(--starpl-map-text);font-weight:600}.star-card.my-star #cardResident .card-resident-nickname{font-weight:600}.visit-btn-row{display:flex;gap:5px;margin-top:9px}.visit-btn{flex:1 1 0;min-width:0;padding:8px 5px;background:linear-gradient(135deg,var(--starpl-map-grad-1),var(--starpl-map-grad-2));border:none;border-radius:var(--starpl-radius-md);color:#fff;font-size:var(--starpl-fs-map-xs);font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:linear-gradient(135deg,var(--starpl-map-grad-1),var(--starpl-map-grad-2))}.hop-btn-row{margin-top:5px}.hop-btn-row[hidden]{display:none}.hop-btn{background:rgba(var(--starpl-map-hop-link-rgb),.14);border:1px solid rgba(var(--starpl-map-hop-link-rgb),.45);color:var(--starpl-map-text-strong)}.hop-btn.is-active{background:rgba(var(--starpl-map-hop-link-rgb),.34);border-color:rgba(var(--starpl-map-hop-link-rgb),.85)}.hop-btn:disabled{opacity:.4;cursor:not-allowed;background:rgba(var(--starpl-map-hop-link-rgb),.14)}.minimap-wrap{position:fixed;top:20px;right:66px;display:flex;gap:8px;align-items:stretch;z-index:6}.minimap{width:200px;height:130px;background:var(--starpl-control-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-lg);padding:8px;position:relative}.minimap-title{position:absolute;top:6px;left:12px;color:var(--starpl-map-text-muted);font-size:var(--starpl-fs-map-xs);letter-spacing:.5px;pointer-events:none}.minimap-close{position:absolute;top:4px;right:6px;width:18px;height:18px;background:transparent;border:none;color:var(--starpl-map-text-muted);font-size:var(--starpl-fs-map-xl);cursor:pointer;line-height:1;padding:0;z-index:2}.minimap-canvas{width:100%;height:100%;display:block;cursor:pointer;border-radius:var(--starpl-radius-sm)}.minimap-toggle{position:fixed;top:20px;right:66px;width:var(--starpl-control-size);height:var(--starpl-control-size);padding:2px 1px;background:var(--starpl-control-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-lg);color:var(--starpl-map-text);cursor:pointer;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1px;z-index:6}.minimap-toggle.visible{display:flex}.minimap-toggle-icon{width:18px;height:18px;background:currentColor;-webkit-mask:url(/img/explore-1-color-map.svg) center / contain no-repeat;mask:url(/img/explore-1-color-map.svg) center / contain no-repeat}.minimap-toggle-label{font-size:var(--starpl-fs-map-2xs);line-height:9px;letter-spacing:0;opacity:.82;white-space:nowrap}.minimap-home{position:absolute;bottom:4px;left:6px;width:22px;height:22px;background:rgba(var(--starpl-control-bg-rgb),.7);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-sm);color:var(--starpl-map-text);font-size:var(--starpl-fs-map-md);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:2}.minimap-settings{position:absolute;bottom:4px;right:6px;width:22px;height:22px;background:rgba(var(--starpl-control-bg-rgb),.7);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-sm);color:var(--starpl-map-text);font-size:var(--starpl-fs-map-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:2}.view-sheet-item.is-nested{margin-left:18px;width:auto}.view-sheet-item.is-disabled{opacity:.42;cursor:default}.view-sheet-item.is-disabled:hover{background:rgba(var(--starpl-map-menu-rgb),.5)}.view-sheet-item.is-disabled input[type=checkbox]{cursor:default}.map-play-menu-toggle{width:var(--starpl-control-size);height:var(--starpl-control-size);background:var(--starpl-control-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-lg);color:var(--starpl-map-text);font-size:var(--starpl-fs-map-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:inherit;transition:background .1s,border-color .1s,color .1s,box-shadow .1s}.map-play-menu-toggle.playing{color:var(--starpl-map-text-strong);border-color:rgba(var(--starpl-map-resident-rgb),.55);box-shadow:0 0 14px rgba(var(--starpl-map-resident-rgb),.18)}.map-close-all{width:var(--starpl-control-size);height:var(--starpl-control-size);background:var(--starpl-control-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-lg);color:var(--starpl-map-text-soft);font-size:var(--starpl-fs-map-md);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:inherit;transition:background .1s,border-color .1s,color .1s}.map-close-all[hidden]{display:none}.map-close-all:active{background:rgba(var(--starpl-map-fill-active-rgb),.95)}.play-menu{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:16px}.play-menu[hidden]{display:none}.play-menu-backdrop{position:absolute;inset:0;background:rgba(var(--starpl-map-overlay-rgb),.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.play-menu-panel{position:relative;width:100%;max-width:300px;background:rgba(var(--starpl-control-bg-rgb),.96);border:1px solid rgb(var(--starpl-map-menu-rgb));border-radius:var(--starpl-radius-2xl);padding:14px;box-shadow:0 16px 48px rgba(var(--starpl-shadow-rgb),.5);display:flex;flex-direction:column;gap:8px}.play-menu-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 6px}.play-menu-title{font-size:var(--starpl-fs-map-md);font-weight:600;color:var(--starpl-map-text-strong);letter-spacing:.3px}.play-menu-close{background:transparent;border:none;color:var(--starpl-map-text-muted);font-size:var(--starpl-fs-map-2xl);line-height:1;cursor:pointer;padding:0 4px}.play-menu-close:hover{color:var(--starpl-map-text)}.play-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:rgba(var(--starpl-map-menu-rgb),.5);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-xl);color:var(--starpl-map-text-active);cursor:pointer;font-family:inherit;text-align:left;transition:background .12s,border-color .12s}.play-menu-item:active{background:rgba(var(--starpl-map-fill-active-rgb),.95)}.play-menu-icon{flex:0 0 auto;width:28px;text-align:center;font-size:var(--starpl-fs-map-lg);color:var(--starpl-map-play-icon)}.play-menu-text{display:flex;flex-direction:column;gap:2px;min-width:0}.play-menu-label{font-size:var(--starpl-fs-map-md);font-weight:500;color:var(--starpl-map-text-strong)}.play-menu-desc{font-size:var(--starpl-fs-map-sm);color:var(--starpl-map-text-soft)}.view-sheet{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:16px}.view-sheet[hidden]{display:none}.view-sheet.is-loading{opacity:.75;pointer-events:none}.view-sheet-backdrop{position:absolute;inset:0;background:rgba(var(--starpl-map-overlay-rgb),.22)}.view-sheet-panel{position:relative;width:100%;max-width:320px;background:rgba(var(--starpl-control-bg-rgb),.96);border:1px solid rgb(var(--starpl-map-menu-rgb));border-radius:var(--starpl-radius-2xl);padding:14px;box-shadow:0 16px 48px rgba(var(--starpl-shadow-rgb),.5);display:flex;flex-direction:column;gap:8px}.view-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 6px}.view-sheet-title{font-size:var(--starpl-fs-map-md);font-weight:600;color:var(--starpl-map-text-strong);letter-spacing:.3px}.view-sheet-close{background:transparent;border:none;color:var(--starpl-map-text-muted);font-size:var(--starpl-fs-map-2xl);line-height:1;cursor:pointer;padding:0 4px}.view-sheet-close:hover{color:var(--starpl-map-text)}.view-sheet-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:11px 12px;background:rgba(var(--starpl-map-menu-rgb),.5);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-xl);color:var(--starpl-map-text-active);cursor:pointer;transition:background .12s,border-color .12s}.view-sheet-item:hover{background:rgba(var(--starpl-map-fill-active-rgb),.75)}.view-sheet-item input[type=checkbox]{flex:0 0 auto;width:17px;height:17px;margin:2px 0 0;accent-color:rgb(var(--starpl-map-friend-link-rgb));cursor:pointer}.view-sheet-text{display:flex;flex-direction:column;gap:2px;min-width:0}.view-sheet-label{font-size:var(--starpl-fs-map-md);font-weight:500;color:var(--starpl-map-text-strong)}.view-sheet-desc{font-size:var(--starpl-fs-map-sm);color:var(--starpl-map-text-soft)}.view-sheet-foot{margin:4px 0 0;width:100%;padding:9px 12px;background:transparent;border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-xl);font:inherit;font-size:var(--starpl-fs-map-sm);color:var(--starpl-map-text-muted);cursor:pointer;transition:background .12s,color .12s}.view-sheet-foot:hover:not(:disabled){background:rgba(var(--starpl-map-menu-rgb),.5);color:var(--starpl-map-text)}.view-sheet-foot:disabled{opacity:.45;cursor:default}.view-empty-modal{position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:16px}.view-empty-modal[hidden]{display:none}.view-empty-backdrop{position:absolute;inset:0;background:rgba(var(--starpl-map-overlay-rgb),.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.view-empty-panel{position:relative;width:100%;max-width:320px;background:rgba(var(--starpl-control-bg-rgb),.96);border:1px solid rgb(var(--starpl-map-menu-rgb));border-radius:var(--starpl-radius-2xl);padding:14px;box-shadow:0 16px 48px rgba(var(--starpl-shadow-rgb),.5);display:flex;flex-direction:column;gap:10px}.view-empty-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 0}.view-empty-title{font-size:var(--starpl-fs-map-md);font-weight:600;color:var(--starpl-map-text-strong);letter-spacing:.3px}.view-empty-close{background:transparent;border:none;color:var(--starpl-map-text-muted);font-size:var(--starpl-fs-map-2xl);line-height:1;cursor:pointer;padding:0 4px}.view-empty-close:hover{color:var(--starpl-map-text)}.view-empty-text{margin:0;padding:0 4px;font-size:var(--starpl-fs-map-md);line-height:1.7;color:var(--starpl-map-text-soft)}.view-empty-ok{align-self:flex-end;padding:8px 14px;background:rgba(var(--starpl-map-friend-link-rgb),.18);border:1px solid rgba(var(--starpl-map-friend-link-rgb),.5);border-radius:var(--starpl-radius-xl);color:var(--starpl-map-text-strong);font-family:inherit;font-size:var(--starpl-fs-map-md);cursor:pointer;transition:background .12s}.view-empty-ok:hover{background:rgba(var(--starpl-map-friend-link-rgb),.28)}.post-play-ufo{position:fixed;left:50%;top:47%;width:42px;height:auto;z-index:7;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.92) rotate(-4deg);transform-origin:center center;filter:drop-shadow(0 2px 8px rgba(var(--starpl-map-play-glow-rgb),.45));transition:opacity .16s ease-out,transform .16s ease-out;will-change:transform,opacity}.post-play-ufo.active{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg);animation:post-play-ufo-flight 3.2s ease-in-out infinite}@keyframes post-play-ufo-flight{0%,to{transform:translate(-50%,-50%) scale(.98) rotate(-5deg);margin-top:2px;margin-left:-4px}45%{transform:translate(-50%,-50%) scale(1.12) rotate(-2deg);margin-top:-7px;margin-left:5px}70%{transform:translate(-50%,-50%) scale(1.04) rotate(-4deg);margin-top:-2px;margin-left:1px}}.map-tool-column{position:fixed;top:20px;right:20px;width:var(--starpl-control-size);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:6}.zoom-controls{position:static;width:var(--starpl-control-size);height:130px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--starpl-control-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-lg);padding:6px 4px}.zoom-btn{width:28px;height:22px;background:transparent;border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-sm);color:var(--starpl-map-text);font-size:var(--starpl-fs-map-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.zoom-slider{flex:1 1 auto;width:4px;background:rgba(var(--starpl-control-border-rgb),.15);border-radius:var(--starpl-radius-xs);position:relative;margin:4px 0;cursor:pointer;min-height:0}.zoom-slider-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,var(--starpl-map-grad-1),var(--starpl-map-grad-2));border-radius:var(--starpl-radius-xs);pointer-events:none}.zoom-slider-thumb{position:absolute;left:50%;width:12px;height:12px;background:var(--starpl-map-text);border-radius:var(--starpl-radius-circle);transform:translate(-50%,50%);pointer-events:none;box-shadow:0 0 4px rgba(var(--starpl-shadow-rgb),.3)}.zoom-value{color:var(--starpl-map-text);font-size:var(--starpl-fs-map-xs);font-family:ui-monospace,monospace;width:28px;text-align:center;padding:2px 0;background:rgba(var(--starpl-map-fill-rgb),.3);border-radius:var(--starpl-radius-xs)}.topnav-link:active{background:rgba(var(--starpl-accent-blue-rgb),.4);border-color:var(--starpl-accent-blue)}.topnav-link.primary:active{background:rgba(var(--starpl-accent-blue-rgb),.72)}.topnav-btn:active{background:rgba(var(--starpl-map-fill-rgb),.5)}.visit-btn:active:not(:disabled){transform:translateY(0);filter:brightness(1.15)}.zoom-btn:active{background:rgba(var(--starpl-map-fill-rgb),.5)}.minimap-toggle:active{background:rgba(var(--starpl-map-fill-active-rgb),.95)}.minimap-close:active{color:var(--starpl-map-text-active)}.minimap-home:active{background:rgba(var(--starpl-map-fill-active-rgb),.95);color:var(--starpl-map-text-active)}.map-play-menu-toggle:active{background:rgba(var(--starpl-map-fill-active-rgb),.95)}.search-item:active{background:rgba(var(--starpl-map-fill-rgb),.4)}.topnav-group{display:flex;gap:6px;align-items:center}.topnav-logout-form{display:inline;margin:0}.topnav-reset{display:none}.topnav-toggle{position:fixed;top:20px;left:20px;width:36px;height:36px;background:var(--starpl-control-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-lg);color:var(--starpl-map-text);font-size:var(--starpl-fs-map-2xl);cursor:pointer;display:none;align-items:center;justify-content:center;font-family:inherit;z-index:11;padding:0;line-height:1}.search-toggle{width:40px;height:40px;background:var(--starpl-control-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--starpl-control-border);border-radius:var(--starpl-radius-lg);color:var(--starpl-map-text);font-size:var(--starpl-fs-map-lg);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;padding:2px 1px;line-height:1}body:has(.search.visible) .search-toggle{display:none}