:root{color-scheme:dark;--gate-bg:#050c12;--gate-ink:#f0f2ed;--gate-muted:#92a6ac;--gate-mint:#8ee8cf;--gate-gold:#ddbf8b;--gate-line:#a4ddcd26;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--gate-bg);color:var(--gate-ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gate-mint);outline-offset:5px}#planetScene{position:absolute;inset:0 0 auto;height:max(790px,100svh);overflow:hidden;background:radial-gradient(ellipse at 70% 43%,#16423d66,transparent 48%)}#planetScene canvas{width:100%;height:100%;display:block;touch-action:pan-y}.orbital-grain{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050c12 4%,#050c1200 63%),linear-gradient(0deg,#050c12 0%,transparent 27%);height:max(790px,100svh)}.gate-header,.gate-main,.city-dock,.gate-footer{position:relative;z-index:1}.gate-header{height:108px;margin:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gate-line);gap:20px}.gate-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.16em;white-space:nowrap}.gate-brand small{display:block;font-size:8px;color:var(--gate-muted);margin-top:7px;letter-spacing:.12em}.brand-symbol{font-family:Georgia,serif;font-size:41px;font-weight:400;letter-spacing:-9px;line-height:1}.brand-symbol span{color:var(--gate-mint);font-size:40px;position:relative;top:-11px;margin-left:3px}.gate-coordinate{font-size:8px;letter-spacing:.18em;color:#acbebc;display:flex;align-items:center;gap:15px}.gate-coordinate span{color:#56706e}.gate-coordinate i,.destination-meta i{width:5px;height:5px;background:var(--gate-mint);border-radius:50%;display:inline-block;box-shadow:0 0 12px #8ee8cf80}.classic-link{font-size:10px;letter-spacing:.06em;min-height:44px;display:flex;align-items:center;gap:24px}.classic-link span{font-size:21px;color:var(--gate-mint)}.gate-main{margin:0 7vw;min-height:510px;height:calc(100svh - 323px);max-height:820px;display:flex;align-items:center;pointer-events:none}.destination{width:390px;max-width:41%;padding:32px 0;pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:.18em;display:flex;align-items:center;gap:12px;color:var(--gate-muted)}#cityIndex{font-family:Georgia,serif;color:var(--gate-gold);font-size:15px}.eyebrow-line{width:30px;height:1px;background:#79928d}h1{font-size:clamp(56px,6.7vw,112px);line-height:.94;letter-spacing:-.065em;font-weight:400;margin:25px 0 22px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gate-mint)}.destination-tagline{font-size:15px;line-height:1.5;letter-spacing:-.02em;margin:0 0 13px}.destination-description{font-size:11px;line-height:1.9;color:var(--gate-muted);max-width:275px;margin:0 0 24px}.destination-meta{display:flex;gap:18px;font-size:8px;letter-spacing:.05em;align-items:center;margin-bottom:28px;flex-wrap:wrap}.destination-meta>span:first-child{display:flex;align-items:center;gap:7px;color:var(--gate-mint)}#cityMeta{color:var(--gate-muted)}.enter-city{display:flex;justify-content:space-between;align-items:center;width:228px;min-height:56px;padding:0 22px;background:var(--gate-mint);color:#0a2924;border-radius:3px;font-size:11px;font-weight:700;transition:background .2s,transform .2s}.enter-city:hover{background:#b3f3df;transform:translateY(-2px)}.enter-city span:last-child{font-size:22px;font-weight:400}.orbit-controls{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;max-width:290px;font-size:9px;color:#849b9c}.orbit-controls button{border:0;border-bottom:1px solid #45625d;color:#b7ceca;background:transparent;padding:10px 0;min-height:44px;cursor:pointer}.orbit-controls #renderStatus{max-width:165px;line-height:1.5}.planet-caption{position:absolute;right:1%;bottom:45px;text-align:right;color:#c4d4cc}.planet-caption>span:first-child{font-size:7px;letter-spacing:.22em;color:var(--gate-gold)}.caption-rule{display:block;width:72px;height:1px;background:#b0b99466;margin:15px 0 15px auto}.planet-caption strong{font-size:12px;font-weight:400;line-height:1.7}.city-dock{margin:0 4.5vw;border-top:1px solid var(--gate-line);background:#060e15b5;backdrop-filter:blur(14px)}.dock-heading{display:flex;justify-content:space-between;padding:19px 0 16px;font-size:7px;letter-spacing:.18em;color:var(--gate-muted)}.dock-heading b{color:var(--gate-mint);padding-left:12px}.city-destinations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--gate-line);border-bottom:1px solid var(--gate-line)}.city-link{display:flex;align-items:center;gap:14px;min-height:88px;padding:16px 18px;border-right:1px solid var(--gate-line);position:relative;transition:background .2s}.city-link:first-child{padding-left:6px}.city-link:last-child{border-right:0}.city-link.selected{background:linear-gradient(0deg,#8ee8cf10,transparent);box-shadow:inset 0 -2px var(--gate-mint)}.city-link:hover{background:#8ee8cf0c}.city-number{font-size:8px;color:#72948a;align-self:flex-start;padding-top:3px}.city-link-name{font-size:12px;white-space:nowrap}.city-link-name small{display:block;font-size:8px;color:var(--gate-muted);margin-top:9px;white-space:normal;line-height:1.4}.city-arrow{margin-left:auto;color:var(--gate-mint);font-size:15px}.gate-footer{margin:0 4.5vw;padding:20px 0 24px;display:flex;justify-content:space-between;gap:24px;font-size:7px;letter-spacing:.09em;color:#799090;line-height:1.6}.no-script{position:relative;padding:10px 5vw;font-size:12px;color:var(--gate-muted)}
@media(min-width:1600px){.destination{width:460px}.destination-description{font-size:13px;max-width:330px}.destination-tagline{font-size:18px}.gate-coordinate,.classic-link{font-size:10px}}
@media(max-width:1050px){.gate-coordinate{display:none}.city-link{gap:7px;padding:15px 9px}.city-link-name{font-size:11px}.city-arrow{display:none}.destination{max-width:44%}.gate-main{margin:0 5vw}.planet-caption{right:0}}
@media(max-width:680px){#planetScene{height:640px}.orbital-grain{height:640px;background:linear-gradient(0deg,#050c12 0%,transparent 55%)}.gate-header{height:83px;margin:0 6vw}.gate-brand{font-size:9px;gap:9px}.gate-brand small{font-size:6px}.brand-symbol{font-size:35px}.classic-link{font-size:9px;gap:9px}.gate-main{margin:0 7vw;padding-top:225px;display:block;height:auto;min-height:0;max-height:none}.destination{width:100%;max-width:100%;padding:20px 0 30px}.eyebrow{font-size:7px}h1{font-size:58px;margin:16px 0}h1 br{display:none}h1 em{padding-left:8px}.destination-tagline{font-size:14px}.destination-description{max-width:330px;font-size:11px;margin-bottom:18px}.destination-meta{margin-bottom:20px}.enter-city{width:100%;min-height:53px}.orbit-controls{max-width:none;justify-content:space-between;margin-top:8px}.orbit-controls #renderStatus{max-width:180px;text-align:right}.planet-caption{display:none}.city-dock{margin:0 6vw}.city-destinations{grid-template-columns:1fr}.city-link,.city-link:first-child{min-height:66px;padding:14px 10px;border-right:0;border-bottom:1px solid var(--gate-line);gap:20px}.city-link:last-child{border-bottom:0}.city-link.selected{box-shadow:inset 2px 0 var(--gate-mint)}.city-link-name{font-size:12px}.city-link-name small{margin-top:5px}.city-arrow{display:block}.gate-footer{margin:0 6vw;flex-direction:column;gap:8px;padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}