:root{--void:#010208;--ink:#eaf8ff;--muted:#738297;--electric-blue:#27c8ff;--violet:#8f63ff;--glow:0 0 28px #27c8ff66}*{box-sizing:border-box}html,body{background:var(--void);min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}body.is-city-hovering{cursor:crosshair}.atlas-shell{isolation:isolate;background:radial-gradient(circle at 50% 48%,#255fb62e,#0000 32%),radial-gradient(circle at 50% 52%,#7538d717,#0000 45%),linear-gradient(#03040b 0%,#010208 58%,#02030a 100%);width:100%;height:100svh;min-height:620px;position:relative;overflow:hidden}.atlas-shell:before{z-index:2;pointer-events:none;content:"";background-image:linear-gradient(#52c6ff06 1px,#0000 1px);background-size:100% 4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.atlas-canvas{z-index:1;inset:0;position:absolute!important}.phase-unlocked .atlas-canvas{cursor:grab}.phase-unlocked .atlas-canvas:active{cursor:grabbing}.atlas-header{z-index:4;pointer-events:none;position:absolute;top:clamp(28px,4.4vh,52px);left:clamp(28px,4vw,72px)}.atlas-eyebrow{letter-spacing:.34em;color:#84c6e494;text-transform:uppercase;margin:0 0 13px;font-size:10px}.atlas-title{letter-spacing:.24em;text-transform:uppercase;text-shadow:0 0 26px #67ceff2e;margin:0;font-size:clamp(21px,2vw,32px);font-weight:430;line-height:1}.atlas-subtitle{letter-spacing:.46em;color:#daeff98c;margin:12px 0 0;font-size:12px;font-weight:300}.atlas-status{z-index:4;letter-spacing:.25em;color:#7eb3cf8c;text-transform:uppercase;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;top:clamp(34px,5vh,60px);right:clamp(28px,4vw,72px)}.atlas-status:before{content:"";background:var(--violet);width:5px;height:5px;box-shadow:0 0 12px var(--violet);border-radius:50%}.unlock-panel{z-index:5;justify-items:center;display:grid;position:absolute;bottom:clamp(34px,6.5vh,72px);left:50%;transform:translate(-50%)}.unlock-button{color:#eafaff;cursor:pointer;background:linear-gradient(110deg,#176fa01f,#703ec124);border:1px solid #4fc6ff80;border-radius:999px;min-width:218px;padding:14px 32px 13px;transition:border-color .22s,box-shadow .22s,transform .22s;overflow:hidden;box-shadow:inset 0 0 22px #3ab3ff14,0 0 32px #2694ff1f}.unlock-button:hover{border-color:#8edeffeb;transform:translateY(-2px);box-shadow:inset 0 0 24px #3ab3ff24,0 0 38px #2694ff3d}.unlock-button:disabled{cursor:wait;border-color:#9467ffb8;animation:.72s ease-in-out infinite alternate unlock-pulse;box-shadow:inset 0 0 28px #625eff29,0 0 42px #4d81ff47}.unlock-button strong{letter-spacing:.32em;font-size:12px;font-weight:500;display:block}.unlock-button small{letter-spacing:.26em;color:#a7d6ec8c;margin-top:5px;font-size:8px;display:block}.unlock-line{background:linear-gradient(#0000,#53caffb3);width:1px;height:17px;margin-bottom:10px;box-shadow:0 0 8px #53caff66}.camera-privacy{letter-spacing:.12em;color:#87b0c77a;text-align:center;width:320px;margin:13px 0 0;font-size:8px;line-height:1.6}.corner-index{z-index:4;letter-spacing:.22em;color:#7eb3cf59;font-size:9px;position:absolute;bottom:clamp(28px,5vh,58px);right:clamp(28px,4vw,72px)}.control-hint{z-index:5;color:#cff3ffc2;text-align:center;pointer-events:none;justify-items:center;min-width:265px;animation:.7s both control-arrival;display:grid;position:absolute;bottom:clamp(34px,5.2vh,58px);left:50%;transform:translate(-50%)}.control-hint:before{content:"";background:linear-gradient(90deg,#0000,#4dc8ffe6,#0000);width:42px;height:1px;margin-bottom:11px;box-shadow:0 0 9px #4dc8ff99}.control-hint span{letter-spacing:.34em;font-size:9px}.control-hint small{letter-spacing:.2em;color:#87b0c78c;margin-top:7px;font-size:8px}.control-mode{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030a159e;border:1px solid #67bee224;border-radius:6px;gap:3px;padding:3px;display:flex;position:absolute;top:clamp(68px,9vh,100px);right:clamp(28px,4vw,72px)}.control-mode button{color:#93b7c894;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;height:29px;padding:0 9px;font-size:9px;display:inline-flex}.control-mode button.is-active{color:#e5f8ffeb;background:#43afdf1f;box-shadow:inset 0 0 12px #35b9ff0f}.control-mode button:disabled{opacity:.34;cursor:default}.gesture-state-indicator{z-index:6;color:#b8deeea8;letter-spacing:.16em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#030a157a;border:1px solid #5ec2e91f;border-radius:4px;align-items:center;gap:8px;min-width:86px;padding:7px 10px;font-size:9px;display:inline-flex;position:absolute;top:clamp(110px,13.6vh,145px);right:clamp(28px,4vw,72px)}.gesture-state-indicator i{background:#5fcaf59e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #4fc3f580}.gesture-state-indicator.state-rotate,.gesture-state-indicator.state-zoom,.gesture-state-indicator.state-point,.gesture-state-indicator.state-selected{color:#e2f7ffe0;border-color:#62cffa3d}.gesture-state-indicator.state-zoom i{background:#9d8cff;box-shadow:0 0 9px #9377ffad}.gesture-state-indicator.state-selected i{background:#e7fbff;box-shadow:0 0 11px #6fdcffeb}.gesture-guide,.camera-error{z-index:7;color:#c6e8f5b3;letter-spacing:.14em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030b16b8;border:1px solid #5ac1ed26;border-radius:5px;padding:9px 13px;font-size:9px;animation:.45s both control-arrival;position:absolute;bottom:clamp(92px,12vh,130px);left:50%;transform:translate(-50%)}.camera-error{color:#c4cfe2a8}.gesture-cursor{z-index:100;opacity:0;pointer-events:none;border:1px solid #5bcdffd1;border-radius:50%;width:17px;height:17px;transition:opacity .15s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #48bfff47,inset 0 0 6px #6d53ff2e}.gesture-cursor svg{opacity:0;width:29px;height:29px;transition:opacity .12s;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-90deg)}.gesture-cursor svg circle{fill:none;stroke:#73defff5;stroke-width:1.45px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 3px #53caffb8)}.gesture-cursor.is-hovering svg{opacity:1}.gesture-cursor span{background:#f2f7ff;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px #55c7ff}.gesture-cursor.is-clicking{border-color:#fffffff2;transform:translate(-50%,-50%)scale(.72);box-shadow:0 0 14px #6edaff8f}.debug-controls{z-index:20;color:#d9f5ff;background:#020812eb;border:1px solid #53c2f03d;border-radius:6px;width:min(410px,100vw - 36px);max-height:calc(100svh - 36px);padding:14px;font-size:10px;position:fixed;bottom:18px;left:18px;overflow:auto}.debug-controls header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.debug-controls header>div{gap:4px;display:grid}.debug-controls strong{letter-spacing:.12em;text-transform:uppercase;display:block}.debug-controls header span{color:#b7d9e780;letter-spacing:.08em;font-size:8px}.debug-controls header button{color:#d9f5ffb8;cursor:pointer;background:0 0;border:1px solid #53c2f033;border-radius:4px;padding:4px 7px;font-size:9px}.debug-controls label{margin-top:8px;display:block}.debug-controls label span{color:#b7d9e7b3;justify-content:space-between;display:flex}.debug-controls output{color:#72d8ff}.debug-controls input{accent-color:#55c7ff;width:100%}.gesture-diagnostics-preview{background:#030811;border:1px solid #61ccf52e;border-radius:5px;width:100%;height:auto;min-height:190px;margin-top:12px;display:block;transform:none}.debug-readout{background:#53c2f021;border:1px solid #53c2f021;grid-template-columns:1fr 1fr;gap:1px;margin-top:10px;display:grid}.debug-readout>div{background:#020812f0;gap:4px;min-width:0;padding:7px 8px;display:grid}.debug-readout span{color:#b7d9e78c;letter-spacing:.06em;font-size:8px}.debug-readout output{overflow-wrap:anywhere;font-size:10px}.debug-readout output[data-active=true]{color:#c8fbff;text-shadow:0 0 7px #55c7ff66}.debug-readout .is-reason{grid-column:1/-1}.debug-readout .is-reason output{color:#e7f0ffd1;line-height:1.45}.debug-point-only{align-items:center;gap:8px;margin-top:11px!important;display:flex!important}.debug-point-only input{width:auto;margin:0}.debug-point-only span{display:block!important}.debug-controls details{border-top:1px solid #53c2f021;margin-top:10px;padding-top:9px}.debug-controls summary{color:#b7d9e794;cursor:pointer;font-size:9px;line-height:1.45}.debug-empty{color:#b7d9e794;margin:10px 0 0;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.city-label{color:#ebfafff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#030d1ac7;border:1px solid #61cfff29;border-radius:4px;min-width:94px;padding:6px 8px 5px;transition:opacity .28s,transform .35s;box-shadow:0 6px 18px #0000003d}.city-label span{letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:500;display:block}.city-label small{letter-spacing:.1em;color:#9acce29e;text-transform:uppercase;margin-top:3px;font-size:7px;display:block}.city-label em{color:#b3a0ffb8;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:6px;font-style:normal;display:block}.phase-transitioning .atlas-header,.phase-transitioning .atlas-status,.phase-transitioning .corner-index,.phase-city .atlas-header,.phase-city .atlas-status,.phase-city .corner-index{opacity:0;transition:opacity .48s}.phase-transitioning .atlas-canvas{animation:1.5s cubic-bezier(.2,.7,.2,1) both atlas-depth-enter}.phase-city .atlas-canvas{filter:blur(18px)brightness(.58)saturate(.7);transform:scale(1.035)}.phase-returning .atlas-canvas{animation:.82s both atlas-depth-return}.phase-returning .atlas-header,.phase-returning .atlas-status,.phase-returning .corner-index{animation:.82s both atlas-ui-return}@keyframes unlock-pulse{to{filter:brightness(1.42);transform:scale(1.015)}}@keyframes control-arrival{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes atlas-depth-enter{0%{filter:blur()brightness()saturate();transform:scale(1)}46%{filter:blur(3px)brightness(.92)saturate(.9);transform:scale(1.012)}to{filter:blur(18px)brightness(.58)saturate(.7);transform:scale(1.035)}}@keyframes atlas-depth-return{0%{filter:blur(18px)brightness(.58)saturate(.7);transform:scale(1.035)}to{filter:blur()brightness()saturate();transform:scale(1)}}@keyframes atlas-ui-return{0%{opacity:0}45%{opacity:0}to{opacity:1}}.desktop-notice{display:none}.city-archive{z-index:30;width:100%;min-width:920px;min-height:620px;color:var(--city-text);transform-origin:50%;background:0 0;font-family:Arial,Helvetica Neue,sans-serif;position:fixed;inset:0;overflow:hidden}.city-archive.is-transitioning{pointer-events:none;animation:1.5s cubic-bezier(.22,.7,.2,1) both city-depth-arrive}.city-archive.is-ready{opacity:1;filter:none}.city-archive.is-leaving{pointer-events:none;animation:.82s both city-depth-leave}.city-archive-paper{background:linear-gradient(color-mix(in srgb, var(--city-text) 2%, transparent) 1px, transparent 1px), radial-gradient(circle at 72% 18%, #ffffff7a, transparent 40%), var(--city-bg);background-size:100% 4px,auto,auto;grid-template-rows:66px auto minmax(260px,1fr) 68px;height:100svh;min-height:620px;display:grid;position:relative}.city-archive-nav{color:var(--city-muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 clamp(34px,3.5vw,66px);font-size:10px;display:flex}.archive-back{color:inherit;cursor:pointer;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;transition:color .2s,transform .2s;display:inline-flex}.archive-back:hover{color:var(--city-accent);transform:translate(-2px)}.archive-back:disabled{opacity:.38;cursor:default}.city-intro{justify-content:space-between;align-items:end;gap:42px;padding:clamp(8px,1.3vh,16px) clamp(34px,4.4vw,84px) clamp(20px,2.5vh,28px);display:flex}.city-heading p{color:var(--city-accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 13px;font-size:10px;font-weight:600}.city-heading h1{letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(48px,5.6vw,82px);font-weight:400;line-height:.88}.city-summary{color:color-mix(in srgb, var(--city-text) 78%, transparent);letter-spacing:.02em;margin-top:15px;font-size:12px}.city-facts{border:1px solid var(--city-border);min-width:min(520px,40vw);box-shadow:0 8px 30px color-mix(in srgb, var(--city-text) 3%, transparent);background:#fff3;border-radius:10px;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;margin:0;padding:14px 18px;display:grid}.city-facts div+div{border-left:1px solid var(--city-border)}.city-facts dt{color:var(--city-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:9px}.city-facts dd{margin:0;font-size:13px}.city-media-deck{justify-content:center;align-items:center;gap:clamp(14px,1.4vw,24px);min-height:0;padding:0 clamp(34px,3.5vw,66px) 14px;display:flex}.city-media-card{min-width:0;max-width:31vw;height:100%;aspect-ratio:var(--media-ratio,1);border:1px solid color-mix(in srgb, var(--city-border) 82%, transparent);background:var(--city-surround);box-shadow:0 8px 22px color-mix(in srgb, var(--city-text) 13%, transparent), 0 1px 2px color-mix(in srgb, var(--city-text) 17%, transparent);border-radius:9px;transition:width .42s,aspect-ratio .42s,transform .28s;overflow:hidden}.city-media-deck.is-uniform .city-media-card,.city-media-deck.is-mixed .city-media-card{flex:0 auto}.city-media-deck.count-1 .city-media-card{max-width:56vw}.city-media-deck.count-2 .city-media-card{max-width:43vw}.city-media-card:hover{transform:translateY(-2px)}.city-media-card button{color:#fff;background:var(--city-surround);cursor:zoom-in;text-align:left;border:0;place-items:center;width:100%;height:100%;min-height:250px;padding:0;display:grid;position:relative;overflow:hidden}.city-media-card img{object-fit:contain;object-position:center;width:100%;height:100%;transition:filter .42s;display:block}.city-media-card:hover img{filter:saturate(1.04)contrast(1.015)}.media-card-shade{pointer-events:none;background:linear-gradient(#0000,#070706bd);position:absolute;inset:42% 0 0}.media-card-copy{text-shadow:0 1px 10px #0000007a;gap:5px;display:grid;position:absolute;bottom:18px;left:20px;right:20px}.media-card-copy small{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:8px}.media-card-copy strong{letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500}.media-card-copy em{letter-spacing:.04em;opacity:.88;font-size:9px;font-style:normal}.media-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07070629;border:1px solid #ffffffeb;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-duration{background:#0000006b;border-radius:3px;padding:4px 6px;font-size:9px;position:absolute;top:14px;right:16px}.media-placeholder,.city-media-empty{height:100%;min-height:250px;color:var(--city-muted);letter-spacing:.12em;place-items:center;font-size:10px;display:grid}.city-media-empty{border:1px solid var(--city-border);background:#ffffff2e;border-radius:9px;width:100%}.city-media-pagination{color:var(--city-muted);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 clamp(34px,3.5vw,66px);font-size:9px;display:flex}.city-media-pagination>div{align-items:center;gap:9px;display:flex}.city-media-pagination output{color:var(--city-text);margin-right:14px}.city-media-pagination button{border:1px solid var(--city-border);height:36px;color:var(--city-text);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:5px;align-items:center;gap:5px;padding:0 17px;font-size:9px;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.city-media-pagination button:hover:not(:disabled){border-color:var(--city-accent);color:var(--city-accent)}.city-media-pagination button.is-primary{color:var(--city-button-text);border-color:var(--city-button);background:var(--city-button)}.city-media-pagination button.is-primary:hover:not(:disabled){color:var(--city-button-text);border-color:var(--city-button-hover);background:var(--city-button-hover)}.city-media-pagination button:disabled{opacity:.28;cursor:default}.media-viewer{z-index:90;color:var(--city-text);background:color-mix(in srgb, var(--city-viewer) 84%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);place-items:center;padding:24px;animation:.28s both viewer-arrive;display:grid;position:fixed;inset:0}.media-viewer-shell{border:1px solid color-mix(in srgb, var(--city-border) 42%, transparent);background:var(--city-viewer);border-radius:12px;grid-template-columns:minmax(0,1fr) 270px;width:min(1480px,100vw - 48px);height:calc(100svh - 48px);min-height:560px;display:grid;overflow:hidden;box-shadow:0 28px 80px #00000061}.media-viewer-stage{background:var(--city-viewer);place-items:center;min-width:0;min-height:0;padding:36px 52px 60px;display:grid;position:relative;overflow:hidden}.media-viewer-stage img,.media-viewer-stage video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 144px);display:block;box-shadow:0 14px 44px #00000038}.media-viewer-error{color:#ffffffa6;letter-spacing:.14em;font-size:11px}.media-viewer-index{color:#ffffffa3;letter-spacing:.16em;font-size:9px;position:absolute;top:20px;left:24px}.media-viewer-controls{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.media-viewer-controls button,.media-viewer-close{color:#f5f5f2;cursor:pointer;background:#0003;border:1px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;transition:border-color .2s,background .2s;display:grid}.media-viewer-controls button:hover{background:#ffffff14;border-color:#ffffff94}.media-viewer-info{background:var(--city-bg);flex-direction:column;justify-content:flex-end;padding:70px 30px 34px;display:flex;position:relative}.media-viewer-close{color:var(--city-text);border-color:var(--city-border);background:0 0;position:absolute;top:20px;right:20px}.media-viewer-close:hover{color:var(--city-accent);border-color:var(--city-accent)}.media-viewer-info>div{gap:24px;display:grid}.media-viewer-info dl{border-top:1px solid var(--city-border);margin:0;padding-top:14px}.media-viewer-info dt{color:var(--city-muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:9px}.media-viewer-info dd{color:var(--city-text);margin:0;font-size:16px;line-height:1.45}@keyframes city-depth-arrive{0%,22%{opacity:0;filter:blur(20px);transform:scale(1.018)}58%{opacity:.54;filter:blur(9px)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes city-depth-leave{0%{opacity:1;filter:blur();transform:scale(1)}48%{opacity:.56;filter:blur(7px)}to{opacity:0;filter:blur(18px);transform:scale(1.012)}}@keyframes viewer-arrive{0%{opacity:0}to{opacity:1}}@media (max-width:760px),(max-height:620px){.atlas-shell>:not(.desktop-notice){display:none}.desktop-notice{text-align:center;letter-spacing:.18em;color:#dcf2ffad;background:radial-gradient(circle,#2d6eb524,#0000 45%),#010208;place-items:center;padding:32px;font-size:13px;line-height:1.8;display:grid;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.city-archive-paper{background:linear-gradient(180deg, #05080c7a, #05080cc7), radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--city-atmosphere) 42%, transparent), transparent 52%), linear-gradient(120deg, #06090de0, #06090d9e), var(--city-cover), linear-gradient(135deg, #0a0d12 0%, color-mix(in srgb, var(--city-atmosphere) 32%, #090c10) 55%, #07090d 100%);grid-template-rows:56px auto minmax(320px,1fr) 58px}.city-archive-nav{padding-inline:clamp(24px,3vw,48px)}.city-intro{padding:clamp(4px,1vh,10px) clamp(24px,4vw,64px) clamp(10px,1.6vh,18px);display:block}.city-heading p{opacity:.72;margin-bottom:8px;font-size:9px}.city-heading h1{font-size:clamp(42px,5vw,76px);line-height:.84}.city-heading h2{margin-top:8px;font-size:clamp(15px,1.35vw,21px)}.city-summary{opacity:.72;margin-top:9px}.city-facts{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;box-shadow:none;background:#070b1085;border-radius:7px;grid-auto-columns:max-content;grid-auto-flow:column;margin-top:13px;padding:8px 12px;display:inline-grid}.city-facts div{padding:0 10px}.city-facts dt{margin-bottom:4px;font-size:8px}.city-facts dd{font-size:11px}.city-media-deck{gap:clamp(22px,2.6vw,44px);padding:0 clamp(24px,2.4vw,44px) 10px}.city-media-card{max-width:none;box-shadow:none;background:#ffffff09;border-color:#dcf0f238;border-radius:10px;flex:1 1 0!important}.city-media-card button{background:#ffffff06;min-height:240px}.media-card-shade{background:linear-gradient(#0000,#04060994);inset:62% 0 0}.media-card-copy{bottom:14px;left:16px;right:16px}.city-media-card:hover{border-color:#e9fafa6b;transform:translateY(-1px)scale(1.008)}.media-viewer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05070b;padding:0}.media-viewer-shell{width:100%;height:100%;min-height:0;box-shadow:none;background:#05070b;border:0;border-radius:0;display:block;position:relative}.media-viewer-stage{isolation:isolate;background:#05070b;padding:0;position:absolute;inset:0}.media-viewer-stage:before{z-index:-2;content:"";background-image:var(--viewer-image);filter:blur(42px)saturate(.7)brightness(.38);opacity:.9;background-position:50%;background-size:cover;position:absolute;inset:-8%;transform:scale(1.08)}.media-viewer-stage:after{z-index:-1;content:"";background:#03060a6b;position:absolute;inset:0}.media-viewer-stage img,.media-viewer-stage video{max-width:calc(100vw - 96px);max-height:calc(100svh - 40px);box-shadow:0 18px 70px #00000061}.media-viewer-index{top:24px;left:28px}.media-viewer-controls{pointer-events:none;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0;transform:none}.media-viewer-controls button{pointer-events:auto;background:#04070a4d;width:44px;height:44px}.media-viewer-close{z-index:3;color:#f5f5f2;background:#04070a4d;border-color:#ffffff47;position:absolute;top:20px;right:24px}.media-viewer-caption{color:#f5f7f4;text-shadow:0 2px 18px #0009;align-items:baseline;gap:14px;display:flex;position:absolute;bottom:26px;left:28px}.media-viewer-caption span{letter-spacing:.08em;font-size:15px}.media-viewer-caption time{color:#ebf4f4ad;letter-spacing:.14em;font-size:10px}.viewer-control{transition:opacity .32s,transform .32s}.media-viewer.is-controls-hidden .viewer-control{opacity:0;pointer-events:none}.media-viewer.is-controls-visible .viewer-control{opacity:1}:is(.media-viewer:has(.media-viewer-controls button:hover) .viewer-control,.media-viewer:has(.media-viewer-close:hover) .viewer-control,.media-viewer:has(video:hover) .viewer-control){opacity:1;pointer-events:auto}.city-media-deck{align-items:center;gap:clamp(30px,3.4vw,56px);padding:0 clamp(18px,2.2vw,36px) 10px}.city-media-card,.city-media-deck.is-uniform .city-media-card,.city-media-deck.is-mixed .city-media-card{width:0;height:auto;max-width:min(var(--media-native-width,2200px), 62vw);aspect-ratio:var(--media-ratio,1);align-self:center;flex:var(--media-flex,1) 1 0!important}.city-media-card button{height:100%;min-height:0;aspect-ratio:inherit}.city-media-card img{object-fit:contain;width:100%;height:100%}.city-media-deck.count-1 .city-media-card{width:min(62vw, var(--media-native-width,2200px));flex:0 auto!important}.city-media-deck.count-2 .city-media-card{width:0;max-width:min(var(--media-native-width,2200px), 46vw)}.media-video-frame{z-index:1;place-items:center;width:fit-content;max-width:calc(100vw - 96px);height:fit-content;max-height:calc(100svh - 40px);display:grid;position:relative}.media-video-frame video{z-index:1;position:relative}.media-video-start{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#04070a6b;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .2s,background .2s,border-color .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-video-start:hover{background:#0c1218a3;border-color:#fff;transform:translate(-50%,-50%)scale(1.05)}.media-viewer-index,.media-viewer-caption{pointer-events:none!important}.media-viewer.is-controls-hidden .media-viewer-controls button,.media-viewer.is-controls-hidden .media-viewer-close{pointer-events:none}.city-intro{padding:clamp(14px,2.2vh,22px) clamp(24px,4vw,64px) clamp(22px,3vh,30px)}.city-heading h2{margin-top:12px}.city-summary{margin-top:13px}.city-facts{margin-top:16px}.city-media-deck{gap:clamp(30px,3.4vw,56px);min-height:0;padding:0 clamp(18px,2.2vw,36px) 12px}.city-media-card,.city-media-deck.is-uniform .city-media-card,.city-media-deck.is-mixed .city-media-card{width:var(--media-card-width);height:var(--media-display-height);max-width:min(var(--media-native-width,2200px), 62vw);max-height:100%;aspect-ratio:var(--media-ratio,1);flex:0 1 var(--media-card-width)!important}.city-media-deck.count-1 .city-media-card,.city-media-deck.count-2 .city-media-card{width:var(--media-card-width);flex:0 1 var(--media-card-width)!important}.city-media-card button{min-height:0}.city-media-pagination{z-index:2;min-height:0;position:relative}.city-intro{grid-template-columns:minmax(0,1fr);align-content:center;gap:0;width:100%;padding:clamp(12px,1.8vh,18px) clamp(30px,4vw,64px) clamp(22px,2.8vh,28px);display:grid}.city-heading-row{display:block}.city-heading{min-width:0}.city-heading-meta{justify-content:space-between;align-items:flex-start;gap:40px;width:100%;display:flex}.city-heading-meta .city-facts{background:#070b108c;grid-auto-columns:minmax(118px,1fr);min-width:min(340px,31vw);margin:18px clamp(125px,12vw,190px) 0 auto;padding:10px 13px}.city-heading-meta h2{color:var(--city-muted);letter-spacing:.18em;margin:13px 0 0;font-family:Microsoft YaHei,sans-serif;font-size:clamp(15px,1.35vw,21px);font-weight:400}.city-heading-meta .city-summary{margin-top:12px}.city-media-deck{justify-content:center;align-items:center;gap:clamp(44px,4vw,64px);padding:8px clamp(30px,3.6vw,56px) 14px}.city-media-card,.city-media-deck.is-uniform .city-media-card,.city-media-deck.is-mixed .city-media-card{max-height:none}.city-media-pagination{padding-inline:clamp(30px,3.6vw,56px)}.city-archive-paper{isolation:isolate;background:#070a0e;grid-template-rows:50px minmax(176px,20svh) minmax(0,1fr) 64px;grid-template-columns:minmax(0,1fr);overflow:hidden}.city-archive-paper:before{z-index:0;content:"";background-color:color-mix(in srgb, var(--city-atmosphere) 30%, #080b10);background-image:var(--city-cover);background-position:var(--city-cover-position,center);filter:blur(var(--city-cover-blur,10px)) saturate(.96) brightness(.78) contrast(1.06);opacity:1;background-size:cover;position:absolute;inset:-36px;transform:scale(1.035)}.city-archive-paper:after{z-index:0;content:"";background:linear-gradient(90deg, #03070cc2 0%, #03070c7a 38%, #04070b3d 70%, #04070b57 100%), linear-gradient(180deg, #03060a14 0%, #03060a1a 46%, #03060a70 100%), radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--city-atmosphere) 20%, transparent), transparent 42%);pointer-events:none;position:absolute;inset:0}.city-archive-paper>*{z-index:1;position:relative}.city-archive-nav{text-shadow:0 1px 14px #00000080;padding-inline:clamp(34px,3.5vw,66px)}.city-intro{grid-template-columns:minmax(0,1fr) clamp(310px,26vw,410px);align-content:center;align-items:end;gap:clamp(34px,6vw,116px);width:100%;padding:clamp(12px,1.8vh,18px) clamp(34px,4vw,72px) clamp(20px,2.7vh,28px);display:grid}.city-heading{text-shadow:0 2px 24px #00000070;min-width:0}.city-heading p{opacity:.86;margin:0 0 10px;font-size:9px}.city-heading h1{margin:0;font-size:clamp(42px,5vw,76px);line-height:.86}.city-heading h2{color:#e1e9eab8;letter-spacing:.18em;margin:13px 0 0;font-family:Microsoft YaHei,sans-serif;font-size:clamp(15px,1.35vw,21px);font-weight:400}.city-summary{color:#e8eeefc2;opacity:1;text-shadow:0 1px 12px #000000b3;margin-top:11px}.city-intro .city-facts{width:100%;min-width:0;box-shadow:none;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#070b10a3;border-color:#e0eef02e;border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-self:end;margin:0 0 2px;padding:10px 13px;display:grid}.city-intro .city-facts div{padding:0 12px}.city-intro .city-facts dt{color:#dde6e894;margin-bottom:5px}.city-intro .city-facts dd{color:#f8faf9f0;font-size:11px;font-weight:600}.city-media-deck{justify-content:center;align-items:flex-start;gap:clamp(48px,5vw,96px);min-height:0;padding:clamp(22px,3vh,30px) clamp(40px,4.2vw,80px) 14px}.city-media-card,.city-media-deck.is-uniform .city-media-card,.city-media-deck.is-mixed .city-media-card{box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.24s cubic-bezier(.2,.65,.3,1) both city-media-card-arrive;animation-delay:calc(var(--media-visible-index,0) * 24ms);background:#080c1047;border-color:#e4f1f240;align-self:flex-start;transition:transform .28s,border-color .2s,filter .2s}.city-media-card button{background:#070a0e38}.city-media-deck.is-orientation-mixed{gap:clamp(28px,3vw,56px);padding-inline:clamp(30px,3.2vw,60px)}.city-media-deck.is-square-set{gap:clamp(42px,4.2vw,78px);padding-inline:clamp(42px,4vw,76px)}.city-media-pagination{text-shadow:0 1px 12px #0000009e;padding-inline:clamp(34px,3.5vw,66px)}@keyframes city-media-card-arrive{0%{opacity:.72;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}.city-archive-paper{grid-template-rows:50px clamp(190px,23svh,248px) minmax(0,1fr) 64px}.city-archive-paper:before{filter:none;opacity:1;background-image:none;transform:none}.city-background-stage{pointer-events:none;inset:0;overflow:hidden;z-index:0!important;position:absolute!important}.city-background-layer{background-color:color-mix(in srgb, var(--city-atmosphere) 30%, #080b10);background-image:var(--city-layer-image);background-position:var(--city-cover-position,center);filter:blur(var(--city-cover-blur,10px)) saturate(.96) brightness(.78) contrast(1.06);will-change:opacity;background-size:cover;position:absolute;inset:-36px;transform:scale(1.035)}.city-background-layer.is-previous{z-index:0;opacity:1}.city-background-layer.is-current{z-index:1;animation:.64s cubic-bezier(.22,.7,.25,1) both city-background-arrive}@keyframes city-background-arrive{0%{opacity:0}to{opacity:1}}.city-intro{align-content:center;padding-top:clamp(8px,1.3vh,14px);padding-bottom:clamp(16px,2.1vh,22px)}.city-heading p{margin-bottom:9px}.city-title-group{max-width:100%;margin-bottom:30px;display:inline-block;position:relative}.city-heading .city-title-en{color:#fafcfbf5;letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:.88}.city-heading .city-title-cn{color:#e5eced99;letter-spacing:.12em;white-space:nowrap;margin:0;font-family:Microsoft YaHei,sans-serif;font-size:clamp(18px,1.25vw,21px);font-weight:400;line-height:1;position:absolute;bottom:-22px;right:0}.city-copy{color:#f4f6f2b8;letter-spacing:.035em;text-shadow:0 2px 12px #0000006b;gap:1px;max-width:490px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,Georgia,serif;font-size:clamp(15px,1.04vw,17px);font-weight:400;line-height:1.55;display:grid}.city-copy>span{display:block}.city-copy-meta{color:#e8eeed7a;letter-spacing:.075em;margin-top:6px;font-family:inherit;font-size:clamp(11px,.76vw,12.5px);font-weight:400;line-height:1.45;display:block}.city-intro .city-facts{background:rgba(var(--city-card-rgb), .78);-webkit-backdrop-filter:blur(14px)saturate(1.05);border:1px solid #ffffff17;box-shadow:0 10px 32px #0000001f}.city-intro .city-facts div+div{border-left-color:#ffffff1a}.city-intro .city-facts dt{color:#ffffff7a}.city-intro .city-facts dd{color:#ffffffe6}.city-media-deck{padding-right:max(64px,4.2vw);position:relative}.background-edit-controls{z-index:8;gap:8px;display:grid;position:absolute;top:50%;right:clamp(12px,1.2vw,22px);transform:translateY(-50%)}.background-edit-controls button{color:#ffffffc2;background:rgba(var(--city-card-rgb), .78);width:42px;height:42px;box-shadow:none;-webkit-backdrop-filter:blur(12px);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;place-items:center;padding:0;transition:color .2s,background .2s,border-color .2s,transform .2s;display:grid}.background-edit-controls button:hover:not(:disabled),.background-edit-controls button.is-active{color:#fffffff5;background:rgba(var(--city-card-rgb), .92);border-color:#ffffff3d;transform:translateY(-1px)}:is(.background-edit-controls button:focus-visible,.city-photo-context-menu button:focus-visible){outline-offset:3px;outline:2px solid #c1e5eec2}.background-edit-controls button:disabled{opacity:.3;cursor:default}.background-choice-prompt{z-index:7;color:#ffffffe6;background:rgba(var(--city-card-rgb), .78);letter-spacing:.08em;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)}.city-media-deck.is-background-selecting .city-media-card.is-photo img{filter:brightness(.62)saturate(.78)}.city-media-deck.is-background-selecting .city-media-card.is-photo button{cursor:pointer}.city-media-deck.is-background-selecting .city-media-card.is-photo .background-choice-prompt{opacity:1;transform:translate(-50%,-50%)}.city-media-deck.is-background-selecting .city-media-card.is-video{opacity:.42}.city-media-deck.is-background-selecting .city-media-card.is-current-background{border-color:#d4eef09e;box-shadow:0 0 0 1px #d4eef029}.city-photo-context-menu{z-index:84;color:#ffffffdb;background:rgba(var(--city-card-rgb), .92);-webkit-backdrop-filter:blur(18px)saturate(1.05);border:1px solid #ffffff1a;border-radius:11px;min-width:202px;padding:6px;animation:.16s both city-context-arrive;display:grid;position:fixed;box-shadow:0 16px 42px #0000003d}.city-photo-context-menu button{min-height:36px;color:inherit;cursor:pointer;text-align:left;letter-spacing:.035em;background:0 0;border:0;border-radius:7px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;font-size:11px;display:grid}.city-photo-context-menu button:hover:not(:disabled){background:#ffffff13}.city-photo-context-menu button:disabled{opacity:.42;cursor:default}@keyframes city-context-arrive{0%{opacity:0;transform:translateY(-3px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.city-background-toast{z-index:86;color:#ffffffdb;background:rgba(var(--city-card-rgb), .84);letter-spacing:.08em;pointer-events:none;-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:9px;padding:8px 12px;font-size:10px;animation:.2s both city-toast-arrive;position:fixed;bottom:78px;left:50%;transform:translate(-50%)}@keyframes city-toast-arrive{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.city-background-layer.is-current,.city-photo-context-menu,.city-background-toast{animation-duration:.01ms!important}}