/* Public website: quiet surfaces, clear content and restrained motion. */
:root{--bg:#0b0d11;--panel:#12151b;--text:#f1f1f3;--muted:#969ca9;--line:#ffffff12;--red:#ff5666;--ease:cubic-bezier(.22,1,.36,1);--ease-out:cubic-bezier(.2,.7,.2,1)}
.public-site{min-height:100dvh;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}button{transition:background .22s,border-color .22s,color .22s,box-shadow .25s,translate .35s var(--ease)}button:active:not(:disabled){translate:0 1px}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid #ff929c;outline-offset:5px}::selection{background:#ff566644;color:white}
.home{position:relative;min-height:100dvh;background:radial-gradient(ellipse at 73% 15%,#80505a12,transparent 47%),radial-gradient(ellipse at 15% 50%,#374c6a0a,transparent 50%)}
.home-container{max-width:1192px;margin:auto;padding:0 44px}.home-header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0a}.brand-link{display:flex;align-items:center;gap:23px;text-decoration:none}.brand-link img{width:155px;height:auto}.brand-link>span{font-size:.875rem;font-weight:450;color:#b4b8c2;border-left:1px solid #ffffff20;padding-left:23px;letter-spacing:2px}.header-note{display:flex;align-items:center;gap:18px;font-size:.75rem;letter-spacing:2.5px;color:#7c838f}.header-rule{width:36px;height:1px;background:#4e5560}
.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:64px 0 60px;align-items:center}.eyebrow{display:block;font-size:.75rem;font-weight:550;letter-spacing:2.1px;line-height:1.6;color:#9299a7}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;color:#c2a4aa}.accent-line{width:22px;height:2px;background:var(--red)}.hero-copy h1{font-size:clamp(2.4rem,4vw,3.7rem);font-weight:650;letter-spacing:-2px;line-height:1.28;margin:21px 0 21px}.hero-copy h1 span{color:#9fa5b1}.hero-description{font-size:.95rem;color:#a2a8b4;line-height:1.8}.explore-button{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:14px 23px;margin-top:30px;background:#f05a69;border:1px solid #ff7b8690;border-radius:13px;font-size:.95rem;font-weight:600;box-shadow:0 8px 30px #b4374820;min-width:170px}.explore-button>span:last-child{font-size:1.35rem;font-weight:400;transition:transform .3s var(--ease)}.explore-button:hover{background:#ff6878;box-shadow:0 12px 35px #f05a6933;translate:0 -2px}.explore-button:hover>span:last-child{transform:translate(3px,-3px)}.hero-meta{font-size:.75rem;color:#9298a5;margin-top:16px;font-variant-numeric:tabular-nums}
.featured-card{position:relative;isolation:isolate;width:100%;height:342px;padding:25px;text-align:left;border:1px solid #ffffff17;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#24232d,#181b24 65%,#1a202a);box-shadow:0 22px 60px #0003}.featured-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 48%,#ff87990a);z-index:-1}.featured-card>img{position:absolute;width:285px;height:285px;object-fit:contain;right:15px;top:25px;opacity:.4;transform:rotate(-14deg);transition:transform .65s var(--ease),opacity .5s;filter:sepia(.12)}.featured-card:hover{background:linear-gradient(135deg,#292832,#1b1e29 65%,#1d2430);border-color:#ffffff2e;translate:0 -4px;box-shadow:0 26px 64px #0005}.featured-card:hover>img{transform:rotate(-10deg) scale(1.05);opacity:.58}.featured-kicker{position:absolute;inset:23px 25px auto;display:flex;justify-content:space-between;font-size:.8rem;color:#d0c9d2;letter-spacing:.5px;z-index:1}.featured-type{font-size:.75rem;letter-spacing:2px;color:#9699a8}.featured-coordinates{position:absolute;left:25px;top:90px;line-height:2;font-size:.75rem;letter-spacing:2px;color:#a0a0b0}.featured-bottom{position:absolute;left:25px;right:25px;bottom:27px;display:flex;justify-content:space-between;align-items:flex-end;z-index:1}.featured-bottom small{display:block;font-size:.75rem;letter-spacing:2.4px;color:#aa9ca7;margin-bottom:6px}.featured-bottom strong{display:block;font-size:1.7rem;letter-spacing:.5px;font-weight:550}.featured-open{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;font-size:1.35rem;border:1px solid #ffffff22;background:#ffffff08}.featured-count{position:absolute;bottom:100px;left:25px;font-size:.75rem;padding:3px 9px;border:1px solid #e2a2ab25;border-radius:6px;background:#db9ead0b;color:#d0b9c4}
.map-library{padding:0 0 35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px;gap:20px}.section-heading .eyebrow{font-size:.75rem;color:#828997;margin-bottom:6px}.section-heading h2{font-size:1.2rem;font-weight:550;letter-spacing:.3px}.section-heading>p{font-size:.75rem;color:#888f9d}.home-maps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.map-card{min-width:0;position:relative;text-align:left;padding:12px 13px 15px;border-radius:14px;background:#14171d;border:1px solid #ffffff0b;overflow:hidden}.map-card:hover{background:#1c2029;border-color:#ffffff25;translate:0 -5px;box-shadow:0 12px 22px #0003}.map-card.has-points{background:linear-gradient(145deg,#242029,#17191f);border-color:#c578852c}.map-card img{display:block;height:83px;width:100%;object-fit:contain;opacity:.4;margin-bottom:14px;transition:opacity .4s,transform .45s var(--ease)}.map-card:hover img{opacity:.75;transform:scale(1.07)}.map-card.has-points img{opacity:.7}.map-card strong{font-size:.82rem;font-weight:500;display:block;white-space:nowrap;letter-spacing:.1px}.map-card small{font-size:.75rem;letter-spacing:1.1px;display:block;margin-top:1px;color:#7d8593;text-transform:uppercase}.map-card .card-count{font-size:.75rem;color:#939baa;display:block;margin-top:10px}.map-card.has-points .card-count{color:#dd9aa6}.home-footer{border-top:1px solid #ffffff0c;display:flex;justify-content:space-between;gap:20px;padding:23px 0 27px;color:#777f8d;font-size:.75rem}.footer-dot{padding:0 9px;color:#454d59}.upcoming{position:relative;text-align:right}.upcoming summary{cursor:pointer;list-style:none}.upcoming summary::-webkit-details-marker{display:none}.upcoming summary span{margin-left:8px}.upcoming-list{position:absolute;bottom:27px;right:0;padding:18px;width:255px;line-height:2.1;color:#a5adbb;background:#1b1f27;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0005}.home #load-error{padding:14px;border:1px solid #ff566630;background:#ff56660b;border-radius:10px;margin-bottom:15px;font-size:.875rem}
/* The map keeps a stable size while its guide changes. */
#map-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden;max-width:1920px;margin:auto}.viewer-nav{min-height:76px;padding:16px 30px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #ffffff09}.back-link{display:flex;align-items:center;gap:22px;text-decoration:none}.back-link>span{font-size:30px;color:#a5acb9;line-height:1;transition:translate .25s}.back-link:hover>span{translate:-3px 0;color:white}.back-link img{width:120px;height:auto;opacity:.9}.nav-divider{height:18px;width:1px;background:#ffffff1a}.viewer-nav h1{font-size:.9rem;font-weight:500;color:#c0c5ce;letter-spacing:1px}.nav-caption{margin-left:auto;font-size:.75rem;color:#858d9a}.nav-list-button{margin-left:12px;display:flex;gap:18px;align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;font-size:.8rem;padding:9px 14px}.nav-list-button span{font-size:1.1rem;line-height:1}.tabs-wrap{padding:14px 24px 0;flex-shrink:0}.map-tabs{position:relative;gap:4px;padding:5px;background:#14171d;border:1px solid #ffffff0a;border-radius:13px;width:fit-content;max-width:100%;scrollbar-width:none}.map-tabs::-webkit-scrollbar{display:none}.map-tabs button{position:relative;z-index:1;padding:9px 16px;white-space:nowrap;border-radius:9px;border:0!important;background:transparent!important;font-size:.82rem;color:#8d96a5;transition:color .25s}.map-tabs button:hover{color:#e2e5ec;background:#ffffff05!important}.map-tabs button.active{color:#ffd9df}.map-tabs button small{margin-left:8px;font-size:.75rem;color:inherit;opacity:.62}.tab-indicator{position:absolute;left:0;top:5px;height:calc(100% - 10px);width:0;border-radius:9px;pointer-events:none;background:linear-gradient(135deg,#55353e,#3b2c37);border:1px solid #bc7d8733;box-shadow:0 2px 7px #0002;transition:transform .4s var(--ease),width .4s var(--ease);will-change:transform}
.viewer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:16px;min-height:0;flex:1;padding:18px 24px 24px}.viewer-map-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:#101319;border:1px solid #ffffff0b;border-radius:20px;overflow:hidden}.map-stage-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 12px;gap:15px}.map-stage-heading .eyebrow{font-size:.75rem;letter-spacing:2.3px;color:#7c8797;margin-bottom:3px}.map-stage-heading h2{font-size:1.2rem;font-weight:550}.map-count-pill{font-size:.75rem;color:#b0b6c1;padding:4px 10px;border:1px solid #ffffff0e;border-radius:7px;background:#ffffff03}.viewer-map-column .map-surface{flex:1;background:radial-gradient(ellipse at 50% 45%,#1c23307a,transparent 68%),#101319;min-height:0}.viewer-map-column .map-world{transition:transform .18s var(--ease-out)}.viewer-map-column .map-surface.dragging .map-world{transition:none}.viewer-map-column .map-image{opacity:.8}.viewer-map-column .map-dot{width:26px;height:26px;border:2px solid #d8e5ffb0;background:#67a8e2;box-shadow:0 0 0 5px #416c9b16,0 0 20px #599de02b;transition:background .2s,box-shadow .2s}.viewer-map-column .map-dot.defense{background:#e77784;border-color:#ffd2d7b0;box-shadow:0 0 0 5px #d7708216,0 0 20px #d770822b}.viewer-map-column .map-dot.combined{background:#67a390;border-color:#c7edddaa;box-shadow:0 0 0 5px #60a58b16,0 0 20px #60a58b2b}.viewer-map-column .map-dot:hover,.viewer-map-column .map-dot.is-current{box-shadow:0 0 0 6px #fff2,0 0 26px #ffffff33}.viewer-map-column .map-dot::after{content:attr(aria-label);position:absolute;bottom:38px;left:50%;transform:translate(-50%,5px);opacity:0;pointer-events:none;font-size:.75rem;font-weight:400;line-height:1.6;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;border:1px solid #ffffff20;border-radius:8px;padding:6px 10px;background:#151b26f0;color:#ebedf2;transition:opacity .18s,transform .25s var(--ease)}.viewer-map-column .map-dot:hover::after,.viewer-map-column .map-dot:focus-visible::after{opacity:1;transform:translate(-50%,0)}.map-corner{position:absolute;width:21px;height:21px;border-color:#ffffff15;border-style:solid;pointer-events:none;z-index:1}.map-corner.top-left{top:12px;left:20px;border-width:1px 0 0 1px}.map-corner.bottom-right{bottom:22px;right:20px;border-width:0 1px 1px 0}.viewer-map-column .map-controls{right:18px;bottom:22px;background:#191e29cc;backdrop-filter:blur(12px);border:1px solid #ffffff18;border-radius:12px;padding:4px;box-shadow:0 5px 15px #0003}.viewer-map-column .map-controls button{font-size:20px;color:#c7cedb;width:36px;height:36px;border-radius:8px}.viewer-bottom{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff08;color:#848d9d;font-size:.75rem}.viewer-bottom .legend{font-size:.75rem;gap:15px}.viewer-bottom .legend i{width:7px;height:7px}.gesture-hint{color:#7c8595}.map-message{z-index:3;font-size:.875rem;text-align:center;max-width:90%;background:#131924df;border-radius:10px;padding:10px 15px}.map-message:empty{display:none}
.guide-panel{background:#14171d;border:1px solid #ffffff0c;border-radius:20px;overflow:hidden;min-width:0;min-height:0;position:relative}.overview{height:100%;display:flex;flex-direction:column}.panel-heading{padding:25px 22px 19px}.panel-heading .eyebrow{font-size:.75rem;color:#8b8597}.panel-heading h2{font-size:1.18rem;font-weight:550;margin:9px 0}.panel-heading p{font-size:.78rem;color:#969dad;line-height:1.8}.overview-list{padding:0 12px;overflow-y:auto;flex:1}.guide-item{display:flex;gap:12px;width:100%;align-items:center;text-align:left;padding:14px 11px;margin-bottom:4px;border:1px solid transparent;border-radius:12px;background:transparent}.guide-item:hover{background:#ffffff05;border-color:#ffffff0d;translate:2px 0}.guide-index{font-size:.75rem;min-width:21px;align-self:flex-start;padding-top:4px;color:#788191;font-variant-numeric:tabular-nums}.guide-item strong{display:block;font-size:.86rem;font-weight:500;color:#dce0e8}.guide-item small{display:block;font-size:.75rem;line-height:1.6;margin-top:4px;color:#858f9e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-item>span:last-child{margin-left:auto;color:#676f7e;font-size:1.2rem}.panel-footnote{padding:17px 23px;margin-top:10px;border-top:1px solid #ffffff09;font-size:.75rem;color:#858d9e;display:flex;gap:9px;align-items:center}.panel-footnote>span{color:#b7a0ad;font-size:1rem}
#detail{height:100%;display:flex;flex-direction:column;min-height:0}.detail-head{padding:25px 22px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-head .eyebrow{font-size:.75rem;color:#b296a3;margin-bottom:10px}.detail-head h2{font-size:1.35rem;font-weight:550;line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere}.icon-close{border-radius:50%;width:34px;height:34px;border:1px solid #ffffff0c;background:#ffffff04;font-size:22px;line-height:28px;padding:0;flex-shrink:0;color:#a6adba}.icon-close:hover{background:#ffffff0d;color:white}.detail-head .badge{font-size:.75rem;padding:3px 9px;border-radius:6px}.detail-head .badge.defense{background:#c361761a;color:#e8a1af;border:1px solid #c3617620}.detail-head .badge.attack{background:#4c8fca1a;color:#95c0e3;border:1px solid #4c8fca20}.detail-head .badge.crouch{background:#b79b5714;color:#d6bc83;border:1px solid #b79b571c}.detail-body{overflow-y:auto;flex:1;padding:0 22px 22px}.instruction-heading{display:flex;align-items:center;gap:9px;padding:16px 0 12px;border-top:1px solid #ffffff0b}.step-number{font-size:.75rem;letter-spacing:1px;color:#878094}.instruction-heading h3{font-size:.8rem;font-weight:500;color:#c1c6d1}.image-hint{margin-left:auto;font-size:.75rem;color:#7f8797}.detail-body>p{font-size:.875rem;line-height:1.95;color:#aab2c1;white-space:pre-wrap;margin-bottom:24px}.detail-body figure{margin:0 0 16px}.detail-body figure button{padding:0;border:1px solid #ffffff0b;border-radius:11px;overflow:hidden;display:block;background:#0c1016;width:100%;cursor:zoom-in;position:relative}.detail-body figure button::after{content:'↗';position:absolute;bottom:8px;right:8px;border-radius:6px;width:25px;height:25px;background:#11151cbb;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .3s}.detail-body figure button:hover::after{opacity:1;transform:none}.detail-body img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;transition:transform .55s var(--ease)}.detail-body figure button:hover img{transform:scale(1.025)}.detail-body figcaption{display:flex;align-items:center;justify-content:space-between;color:#858f9f;font-size:.75rem;margin-top:7px}.image-failure{font-size:.75rem;color:#e9a1ab}
dialog{border:1px solid #ffffff19;background:#171c25;border-radius:20px;box-shadow:0 28px 120px #0008}.dialog-head{padding:23px;border-bottom:1px solid #ffffff0c}.dialog-head .eyebrow{font-size:.75rem;margin-bottom:6px}.dialog-head h2{font-size:1.1rem;font-weight:550}dialog::backdrop{background:#080b12b3;backdrop-filter:blur(7px);animation:backdrop-in .25s ease both}#point-picker{max-width:560px}.picker-item{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:15px;border:1px solid #ffffff0a;border-radius:12px;background:#ffffff02;margin-bottom:9px}.picker-item:hover{background:#ffffff07;border-color:#ffffff17}.picker-item strong{display:block;font-weight:500;font-size:.9rem}.picker-item small{display:block;font-size:.78rem;color:#939daf;line-height:1.75;margin-top:5px}.picker-item .guide-index{align-self:flex-start;padding-top:4px}.empty{padding:28px 15px;font-size:.875rem;color:#9099a9;line-height:1.9}.lightbox{position:fixed;width:min(1280px,94vw);max-width:94vw;padding:12px;background:#10141bf5;overflow:hidden;max-height:94dvh}.lightbox img{width:100%;max-height:78dvh;aspect-ratio:16/9;object-fit:contain;border-radius:10px;display:block;background:#080a0f}.gallery-toolbar{padding:10px 6px 3px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a5aebb;font-size:.8rem}.gallery-buttons{display:flex;gap:8px}.gallery-buttons button{border:1px solid #ffffff14;border-radius:8px;background:#ffffff05;font-size:.85rem;padding:5px 12px}.lightbox-close{right:22px;top:22px;z-index:2;backdrop-filter:blur(10px);border:1px solid #ffffff22;border-radius:9px;font-size:.8rem}.detail-backdrop{display:none}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.viewer-workspace{grid-template-columns:minmax(0,1fr) 395px}.guide-item{padding:17px 12px}.home-container{padding-top:10px}.home-hero{padding:76px 0 66px}.featured-card{height:365px}.featured-card>img{width:315px;height:315px}.map-card img{height:95px}}
@media(max-width:1100px){.home-container{padding:0 30px}.home-hero{gap:40px;padding:50px 0}.featured-card{height:310px}.featured-card>img{width:240px;height:260px;right:-5px}.home-maps{gap:8px}.map-card{padding:10px}.map-card img{height:70px}.map-card strong{font-size:.75rem}.viewer-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:12px;padding:14px 16px 16px}.tabs-wrap{padding:12px 16px 0}.viewer-nav{padding:14px 20px;gap:16px}.map-tabs button{padding:9px 13px}.panel-heading,.detail-head{padding:22px 18px 17px}.detail-body{padding:0 18px 20px}.gesture-hint{display:none}.map-stage-heading{padding:18px 18px 10px}.viewer-bottom{padding:13px 18px}}
@media(max-width:820px){.home-header{height:85px}.home-hero{gap:25px}.hero-copy h1{font-size:2.8rem}.hero-description{font-size:.85rem}.featured-card{height:310px}.home-maps{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.map-card img{height:80px}.map-card strong{font-size:.86rem}.nav-caption{display:none}.nav-list-button{margin-left:auto}.viewer-workspace{grid-template-columns:minmax(0,1fr) 290px}.map-tabs button{padding:9px 12px}.guide-item{gap:8px;padding:12px 8px}.guide-index{min-width:18px}.detail-head h2{font-size:1.15rem}.detail-head .eyebrow{margin-bottom:6px}.image-hint{display:none}}
@media(max-width:640px){.home-container{padding:0 22px}.home-header{height:78px}.brand-link{gap:14px}.brand-link img{width:122px}.brand-link>span{font-size:.75rem;padding-left:14px;letter-spacing:1px}.header-note{display:none}.home-hero{grid-template-columns:1fr;padding:36px 0 33px;gap:29px}.hero-copy h1{font-size:2.65rem;letter-spacing:-1.5px;margin:17px 0 17px;line-height:1.27}.hero-copy>.eyebrow{font-size:.75rem}.hero-description{font-size:.85rem}.explore-button{padding:12px 20px;min-width:157px;margin-top:24px;font-size:.875rem;border-radius:11px}.hero-meta{font-size:.75rem;margin-top:13px}.featured-card{height:218px;padding:20px;border-radius:18px}.featured-card>img{width:220px;height:220px;right:10px;top:2px;opacity:.4}.featured-kicker{inset:18px 20px auto;font-size:.75rem}.featured-type{font-size:.75rem}.featured-coordinates{top:62px;left:20px;font-size:.75rem}.featured-bottom{left:20px;right:20px;bottom:20px}.featured-bottom strong{font-size:1.35rem}.featured-bottom small{font-size:.75rem}.featured-count{left:auto;right:18px;bottom:76px;font-size:.75rem}.featured-open{width:33px;height:33px}.section-heading{margin-bottom:17px;gap:12px}.section-heading h2{font-size:1.08rem}.section-heading>p{font-size:.75rem;max-width:115px;text-align:right}.section-heading .eyebrow{font-size:.75rem}.home-maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.map-card{display:grid;grid-template-columns:1fr 55px;grid-template-rows:auto auto auto;padding:14px;align-content:center;min-height:109px;border-radius:12px}.map-card img{grid-column:2;grid-row:1 / span 3;width:60px;height:73px;margin:0;align-self:center;opacity:.38}.map-card strong{grid-column:1;grid-row:1;font-size:.8rem}.map-card small{grid-column:1;grid-row:2;font-size:.75rem;letter-spacing:.8px}.map-card .card-count{grid-column:1;grid-row:3;font-size:.75rem;margin-top:8px}.map-library{padding-bottom:26px}.home-footer{padding:20px 0;font-size:.75rem;gap:10px}.upcoming-list{font-size:.75rem}.viewer-nav{min-height:62px;padding:12px 17px;gap:13px}.back-link{gap:13px}.back-link img{width:96px}.viewer-nav h1{font-size:.78rem;letter-spacing:0}.nav-list-button{padding:7px 9px;font-size:.75rem;gap:9px}.nav-divider{height:14px}.tabs-wrap{padding:10px 12px 0}.map-tabs{width:100%;border-radius:11px}.map-tabs button{padding:8px 12px;font-size:.78rem}.map-tabs button small{font-size:.75rem}.tab-indicator{border-radius:7px}.viewer-workspace{display:flex;padding:12px;gap:0}.viewer-map-column{width:100%;flex:1;border-radius:17px}.map-stage-heading{padding:17px 17px 9px}.map-stage-heading h2{font-size:1.1rem}.map-stage-heading .eyebrow{font-size:.75rem}.map-count-pill{font-size:.75rem;padding:3px 8px}.viewer-bottom{padding:14px 15px}.viewer-bottom .legend{font-size:.75rem;gap:13px}.viewer-map-column .map-controls{right:12px;bottom:15px;padding:3px}.viewer-map-column .map-controls button{width:35px;height:35px}.map-corner.top-left{left:13px;top:10px}.map-corner.bottom-right{right:13px;bottom:15px}.guide-panel{display:none;position:fixed;z-index:31;left:8px;right:8px;bottom:0;height:82dvh;max-height:calc(100dvh - 30px);border-radius:23px 23px 0 0;border:1px solid #ffffff19;background:#171c24;box-shadow:0 -20px 80px #0006;padding-bottom:env(safe-area-inset-bottom)}body.detail-open .guide-panel{display:block}.guide-panel::before{content:'';position:absolute;top:8px;left:calc(50% - 17px);width:34px;height:3px;border-radius:2px;background:#ffffff25}.detail-head{padding:28px 21px 18px}.detail-head h2{font-size:1.3rem;margin-bottom:10px}.detail-head .eyebrow{font-size:.75rem}.detail-body{padding:0 21px 28px}.detail-body>p{font-size:.9rem}.detail-head .badge{font-size:.75rem}.instruction-heading h3{font-size:.85rem}.image-hint{display:block;font-size:.75rem}.detail-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:30;border:0;border-radius:0;background:#070a11b3;backdrop-filter:blur(4px);width:100%;height:100%;padding:0}.detail-backdrop:active{translate:none}.lightbox{padding:7px;border-radius:15px;max-width:96vw;width:96vw}.lightbox img{max-height:77dvh;border-radius:9px}.lightbox-close{right:15px;top:15px;font-size:.75rem;padding:5px 9px}.gallery-toolbar{font-size:.75rem;padding:10px 4px 4px}.gallery-buttons{gap:5px}.gallery-buttons button{font-size:.75rem;padding:6px 9px}.dialog-head{padding:20px}.picker-item{padding:12px}.picker-item strong{font-size:.875rem}.picker-item small{font-size:.75rem}.map-message{font-size:.8rem;width:80%}}
@media(max-width:360px){.home-container{padding:0 16px}.hero-copy h1{font-size:2.35rem}.map-card{grid-template-columns:1fr 43px;padding:12px}.map-card img{width:46px}.back-link img{width:80px}.viewer-nav{gap:10px;padding:12px}.nav-list-button{gap:5px}}
.public-site .map-card strong,.public-site .map-tabs button,.public-site .guide-item strong{font-size:.875rem}.public-site .guide-item small{font-size:.8125rem}.featured-coordinates{white-space:pre-line}
.feature-hub{padding:clamp(64px,12vh,132px) 0 80px}.feature-hub h1{font-size:clamp(28px,3vw,40px);font-weight:550;letter-spacing:-1px;margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{position:relative;text-align:left;min-width:0;padding:28px;border-radius:20px;border:1px solid #ffffff17;background:linear-gradient(145deg,#1c2029,#14171d);overflow:hidden;transition:translate .4s var(--ease),border-color .3s,box-shadow .4s,background .3s}.feature-card:hover{translate:0 -6px;border-color:#ffffff38;background:linear-gradient(145deg,#252a35,#191d25);box-shadow:0 18px 40px #0003}.feature-art{display:flex;height:205px;align-items:center;justify-content:center;color:#c6adb3}.smoke-art{color:#aabfbd}.utility-art{color:#b4b6d0}.feature-art svg{width:100%;max-width:260px;overflow:visible;transition:transform .6s var(--ease)}.feature-card:hover svg{transform:translateY(-5px) scale(1.04)}.art-plane{fill:currentColor;fill-opacity:.12;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.art-line{stroke:currentColor;stroke-width:1.8;opacity:.6;stroke-linecap:round}.art-shot{stroke:currentColor;stroke-width:2;stroke-linecap:round}.art-target{stroke:currentColor;stroke-width:2}.art-center{fill:currentColor}.art-ground{stroke:currentColor;stroke-width:1.2;opacity:.3}.trajectory{stroke-dasharray:4 7}.feature-label{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:16px}.feature-label strong{font-size:24px;font-weight:550;letter-spacing:.5px}.feature-label>span{font-size:25px;color:#adb3bf;transition:transform .3s var(--ease)}.feature-card:hover .feature-label>span{transform:translate(3px,-3px)}.feature-status{position:absolute;right:20px;top:18px;font-size:14px;color:#adb3bf}.nav-list-button{margin-left:auto}.panel-heading h2{margin:0;font-size:20px}.detail-head .eyebrow,.dialog-head .eyebrow,.map-stage-heading .eyebrow,.step-number{display:none}.instruction-heading h3{font-size:15px}.public-site .guide-item strong{font-size:16px}.public-site .guide-item small{font-size:14px}.brand-link>span{font-size:16px;letter-spacing:0}#upcoming-dialog{max-width:440px}#upcoming-dialog .dialog-body{padding:26px;color:#b4bac6;font-size:16px}
@media(max-width:820px){.feature-grid{gap:14px}.feature-card{padding:20px}.feature-art{height:170px}.feature-label strong{font-size:21px}}
@media(max-width:640px){.feature-hub{padding:42px 0}.feature-hub h1{margin-bottom:26px;font-size:29px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{display:flex;align-items:center;min-height:158px;padding:22px;gap:20px;border-radius:17px}.feature-art{width:110px;height:100px;flex-shrink:0}.feature-label{margin:0;flex:1;gap:12px}.feature-label strong{font-size:22px;white-space:nowrap}.feature-label>span{font-size:22px}.feature-status{font-size:14px;right:20px;top:14px}.brand-link>span{font-size:15px}.feature-card:hover{translate:0 -3px}}
@media(max-width:360px){.feature-card{padding:17px;gap:12px}.feature-art{width:86px}.feature-label strong{font-size:20px}}
.map-surface,.map-world,.map-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.map-surface{touch-action:none}.map-surface.dragging{cursor:grabbing}
.home{isolation:isolate;background:#0b0d11;overflow:hidden}.home-container{position:relative;z-index:1}.ambient-lights{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-lights i{position:absolute;display:block;width:850px;height:850px;border-radius:50%;will-change:transform,opacity;animation:glow-breathe 14s ease-in-out infinite alternate}.glow-red{left:-430px;top:-150px;background:radial-gradient(circle,#ed3a4633,transparent 67%)}.ambient-lights .glow-gold{right:-420px;top:40px;background:radial-gradient(circle,#e5bb5e24,transparent 67%);animation-duration:19s;animation-delay:-7s}.ambient-lights .glow-white{width:700px;height:700px;left:28%;top:120px;background:radial-gradient(circle,#e9efff12,transparent 65%);animation-duration:17s;animation-delay:-11s}@keyframes glow-breathe{from{opacity:.45;transform:translate3d(-35px,-25px,0) scale(.85)}to{opacity:1;transform:translate3d(45px,35px,0) scale(1.18)}}
.feature-hub{padding:48px 0 54px}.hub-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.hub-heading h1{margin:0;font-size:34px}.utility-button{background:#ffffff07;border:1px solid #ffffff22;padding:11px 17px;font-size:15px;white-space:nowrap}.home-search{display:flex;gap:12px;align-items:center;border:1px solid #ffffff1c;background:#ffffff04;border-radius:13px;padding:8px 9px 8px 20px;margin-bottom:28px}.home-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-search input{border:0;background:transparent;padding:8px 0;font-size:16px;min-width:0}.home-search input:focus-visible{outline-offset:2px}.home-search button{padding:9px 25px;background:#ffffff10;border:1px solid #ffffff17;font-size:15px}.feature-card{background:linear-gradient(140deg,#25283299,#14171dc9)}.feature-art{height:145px}.feature-label{margin-top:16px}.personal-section{margin-top:30px}.personal-tabs{display:flex;gap:24px;margin-bottom:16px;border-bottom:1px solid #ffffff12}.personal-tabs button{background:none;border:0;border-radius:0;padding:12px 0;color:#9ca4b2;font-size:17px;border-bottom:2px solid transparent}.personal-tabs button.active{color:#f1f1f3;border-bottom-color:#d6aaa8}.personal-tabs span{font-size:14px;margin-left:5px;color:#adb3bf}.personal-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.personal-empty{grid-column:1/-1;padding:20px 0;color:#9ca4b2;font-size:15px}.saved-point{text-align:left;display:flex;flex-direction:column;gap:7px;padding:17px;background:#ffffff04;border:1px solid #ffffff14;border-radius:12px;min-width:0}.saved-point strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.saved-point>span{font-size:14px;color:#a1a9b8}.saved-point:hover{background:#ffffff09;border-color:#ffffff30}.ideas-section{margin-top:30px}.ideas-section h2{font-size:18px;font-weight:500;margin-bottom:16px}.ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ideas-grid button{text-align:left;padding:19px 20px;background:#ffffff03;border-color:#ffffff12;border-radius:13px}.ideas-grid strong{display:block;font-weight:500;font-size:18px;margin-bottom:8px}.ideas-grid span{font-size:15px;color:#a1a9b8}.ideas-grid button:hover{background:#ffffff08;border-color:#ffffff28}.favorite-button{font-size:14px;padding:3px 9px;background:transparent;border:1px solid #ffffff25;white-space:nowrap}.favorite-button[aria-pressed=true]{color:#e5c37d;border-color:#e5c37d50}.detail-head .row{flex-wrap:wrap}#search-results{display:grid;gap:10px}#search-dialog{max-width:600px}
@media(max-width:640px){.feature-hub{padding:30px 0}.hub-heading{gap:12px;margin-bottom:22px}.hub-heading h1{font-size:26px}.utility-button{font-size:14px;padding:9px 12px}.home-search{padding-left:14px;margin-bottom:22px;gap:8px}.home-search input{font-size:15px}.home-search button{padding:8px 15px}.feature-art{height:92px}.feature-label{margin:0}.feature-card{min-height:140px}.personal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ideas-grid{grid-template-columns:1fr;gap:10px}.ideas-grid button{padding:17px}.ideas-grid strong{margin-bottom:5px}.ambient-lights i{width:600px;height:600px}.glow-red{left:-350px}.ambient-lights .glow-gold{right:-350px;top:280px}.ambient-lights .glow-white{left:-50%;top:400px;width:650px;height:650px}}
.home-search button{flex-shrink:0;white-space:nowrap}.glow-red{background:radial-gradient(circle,#ed3a4652,transparent 67%)}.ambient-lights .glow-gold{background:radial-gradient(circle,#e5bb5e3d,transparent 67%)}.ambient-lights .glow-white{background:radial-gradient(circle,#e9efff22,transparent 65%)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.map-card:hover,.featured-card:hover,.explore-button:hover,.guide-item:hover,.feature-card:hover{translate:none}.feature-card:hover svg{transform:none}}