*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;background:var(--starpl-map-bg);overflow:hidden;font-family:var(--starpl-font-map)}canvas{display:block;cursor:grab;touch-action:none}canvas.dragging{cursor:grabbing}.hint{position:fixed;bottom:20px;right:20px;color:var(--starpl-map-muted);font-size:var(--starpl-fs-map-base);pointer-events:none;text-align:right}.map-guide{position:fixed;left:50%;bottom:calc(57px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:380px;max-width:calc(100vw - 32px);padding:14px 18px;background:rgba(var(--starpl-map-cel-bg-rgb),.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--starpl-map-cel-line-rgb),.32);border-radius:var(--starpl-radius-3xl);color:rgb(var(--starpl-map-cel-cream-rgb));box-shadow:0 6px 24px rgba(var(--starpl-map-cel-shadow-rgb),.18);z-index:7;animation:mapGuideIn .4s ease-out}@keyframes mapGuideIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.map-guide-close{position:absolute;top:6px;right:10px;background:transparent;border:none;color:rgba(var(--starpl-map-cel-cream-rgb),.55);font-size:var(--starpl-fs-map-xl);cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.map-guide-close:hover{color:var(--starpl-map-cel-bright)}.map-guide-text{margin:0 16px 12px 0;font-size:var(--starpl-fs-map-md);line-height:1.6}.map-guide-actions{display:flex;gap:8px}.map-guide-btn{flex:1 1 0;padding:8px 10px;background:rgba(var(--starpl-control-border-rgb),.1);border:1px solid rgba(var(--starpl-map-cel-line-rgb),.3);border-radius:var(--starpl-radius-lg);color:rgb(var(--starpl-map-cel-cream-rgb));font-size:var(--starpl-fs-map-sm);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.map-guide-btn:hover{border-color:rgba(var(--starpl-map-cel-line-rgb),.55)}.map-guide-btn.primary{background:rgba(var(--starpl-accent-blue-rgb),.62);border-color:rgba(var(--starpl-accent-blue-rgb),.5);color:var(--starpl-map-text)}.map-guide-btn.primary:hover{background:rgba(var(--starpl-accent-blue-rgb),.78)}.map-guide-mobile-only{display:none}.guide-pill{display:inline-block;position:relative;width:36px;height:13px;margin:0 2px 0 5px;border-radius:var(--starpl-radius-pill);background:var(--starpl-notif-handle);box-shadow:0 1px 3px #00000059;vertical-align:middle}.guide-pill:before{content:"";position:absolute;left:50%;top:50%;width:17px;height:3px;transform:translate(-50%,-50%);border-radius:var(--starpl-radius-xs);background:rgba(var(--starpl-notif-line-rgb),.85)}.notif-guide{position:fixed;top:88px;left:34px;width:300px;max-width:calc(100vw - 56px);padding:13px 16px;background:rgba(var(--starpl-map-cel-bg-rgb),.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--starpl-map-cel-line-rgb),.32);border-radius:var(--starpl-radius-3xl);color:rgb(var(--starpl-map-cel-cream-rgb));box-shadow:0 6px 24px rgba(var(--starpl-map-cel-shadow-rgb),.18);z-index:7;animation:notifGuideIn .4s ease-out}@keyframes notifGuideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.notif-guide:before,.notif-guide:after{content:"";position:absolute;border-style:solid}.notif-guide:before{top:17px;left:-12px;border-width:12px 12px 12px 0;border-color:transparent rgba(var(--starpl-map-cel-line-rgb),.32) transparent transparent}.notif-guide:after{top:19px;left:-10px;border-width:10px 10px 10px 0;border-color:transparent rgba(var(--starpl-map-cel-bg-rgb),.88) transparent transparent}.notif-guide-close{position:absolute;top:6px;right:10px;background:transparent;border:none;color:rgba(var(--starpl-map-cel-cream-rgb),.55);font-size:var(--starpl-fs-map-xl);cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.notif-guide-close:hover{color:var(--starpl-map-cel-bright)}.notif-guide-text{margin:0 16px 0 0;font-size:var(--starpl-fs-map-md);line-height:1.6}.notif-guide-mobile{display:none}.topnav{position:fixed;top:20px;left:20px;z-index:100;display:flex;gap:6px;align-items:center;font-size:var(--starpl-fs-map-base)}.topnav-link{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);text-decoration:none;letter-spacing:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .1s}.topnav-link.primary{background:rgba(var(--starpl-accent-blue-rgb),.62);border-color:var(--starpl-accent-blue);color:var(--starpl-map-text-strong)}.topnav-btn{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-dim);font-family:inherit;font-size:var(--starpl-fs-map-lg);cursor:pointer;letter-spacing:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.topnav-view{color:var(--starpl-map-text)}.topnav-view-icon{stroke-width:1.5}.topnav-view-icon circle{fill:currentColor;stroke:none}.topnav-view.is-active{background:rgba(var(--starpl-map-friend-link-rgb),.34);border-color:rgba(var(--starpl-map-friend-link-rgb),.85);color:var(--starpl-map-text-strong)}.desktop-label,.search-toggle .desktop-symbol{display:none}.mobile-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1}.mobile-symbol{display:block;font-size:var(--starpl-fs-map-lg);line-height:16px}.mobile-icon{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-caption{display:block;font-size:var(--starpl-fs-map-2xs);line-height:9px;letter-spacing:0;opacity:.82;white-space:nowrap}.stat{position:fixed;bottom:20px;left:20px;color:var(--starpl-map-muted);font-size:var(--starpl-fs-map-sm);pointer-events:none;white-space:nowrap}.search{position:fixed;top:20px;left:50%;transform:translate(-50%);width:340px;max-width:calc(100vw - 40px);z-index:10;display:none}.search.visible{display:block}.search-input{width:100%;padding:10px 16px;background:rgba(var(--starpl-control-bg-rgb),.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--starpl-control-border-rgb),.2);border-radius:var(--starpl-radius-lg);color:var(--starpl-map-text-strong);font-size:var(--starpl-fs-map-md);outline:none;font-family:inherit;transition:border-color .2s}.search-input:focus{border-color:rgba(var(--starpl-control-border-rgb),.5)}.search-input::placeholder{color:var(--starpl-map-muted)}.search-results{margin-top:6px;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-lg);display:none;max-height:360px;overflow-y:auto}.search-item{padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid rgba(var(--starpl-control-border-rgb),.08)}.search-item:last-child{border-bottom:none}.search-dot{width:10px;height:10px;border-radius:var(--starpl-radius-circle);flex-shrink:0;box-shadow:0 0 8px currentColor}.search-info{flex:1;display:flex;flex-direction:column;gap:2px}.search-name{color:var(--starpl-map-text-active);font-size:var(--starpl-fs-map-md)}.search-cls{color:var(--starpl-map-text-muted);font-size:var(--starpl-fs-map-sm)}.search-item-resident .search-dot{box-shadow:0 0 8px currentColor,0 0 0 3px color-mix(in srgb,currentColor 30%,transparent)}.search-con-mark{width:12px;flex-shrink:0;text-align:center;color:var(--starpl-map-play-icon);font-size:var(--starpl-fs-map-base);line-height:1}.search-empty{padding:14px;color:var(--starpl-map-muted);font-size:var(--starpl-fs-map-base);text-align:center}