.p1-city{isolation:isolate;touch-action:pan-y;background:#07111e;position:absolute;inset:0;overflow:hidden}.p1-visual,.p1-map{will-change:transform;width:100%;height:100%;transition:transform 1.25s cubic-bezier(.16,.82,.18,1);position:absolute;inset:0;transform:scale(1)}.p1-city.has-focus .p1-visual,.p1-city.has-focus .p1-map{transform:scale(1.82)}.p1-live-city{z-index:1;object-fit:cover;object-position:center;opacity:0;background:#07111e;width:100%;height:100%;transition:opacity .28s;display:block;position:absolute;inset:0}.p1-live-city.is-ready{opacity:1}.p1-time-light{z-index:3;pointer-events:none;background:linear-gradient(#0209120a,#0209121f);position:absolute;inset:0}.p1-map{z-index:4;filter:drop-shadow(0 0 #0000)}.p1-map path{fill:#fff0;stroke:#0000;stroke-width:.18px;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:all;outline:none}.p1-map path:focus-visible{stroke:#ffffff8c;filter:drop-shadow(0 0 4px #ffffff59)}.p1-city.has-focus .p1-map{pointer-events:none}.p1-city.has-focus:after{content:"";z-index:2;pointer-events:none;background:#0108112e;position:absolute;inset:0}.p1-district-approach{z-index:5;pointer-events:none;background:#07111e;animation:.72s cubic-bezier(.2,.8,.2,1) 1.05s both p1-approach-in;position:absolute;inset:0;overflow:hidden}.p1-district-approach.zone-business{animation-duration:.34s;animation-delay:0s}.p1-district-approach.zone-weekly,.p1-district-approach.zone-residents{animation-duration:.45s;animation-delay:0s}.p1-district-approach video{object-fit:cover;object-position:center 54%;width:100%;height:100%;display:block}.p1-district-approach-shade{pointer-events:none;background:linear-gradient(#02070d3b,#0000 35%,#02070d14 68%,#02070da3);position:absolute;inset:0}.p1-overview-points{z-index:6;pointer-events:none;position:absolute;inset:0}.p1-overview-points button{color:#fff;pointer-events:auto;background:0 0;border:0;justify-items:center;gap:6px;padding:8px;animation:.42s cubic-bezier(.2,.8,.2,1) both p1-marker-in;display:grid;position:absolute;translate:-50% -50%}.p1-overview-points b{letter-spacing:.14em;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 8px #000000f2;max-height:92px;padding:0;font-size:9px;font-weight:600;line-height:1.15}.p1-overview-points span{background:#ff3b30;border-radius:50% 50% 50% 0;width:15px;height:15px;margin-top:2px;position:relative;rotate:-45deg;box-shadow:0 1px 1px #000000bf,0 0 0 1px #590e0cb3,0 0 8px #ff3b3038}.p1-overview-points span:after{content:"";background:#17212b;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;translate:-50% -50%}.p1-overview-points.is-all button:first-child{animation-delay:20ms}.p1-overview-points.is-all button:nth-child(2){animation-delay:80ms}.p1-overview-points.is-all button:nth-child(3){animation-delay:.14s}.p1-overview-points.is-all button:nth-child(4){animation-delay:.2s}.p1-overview-points.is-all button:nth-child(5){animation-delay:.26s}.p1-zone-entry{z-index:8;border:1px solid color-mix(in srgb,var(--zone-color) 56%,transparent);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#040c18f5,#040912e6);border-radius:18px;gap:5px;padding:15px 52px 15px 16px;animation:.44s cubic-bezier(.2,.8,.2,1) 1.12s both p1-entry-in;display:grid;position:absolute;bottom:68px;left:14px;right:14px;box-shadow:0 18px 55px #00000080}.p1-zone-entry.zone-neon{animation-delay:1.68s}.p1-zone-entry.zone-business{animation-delay:.12s}.p1-zone-entry.zone-residents{animation-delay:.55s}.p1-zone-entry>span{color:var(--zone-color);letter-spacing:.12em;font-size:9px}.p1-zone-entry>strong{font-size:19px;line-height:1.25}.p1-zone-entry>p{color:#c8d0db;margin:0;font-size:11px;line-height:1.55}.p1-zone-entry>a,.p1-zone-entry>button:not(.p1-zone-entry-close){border:1px solid color-mix(in srgb,var(--zone-color) 72%,transparent);background:color-mix(in srgb,var(--zone-color) 16%,#040c18e6);color:#fff;border-radius:999px;justify-self:start;margin-top:5px;padding:9px 16px;font-size:11px;font-weight:700;text-decoration:none}.p1-zone-entry-close{color:#fff;background:#ffffff0f;border:1px solid #ffffff47;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;position:absolute;top:11px;right:11px}.p1-controls{z-index:7;gap:7px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:76px;left:50%;translate:-50%}.p1-controls button{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040c18c7;border:1px solid #ffffff59;border-radius:999px;padding:9px 12px;font-size:10px}.p1-controls button.is-active{background:#ffffff21;border-color:#fff}.city-phase-transition{z-index:12;color:#fff;pointer-events:none;background:#030b15;place-items:center;animation:3.2s both city-phase-blackout;display:grid;position:absolute;inset:0}.city-phase-transition:after{content:"";pointer-events:none;background:linear-gradient(#12233229,#0000 22% 78%,#0003);position:absolute;inset:0}.city-phase-transition-copy{z-index:1;writing-mode:vertical-rl;text-orientation:upright;flex-direction:row;align-items:flex-start;gap:clamp(16px,4.5vw,30px);max-height:64%;display:flex;position:relative}.city-phase-transition-copy span,.city-phase-transition-copy strong,.city-phase-transition-copy p{clip-path:inset(0 0 100%);margin:0;animation:1.3s cubic-bezier(.18,.82,.2,1) forwards city-phase-copy-down}.city-phase-transition-copy span{color:#d8b966;letter-spacing:.2em;font-size:clamp(11px,3vw,15px);font-weight:700;animation-delay:.18s}.city-phase-transition-copy strong{letter-spacing:.14em;font-size:clamp(25px,7.5vw,43px);font-weight:500;line-height:1.18;animation-delay:.35s}.city-phase-transition-copy p{color:#ffffffb3;letter-spacing:.1em;max-height:56vh;font-size:clamp(11px,3vw,15px);line-height:1.75;animation-delay:.62s}.city-phase-nav{z-index:14;pointer-events:none;position:absolute;inset:0}.city-phase-nav button{color:#ffffffe6;cursor:pointer;pointer-events:auto;text-shadow:0 2px 14px #000000e6;background:0 0;border:0;place-items:center;width:52px;height:78px;padding:0;font-size:clamp(29px,8vw,42px);font-weight:300;line-height:1;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;translate:0 -50%}.city-phase-nav button:not(:disabled):active{transform:scale(.9)}.city-phase-nav .city-phase-prev{left:max(2px,env(safe-area-inset-left))}.city-phase-nav .city-phase-next{right:max(2px,env(safe-area-inset-right))}.city-phase-nav button:disabled{opacity:.12;cursor:default;pointer-events:none}.p1-city.is-transitioning .p1-time-light{opacity:.28}@keyframes p1-marker-in{0%{opacity:0;translate:-50% calc(-50% - 8px)}to{opacity:1;translate:-50% -50%}}@keyframes p1-entry-in{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes p1-approach-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes city-phase-blackout{0%{opacity:0}10%,86%{opacity:1}to{opacity:0}}@keyframes city-phase-copy-down{0%{opacity:0;clip-path:inset(0 0 100%);translate:0 -18px}to{opacity:1;clip-path:inset(0);translate:0}}@media (width>=700px){.p1-overview-points b{max-height:122px;font-size:11px}.p1-overview-points span{width:18px;height:18px}.p1-zone-entry{width:min(480px,100% - 40px);left:50%;right:auto;translate:-50%}}@media (prefers-reduced-motion:reduce){.p1-visual,.p1-map,.p1-live-city,.p1-overview-points button,.p1-zone-entry,.p1-district-approach{transition:none;animation:none}.city-phase-transition{animation:.9s both city-phase-blackout}.city-phase-transition-copy span,.city-phase-transition-copy strong,.city-phase-transition-copy p{clip-path:none;animation:none}}.residence-card{--card-ink:#14171b;--card-line:#14171b57;z-index:45;min-height:100%;color:var(--card-ink);background-color:#c9cdd1;background-image:url(/city-v3/card-silver-texture.webp);background-position:50%;background-size:100% 100%;border:0;border-radius:clamp(22px,5vw,34px);padding:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 70px #00000057,inset 0 0 0 1px #ffffff29}.residence-card--gold{--card-ink:#21170a;--card-line:#36240d61;background-color:#c79a3a;background-image:url(/city-v3/card-gold-texture.webp)}.residence-card--black{--card-ink:#d8b989;--card-line:#d8b9896b;background-color:#111318;background-image:url(/city-v3/card-black-texture.webp)}.residence-card--red{--card-ink:#eab49f;--card-line:#eab49f66;background-color:#7b1f2d;background-image:url(/city-v3/card-red-texture.webp)}.residence-card--founder-1{--card-ink:#fff8ef;--card-line:#ffecd966;background-color:#8a674f;background-image:url(/city-v3/card-founder-1-texture.webp)}.residence-card--founder-2{--card-ink:#bce9df;--card-line:#bce9df5c;background-color:#0d5d58;background-image:url(/city-v3/card-founder-2-texture.webp)}.residence-card__flip{z-index:4;top:calc(env(safe-area-inset-top,0px) + 3.4%);min-height:clamp(38px,5.2vh,48px);color:var(--card-ink);border:1px solid color-mix(in srgb, currentColor 72%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:15px;padding:0 clamp(14px,4vw,22px);font-size:clamp(13px,3.5vw,17px);font-weight:620;position:absolute;right:6.4%;box-shadow:inset 0 0 0 2px #ffffff14,0 8px 22px #0000002e}.residence-card__brand{z-index:2;justify-items:center;margin:0;display:grid;position:absolute;top:46.6%;left:8%;right:8%}.residence-card__mark-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.residence-card__brand strong{text-shadow:0 1px #ffffff38,0 2px 4px #0003;letter-spacing:.27em;font-size:clamp(16px,4.6vw,23px);font-weight:500}.residence-card__heading{z-index:2;text-align:center;margin:0;position:absolute;top:54.2%;left:7.5%;right:7.5%}.residence-card__heading h1{text-shadow:0 1px #ffffff2e,0 2px 5px #0000003d;letter-spacing:.015em;margin:0;font-size:clamp(23px,6vw,32px);font-weight:620;line-height:1.24}.residence-card__heading p{letter-spacing:.23em;margin:clamp(7px,1.2vh,12px) 0 0;font-size:clamp(12px,3.4vw,15px)}.residence-card__details{z-index:2;margin:0;position:absolute;top:64%;left:9.5%;right:9.5%}.residence-card--guest .residence-card__heading p{display:none}.residence-card--guest .residence-card__details{top:61.7%}.residence-card__details>div{border-top:1px solid var(--card-line);grid-template-columns:minmax(88px,31%) 1fr;align-items:center;gap:12px;min-height:clamp(40px,4.85vh,52px);display:grid}.residence-card__details>div:last-child{border-bottom:1px solid var(--card-line)}.residence-card__details dt{letter-spacing:.06em;opacity:.86;font-size:clamp(12px,3.5vw,15px)}.residence-card__details dd{overflow-wrap:anywhere;text-shadow:0 1px #ffffff1f,0 2px 4px #0003;min-width:0;margin:0;font-size:clamp(14px,4.2vw,19px);font-weight:640;line-height:1.45}.residence-card__renewal-full{letter-spacing:.015em;white-space:nowrap;grid-column:1/-1;font-size:clamp(11px,3.15vw,14px)!important;font-weight:560!important}.resident-name-notice{color:currentColor;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;width:24px;height:24px;margin-left:9px;padding:0;font-size:14px;font-weight:800}.residence-card__auth,.residence-card__resident-actions{z-index:3;right:8%;bottom:calc(env(safe-area-inset-bottom,0px) + 4.8%);min-height:44px;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;margin:0;font-size:clamp(19px,5vw,24px);font-weight:750;display:flex;position:absolute;left:8%}.residence-card__auth a,.residence-card__resident-actions a{text-decoration:none}.residence-card__resident-actions{gap:clamp(28px,10vw,52px);font-size:14px}.residence-card__resident-actions a{flex:0 auto;place-items:center;min-height:44px;padding:0 4px;display:grid}.resident-name-explanation{z-index:8;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);color:#f8f4ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a10e6;border:1px solid #ffffff42;border-radius:20px;padding:20px;position:absolute;left:20px;box-shadow:0 18px 45px #00000057}.resident-name-explanation strong{font-size:17px}.resident-name-explanation p{color:#f8f4edc7;margin:10px 0 16px;font-size:14px;line-height:1.75}.resident-name-explanation button{color:#0b1018;cursor:pointer;background:#f5f1e9;border:0;border-radius:999px;width:100%;min-height:44px;font-weight:800}@media (height<=760px){.residence-card__details>div{min-height:40px}.residence-card__auth,.residence-card__resident-actions{min-height:48px;bottom:calc(env(safe-area-inset-bottom,0px) + 2.5%)}}:root{--city-ink:#f7f3ea;--city-muted:#f7f3eaad;--city-line:#ffffff29;--city-glass:#090f17e3;--city-gold:#e8bd61;--city-pink:#ff79d3}*{box-sizing:border-box}html,body{background:#020912;min-height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}.city-shell{min-height:100svh;color:var(--city-ink);background:radial-gradient(circle at 50% 0,#1d466a4d,#0000 44rem),#020912;place-items:center;font-family:Noto Sans TC,system-ui,sans-serif;display:grid}.city-phone{isolation:isolate;background:#06101b;width:min(100%,520px);height:100svh;min-height:min(640px,100svh);position:relative;overflow:hidden}.scene{position:absolute;inset:0;overflow:hidden}.city-overview{background:#03101d}.city-overview-v3{--city-depth-x:0px;--city-depth-y:0px;--city-tilt-x:0deg;--city-tilt-y:0deg;touch-action:pan-y;perspective:1200px;background:#07111c}.city-opening-film{z-index:90;color:#fff;opacity:1;background:#030913;transition:opacity .28s ease-out,transform .28s cubic-bezier(.22,.8,.2,1);position:absolute;inset:0;overflow:hidden}.city-opening-film.is-closing{opacity:0;pointer-events:none;transform:scale(1.035)}.city-opening-film video{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .62s,filter .9s,transform .9s cubic-bezier(.2,.78,.2,1);display:block}.city-opening-shade{pointer-events:none;background:linear-gradient(#02070e2e,#0000 28%),linear-gradient(#0000 62%,#02070ec7);transition:background .78s,opacity .52s;position:absolute;inset:0}.city-opening-film.intro-stage-darkening .city-opening-shade{background:radial-gradient(circle at 50% 45%,#01050a4d,#000000f5 68%),#000000c7}.city-opening-film.intro-stage-darkening video{filter:brightness(.58)contrast(1.12)saturate(.88);transform:scale(1.025)}.city-opening-film.intro-stage-logo video,.city-opening-film.intro-stage-clearing video{opacity:0;filter:brightness(0);transform:scale(1.05)}.city-opening-film.intro-stage-clearing{pointer-events:none;background:0 0}.city-opening-film.intro-stage-clearing .city-opening-shade{opacity:0}.city-opening-copy{z-index:2;right:24px;bottom:max(42px, calc(env(safe-area-inset-bottom,0px) + 28px));text-shadow:0 3px 18px #000000e6;gap:7px;transition:opacity .42s,transform .52s;animation:.9s .4s both opening-copy-arrival;display:grid;position:absolute;left:24px}.city-opening-film.intro-stage-darkening .city-opening-copy,.city-opening-film.intro-stage-logo .city-opening-copy,.city-opening-film.intro-stage-clearing .city-opening-copy{opacity:0;transform:translateY(12px)}.city-opening-corner-logo{z-index:3;right:20px;bottom:max(34px, calc(env(safe-area-inset-bottom,0px) + 22px));opacity:.92;filter:drop-shadow(0 2px 8px #000000d1)drop-shadow(0 0 8px #c4e0f738);pointer-events:none;width:clamp(48px,14vw,68px);height:auto;transition:opacity .42s,transform .52s;position:absolute}.city-opening-film.intro-stage-logo .city-opening-corner-logo,.city-opening-film.intro-stage-clearing .city-opening-corner-logo{opacity:0;transform:translateY(8px)scale(.94)}.city-opening-transition{z-index:5;opacity:0;pointer-events:none;perspective:1600px;background:#000;transition:opacity 1.15s cubic-bezier(.22,.78,.2,1);position:absolute;inset:0;overflow:hidden}.city-opening-film.intro-stage-logo .city-opening-transition{opacity:1}.city-opening-film.intro-stage-clearing .city-opening-transition{opacity:0}.city-opening-transition:after{content:"";z-index:8;opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#fff 0 8%,#cee7fff5 14%,#6eb4ff59 36%,#0000 67%);position:absolute;inset:-18%}.city-opening-film.intro-stage-logo .city-opening-transition:after{animation:.76s cubic-bezier(.18,.8,.2,1) both city-opening-flash}.city-opening-bloom{z-index:1;aspect-ratio:1;opacity:0;filter:blur(3px);background:radial-gradient(circle,#fffffffa,#90ccff8f 16%,#4a97e12e 42%,#0000 70%);border-radius:50%;width:min(72vw,370px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.08)}.city-opening-film.intro-stage-logo .city-opening-bloom{animation:.92s cubic-bezier(.16,.8,.2,1) both city-opening-bloom}.city-opening-smoke-scene{z-index:4;background:#000;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.city-opening-logo-lockup{z-index:4;justify-items:center;gap:clamp(18px,4vh,34px);display:grid;position:relative;transform:translateY(-2vh)}.city-opening-logo-lockup img{opacity:0;filter:drop-shadow(0 0 20px #abdaff85);width:min(64vw,320px);height:auto;transform:scale(.76)}.city-opening-film.intro-stage-logo .city-opening-logo-lockup img,.city-opening-film.intro-stage-clearing .city-opening-logo-lockup img{animation:.82s cubic-bezier(.16,.82,.18,1) .1s both city-logo-arrival}.city-opening-name{color:#f0f6fcf5;text-shadow:0 0 12px #bce0ff80,0 0 32px #5fa6e547;letter-spacing:.04em;gap:.42em;font-size:clamp(29px,8.5vw,44px);font-weight:580;display:flex}.city-opening-name span{opacity:0;filter:blur(9px);transform:translateY(14px)scale(.92)}.city-opening-film.intro-stage-logo .city-opening-name span:first-child,.city-opening-film.intro-stage-clearing .city-opening-name span:first-child{animation:.65s ease-out .85s both city-opening-name-arrival}.city-opening-film.intro-stage-logo .city-opening-name span:nth-child(2),.city-opening-film.intro-stage-clearing .city-opening-name span:nth-child(2){animation:.65s ease-out 1.15s both city-opening-name-arrival}.city-opening-film.intro-stage-logo .city-opening-name span:nth-child(3),.city-opening-film.intro-stage-clearing .city-opening-name span:nth-child(3){animation:.65s ease-out 1.45s both city-opening-name-arrival}.city-opening-smoke{z-index:2;opacity:0;filter:contrast(1.06)brightness(.88);mix-blend-mode:screen;pointer-events:none;will-change:opacity, transform, filter;background:url(/city-v4/yaoheng-smoke-frame.png) 50%/100% 100% no-repeat;position:absolute;inset:-5% -12%}.city-opening-smoke--one{z-index:2}.city-opening-smoke--two{z-index:3;filter:contrast(1.08)brightness(.68)blur(.7px);inset:-15% -28%;transform:scaleX(-1)rotate(4deg)}.city-opening-smoke--three{z-index:5;filter:contrast(1.05)brightness(.48)blur(1.2px);background-size:118% 118%;inset:8% -38% -18%}.city-opening-film.intro-stage-logo .city-opening-smoke--one{animation:4.1s ease-out both city-opening-smoke-left}.city-opening-film.intro-stage-logo .city-opening-smoke--two{animation:4.1s ease-out .12s both city-opening-smoke-right}.city-opening-film.intro-stage-logo .city-opening-smoke--three{animation:4.1s ease-out .24s both city-opening-smoke-left}.city-opening-copy span{color:#f0c86e;letter-spacing:.16em;font-size:12px;font-weight:850}.city-opening-copy strong{max-width:330px;font-size:clamp(25px,7vw,36px);line-height:1.25}.city-opening-copy small{color:#ffffffb8;letter-spacing:.05em;font-size:13px}.city-opening-skip,.city-opening-sound{z-index:3;top:max(18px, calc(env(safe-area-inset-top,0px) + 12px));color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:36px;font:inherit;background:#03091275;border:1px solid #ffffff61;border-radius:999px;padding:0 13px;font-size:12px;font-weight:760;transition:opacity .24s;position:absolute}.city-opening-skip{right:16px}.city-opening-sound{left:16px}.city-opening-film.intro-stage-logo .city-opening-skip,.city-opening-film.intro-stage-clearing .city-opening-skip{opacity:0;pointer-events:none}@keyframes city-opening-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.08)}28%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(6.4)}}@keyframes city-opening-flash{0%,18%{opacity:0;transform:scale(.25)}42%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(2.2)}}@keyframes city-logo-arrival{0%,36%{opacity:0;filter:brightness(4)drop-shadow(0 0 42px #fffffff2);transform:scale(.7)}62%{opacity:1;filter:brightness(1.8)drop-shadow(0 0 30px #abdaffd1);transform:scale(1.04)}to{opacity:1;filter:brightness()drop-shadow(0 0 18px #abdaff75);transform:scale(1)}}@keyframes city-opening-name-arrival{0%{opacity:0;filter:blur(9px);transform:translateY(14px)scale(.92)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes city-opening-smoke-left{0%{opacity:0;filter:contrast(1.04)brightness(.58)blur(1.8px);transform:translate(-7%,7%)scale(.94)rotate(-2deg)}17%{opacity:.82}48%{opacity:.68;filter:contrast(1.08)brightness(.94)blur()}78%{opacity:.42}to{opacity:0;filter:contrast(1.02)brightness(.72)blur(2.6px);transform:translate(10%,-8%)scale(1.15)rotate(2deg)}}@keyframes city-opening-smoke-right{0%{opacity:0;filter:contrast(1.04)brightness(.48)blur(2px);transform:translate(8%,8%)scaleX(-1)scale(.9)rotate(5deg)}20%{opacity:.55}50%{opacity:.46;filter:contrast(1.08)brightness(.72)blur(.6px)}78%{opacity:.3}to{opacity:0;filter:contrast(1.02)brightness(.5)blur(3px);transform:translate(-11%,-10%)scaleX(-1)scale(1.19)rotate(0)}}.city-panorama-v3{z-index:0;object-fit:cover;transform-origin:50% 58%;will-change:transform, object-position;width:100%;max-width:none;height:100%;transition:object-position .56s cubic-bezier(.18,.82,.2,1);animation:18s ease-in-out infinite alternate city-depth-drift;position:absolute;inset:0}.city-depth-atmosphere{z-index:1;pointer-events:none;mix-blend-mode:screen;transform:translate3d(calc(var(--city-depth-x) * -.3), calc(var(--city-depth-y) * -.3), 0) scale(1.03);background:radial-gradient(at 50% 14%,#b9e2ff33,#0000 34%),linear-gradient(#b9e2ff14,#0000 34%,#0209121f);transition:transform .18s ease-out;position:absolute;inset:-4%}.city-moving-traffic{z-index:2;opacity:.76;pointer-events:none;transform:translate3d(calc(var(--city-depth-x) * -.55), calc(var(--city-depth-y) * -.25), 0);transition:transform .18s ease-out;position:absolute;inset:42% -8% -5%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 88%,#0000);mask-image:linear-gradient(#0000,#000 22% 88%,#0000)}.city-moving-traffic i{opacity:0;background:#fff4bf;border-radius:50%;width:6px;height:2px;animation:5.2s linear infinite traffic-light-run;position:absolute;box-shadow:0 0 6px #ffd477,0 0 13px #ff9e42cc}.city-moving-traffic i:first-child{animation-delay:-.4s;top:64%;left:9%}.city-moving-traffic i:nth-child(2){animation-duration:6.4s;animation-delay:-2.2s;top:44%;left:32%}.city-moving-traffic i:nth-child(3){animation-duration:5.7s;animation-delay:-3.6s;top:57%;left:62%}.city-moving-traffic i:nth-child(4){animation-duration:6.9s;animation-delay:-1.4s;top:33%;left:78%}.city-status-panel{z-index:12;top:calc(env(safe-area-inset-top,0px) + 22px);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-shadow:0 2px 10px #00000070;background:#0a141d94;border:1px solid #ffffff8f;border-radius:18px;min-height:88px;padding:13px 104px 13px 16px;position:absolute;left:18px;right:18px;box-shadow:0 16px 38px #0000002e}.city-status-panel p{letter-spacing:.045em;flex-wrap:wrap;gap:2px 12px;max-width:100%;margin:0;font-size:clamp(10px,3vw,13px);font-weight:620;line-height:1.4;display:flex}.city-status-panel strong{margin-top:8px;font-size:clamp(12px,3.5vw,15px);font-weight:720;line-height:1.35;display:block}.city-status-panel button{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffffb3;border-radius:999px;min-width:76px;min-height:34px;padding:0 10px;font-size:12px;font-weight:760;position:absolute;top:12px;right:12px}.city-panorama,.city-time-light,.city-light-flow{pointer-events:none;position:absolute;inset:-3%}.city-panorama{z-index:0;will-change:transform, filter;background:radial-gradient(circle at 50% 12%,#243d55,#07101a 68%,#02060b);animation:24s ease-in-out infinite alternate city-breathe}.city-time-light{z-index:1;mix-blend-mode:screen;background:radial-gradient(circle at 72% 13%,#ffdc9b33,#0000 26%),linear-gradient(#0413240a,#02081014);transition:background 1.2s;inset:0}.city-light-flow{z-index:2;opacity:.3;mix-blend-mode:screen;background:linear-gradient(98deg,#0000 13%,#58baff33 25%,#0000 36%),linear-gradient(83deg,#0000 56%,#ff63ca33 67%,#0000 78%);animation:5.5s ease-in-out infinite alternate light-flow;inset:24% -20% 4%}.scene-shade{pointer-events:none;background:linear-gradient(#01060c8c,#0000 28% 74%,#01060c73);position:absolute;inset:0}.city-intro{z-index:6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-shadow:0 2px 18px #020912;background:linear-gradient(135deg,#030b14c2,#030b144d);border:1px solid #ffffff1f;border-radius:13px;width:min(305px,100% - 40px);padding:10px 12px 11px;position:absolute;top:78px;left:20px}.city-broadcast-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.city-intro p{color:#ffffffb3;letter-spacing:.08em;margin:0;font-size:12px}.city-broadcast-meta span{color:#e7f4ff;background:#76add51f;border:1px solid #bedef747;border-radius:99px;flex:none;padding:3px 6px;font-size:11px}.city-intro h1{margin:0;font-size:clamp(19px,5.1vw,25px);line-height:1.3}.district-view{contain:layout paint;background:radial-gradient(circle at 50% 18%,#17304a 0,#07111d 52%,#03070d 100%)}.district-live-video{z-index:1;background:#07080d;position:absolute;inset:0;overflow:hidden}.district-live-video video{pointer-events:none;object-fit:cover;object-position:center 52%;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)scale(1.002)}.district-live-video-shade{pointer-events:none;background:linear-gradient(#02050a47 0%,#0000 32%,#03060b24 65%,#070b12 100%),linear-gradient(90deg,#02050a29,#0000 30% 70%,#02050a29);position:absolute;inset:0}.district-business{background:radial-gradient(circle at 25% 18%,#13324b 0,#07111d 55%,#02060b 100%)}.district-startup{background:linear-gradient(#16130f,#06080c)}.district-red{background:linear-gradient(#1a0b0d,#06080c)}.district-residential{background:radial-gradient(circle at 72% 18%,#5fb8c42e,#0000 34%),linear-gradient(#10212a 0%,#09131b 50%,#03070d 100%)}.resident-service-visual{z-index:1;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.6%,#7edbe229 50%,#0000 50.4%),linear-gradient(#0000 49.6%,#7edbe21a 50%,#0000 50.4%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:92px 92px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;overflow:hidden}.resident-service-visual:before{content:"";background:linear-gradient(90deg,#0000 0 31%,#91dade21 31% 32%,#0000 32% 68%,#91dade21 68% 69%,#0000 69%),linear-gradient(#24454ec7,#07141beb);border:1px solid #9ce0e238;border-radius:32px 32px 8px 8px;position:absolute;inset:17% 8% 34%;box-shadow:0 0 70px #5bc1ca21}.resident-service-building{z-index:2;color:#edf9f8;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#051219c2;border:1px solid #b5eae83d;justify-items:center;gap:7px;width:min(78%,420px);padding:24px 16px;display:grid;position:absolute;top:26%;left:50%;translate:-50%;box-shadow:0 18px 54px #0000004d}.resident-service-building span,.resident-service-building small{color:#bee1e0a8;letter-spacing:.22em;font-size:10px}.resident-service-building strong{letter-spacing:.08em;font-size:clamp(20px,5vw,30px)}.back-button{z-index:8;color:#fff;min-height:40px;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040a11a3;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:700;display:flex;position:absolute;top:78px;left:16px}.back-button span{font-size:22px}.district-neon .back-button,.district-business .back-button,.district-residential .back-button{top:18px}.district-neon .district-live-video,.district-business .district-live-video,.district-residential .district-live-video{inset:0}.district-neon .district-sheet,.district-business .district-sheet,.district-residential .district-sheet{max-height:46%;transition:max-height .26s,padding .26s}.district-neon .district-sheet.is-collapsed,.district-business .district-sheet.is-collapsed,.district-residential .district-sheet.is-collapsed{max-height:58px;padding-bottom:8px;overflow:hidden}.district-neon.district-sheet-collapsed .neon-live-layer,.district-business.district-sheet-collapsed .neon-live-layer{bottom:68px}.resident-wish-wall{z-index:6;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#030d1475,#030d142e),radial-gradient(circle at 12% 12%,#68d9ec1a,#0000 38%);border:1px solid #8dd5e842;border-radius:19px;grid-template-rows:auto minmax(0,1fr);min-height:0;transition:bottom .28s;display:grid;position:absolute;inset:72px 14px calc(46% + 12px);overflow:hidden;box-shadow:0 18px 44px #00000047}.district-residential.district-sheet-collapsed .resident-wish-wall{bottom:70px}.resident-wish-wall>header{background:#030d1447;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:8px 11px;display:flex}.resident-wish-wall>header span{color:#ddf8fb;letter-spacing:.08em;font-size:11px;font-weight:850}.resident-wish-wall>header small{color:#ddf8fb8c;font-size:9px}.resident-wish-stream{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8dd5e859 transparent;align-content:end;gap:7px;min-height:0;padding:8px;display:grid;overflow-y:auto}.resident-wall-wish{background:#05121ab8;border:1px solid #ffffff1c;border-radius:13px 13px 13px 4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 8px 8px 11px;display:grid;box-shadow:0 8px 22px #0000002e}.resident-wall-wish p{overflow-wrap:anywhere;color:#f2fbfc;text-wrap:pretty;margin:0;font-weight:650;line-height:1.42;transition:font-size .22s}.resident-wall-wish button{color:#06202a;min-width:48px;min-height:38px;font:inherit;background:#7bdef0;border:0;border-radius:999px;align-content:center;place-items:center;padding:5px 8px;font-size:11px;font-weight:900;display:grid}.resident-wall-wish button small{color:#06202aab;font-size:8px;font-weight:850}.resident-wall-wish button:disabled{color:#ffffffbd;background:#ffffff21}.resident-wall-wish button:disabled small{color:#ffffff80}.resident-wish-empty{color:#ffffffa8;text-align:center;margin:auto;font-size:14px}.district-sheet-toggle{color:#ffffffa8;width:100%;font:inherit;background:0 0;border:0;place-items:center;gap:5px;padding:0 0 6px;display:grid}.district-sheet-toggle .sheet-handle{margin:0}.district-sheet-toggle b{letter-spacing:.08em;font-size:10px;font-weight:600}.district-sheet-body{opacity:1;transition:opacity .16s}.district-search{background:#030910e6;border:1px solid #fff3;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:46px;margin:0 0 12px;padding:5px 7px 5px 13px;display:grid;box-shadow:0 10px 28px #0000003d}.district-search>span{color:#ffffffb8;font-size:20px}.district-search input{color:#fff;background:0 0;border:0;outline:0;min-width:0;height:36px;padding:0;font-size:13px}.district-search input::placeholder{color:#ffffff80}.district-search button{color:#ffffffd9;background:#ffffff1c;border:0;border-radius:999px;min-height:34px;padding:0 12px;font-size:11px}.district-sheet.is-collapsed .district-sheet-body{opacity:0;pointer-events:none}.neon-live-layer{z-index:12;pointer-events:none;gap:6px;transition:bottom .28s;display:grid;position:absolute;bottom:calc(46% + 10px);left:14px;right:14px}.neon-comment-lane{justify-content:center;align-items:flex-end;min-height:64px;display:flex}.neon-comment-bubble{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;background:#050a11ad;border:1px solid #ffffff38;border-radius:14px 14px 14px 4px;max-width:min(86%,430px);padding:8px 34px 9px 12px;animation:4.6s both neon-comment-visit;position:relative;box-shadow:0 8px 28px #0000003d}.neon-comment-bubble span{color:#80ddff;letter-spacing:.08em;margin-bottom:2px;font-size:10px;display:block}.neon-comment-bubble strong{font-size:14px;font-weight:650;line-height:1.4;display:block}.neon-comment-bubble button{color:#ffffff8c;font:inherit;background:0 0;border:0;padding:2px 4px;font-size:10px;position:absolute;top:7px;right:8px}.neon-comment-composer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#040910d1;border:1px solid #ffffff38;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:min(100%,520px);margin:0 auto;padding:6px;display:grid;box-shadow:0 8px 30px #00000047}.neon-comment-composer input{color:#fff;min-width:0;height:34px;font:inherit;background:0 0;border:0;outline:0;padding:0 10px;font-size:13px}.neon-comment-composer input::placeholder{color:#ffffff91}.neon-comment-composer button,.neon-comment-composer a{color:#041019;min-width:70px;min-height:34px;font:inherit;background:#62d7ff;border:0;border-radius:999px;place-items:center;padding:0 13px;font-size:12px;font-weight:800;text-decoration:none;display:grid}.neon-comment-composer button:disabled{opacity:.48}.neon-comment-message{color:#fff9;text-align:center;text-shadow:0 2px 8px #000;min-height:14px;margin:0;font-size:10px}@keyframes neon-comment-visit{0%{opacity:0;transform:translateY(10px)}12%,76%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-7px)}}.neon-shoutout-stage{z-index:11;pointer-events:none;display:flex;position:absolute;top:23%;left:12px;right:12px}.neon-shoutout-stage a{width:100%;color:inherit;pointer-events:auto;text-decoration:none;display:flex}.neon-shoutout-card{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#090a0fb8;border:1px solid #ffbf4594;border-radius:13px;width:min(44%,210px);padding:9px 11px;animation:5.4s both neon-shoutout-visit;box-shadow:0 8px 30px #00000047,0 0 22px #ffad3024}.neon-shoutout-card.is-right{margin-left:auto}.neon-shoutout-card.is-left{margin-right:auto}.neon-shoutout-card span{color:#ffc65b;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.neon-shoutout-card strong{margin-top:2px;font-size:12px;display:block}.neon-shoutout-card p{margin:4px 0 0;font-size:12px;line-height:1.45}.neon-shoutout-stage.is-store{z-index:6;top:28%}.neon-shoutout-stage.is-store .neon-shoutout-card{pointer-events:none}@keyframes neon-shoutout-visit{0%{opacity:0;transform:translateY(8px)scale(.98)}12%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.99)}}.district-title{z-index:5;text-align:center;background:#1e0b22bd;border:1px solid #ff79d3c7;border-radius:7px;width:max-content;max-width:82%;padding:12px 17px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 0 28px #ff42c559}.district-title span{color:#ffffffa8;letter-spacing:.18em;font-size:13px}.district-title h1{margin:3px 0 0;font-size:24px}.district-business .district-title{background:#071627cc;border-color:#87c6ffc7;box-shadow:0 0 28px #4d9ee14d}.district-startup .district-title{background:#221608d1;border-color:#e8bd61d1;box-shadow:0 0 28px #e8bd6147}.district-red .district-title{background:#28070ad1;border-color:#ff5c53d6;box-shadow:0 0 30px #ff373752}.district-residential .district-title{background:#071922cc;border-color:#7bbed2b8;box-shadow:0 0 28px #55a7be42}.district-sheet,.place-card{z-index:10;padding:11px 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#13171df0,#070c13fa);border:1px solid #ffffff29;border-radius:24px 24px 0 0;position:absolute;inset:auto 0 0;box-shadow:0 -20px 50px #00000047}.district-sheet{max-height:58%;overflow:auto}.sheet-handle{background:#ffffff47;border-radius:99px;width:42px;height:4px;margin:0 auto 12px}.district-sheet>p{color:var(--city-muted);margin:0 0 14px;font-size:15px;line-height:1.65}.category-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.game-stall-list{background:#090c1461;border:1px solid #ff65cf57;border-radius:15px;margin-top:13px;overflow:hidden}.game-stall-list>a{color:#fff;background:radial-gradient(circle at 8%,#ff5dcd38,#0000 30%),linear-gradient(110deg,#4e114d94,#081927b3);border:1px solid #ff65cf70;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;display:grid;box-shadow:0 0 22px #ff52c714}.game-stall-orb{color:#fff;border:2px solid #74d9ff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;box-shadow:inset 0 0 10px #74d9ff85,0 0 14px #ff4fc552}.game-stall-list>a>span:nth-child(2){gap:2px;min-width:0;display:grid}.game-stall-list small{color:#ff91dc;letter-spacing:.09em;font-size:9px;font-weight:800}.game-stall-list strong{font-size:14px}.game-stall-list p{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.4;overflow:hidden}.game-stall-list b{color:#8de2ff;white-space:nowrap;font-size:11px}.category-row button.game-category{color:#ffb1e6;background:#ff53c712;border-color:#ff65cf47}.category-row button.game-category span{box-shadow:0 0 14px #ff53c73d}.category-row button{color:#ffffffb8;min-width:0;font:inherit;background:#ffffff09;border:1px solid #ffffff1c;border-radius:12px;padding:9px 3px;font-size:13px}.category-row button span{color:#fff;background:#ffffff17;border-radius:50%;place-items:center;width:28px;height:28px;margin:0 auto 6px;font-size:14px;font-weight:800;display:grid}.category-row button.active{color:#fff;background:#ff79d31f;border-color:#ff79d3ad}.district-business .category-row button.active{background:#44a1d32e;border-color:#72d2ffb8}.place-list{border:1px solid #ffffff1a;border-radius:15px;margin-top:13px;overflow:hidden}.list-heading{color:var(--city-muted);background:#ffffff09;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.list-heading strong{color:#fff;font-size:15px}.place-list>button{color:#fff;text-align:left;width:100%;min-height:68px;font:inherit;background:0 0;border:0;border-top:1px solid #ffffff17;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:9px 12px;display:grid}.place-list>button>span:nth-child(2){gap:3px;display:grid}.place-list>button p{color:#ffffff8f;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:1px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.place-list small,.place-card small{color:var(--city-muted);font-size:13px}.place-seal{color:#201402;background:var(--city-gold);border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:grid}.newsroom-seal{color:#f4e4b0;background:#142941;border:1px solid #f4d47e61}.place-list-logo{object-fit:contain;background:#ffffffeb;border:1px solid #ffffff29;border-radius:11px;width:38px;height:38px;padding:3px}.empty-place{border-top:1px solid #ffffff17;gap:4px;padding:15px;display:grid}.empty-place span{color:var(--city-muted);font-size:14px}.district-actions{gap:9px;display:grid}.district-actions a,.district-actions button,.place-card-content button,.place-card-content a{color:#130e04;text-align:center;width:100%;font:inherit;background:var(--city-gold);border:0;border-radius:12px;padding:12px 14px;font-weight:800;text-decoration:none;display:block}.district-actions button{color:#fff;background:#ffffff0f;border:1px solid #ffffff24}.resident-avatar{background-image:url(/city-v2/city-avatar-sprite-v2.webp);background-repeat:no-repeat;background-size:400% 200%;border:1px solid #ffffff47;border-radius:50%;flex:none;width:36px;height:36px;display:block;overflow:hidden;box-shadow:0 4px 16px #00000059}.resident-avatar-0{background-position:0 0}.resident-avatar-1{background-position:33.333% 0}.resident-avatar-2{background-position:66.666% 0}.resident-avatar-3{background-position:100% 0}.resident-avatar-4{background-position:0 100%}.resident-avatar-5{background-position:33.333% 100%}.resident-avatar-6{background-position:66.666% 100%}.resident-avatar-7{background-position:100% 100%}.member-district-content{gap:12px;display:grid}.resident-wish-quick{background:#030d14d1;border:1px solid #8dd5e847;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:8px;display:grid;box-shadow:0 12px 30px #00000040}.resident-wish-quick label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.resident-wish-quick input{color:#fff;min-width:0;min-height:42px;font:inherit;background:0 0;border:0;outline:0;padding:0 10px;font-size:14px}.resident-wish-quick input::placeholder{color:#ffffff6b}.resident-wish-quick button{color:#06151c;min-width:72px;min-height:42px;font:inherit;background:#71d9ef;border:0;border-radius:999px;padding:0 17px;font-size:13px;font-weight:850}.resident-wish-quick button:disabled{opacity:.42}.resident-wish-quick>small{color:#9de7f5;grid-column:1/-1;min-height:0;padding:5px 10px 1px;font-size:10px}.resident-wish-quick>small:empty{display:none}.resident-district-heading{margin-bottom:12px}.resident-district-heading>span{color:#8dd5e8;letter-spacing:.13em;font-size:10px;font-weight:800}.resident-district-heading h1{color:#fff;margin:4px 0 6px;font-size:22px;line-height:1.25}.resident-district-heading p{color:var(--city-muted);margin:0;font-size:13px;line-height:1.55}.district-access-line{background:#ffffff09;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.district-access-line>span:nth-child(2){gap:2px;min-width:0;display:grid}.district-access-line strong{font-size:15px}.district-access-line small{color:var(--city-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.district-access-line button{color:#fff;font:inherit;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:7px 9px;font-size:13px}.resident-service-list{background:#0511194d;border-color:#8dd5e833;margin-top:0}.resident-service-list>a{color:#fff;background:0 0;border-top:1px solid #ffffff17;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:76px;padding:10px 12px;text-decoration:none;display:grid}.resident-service-list>a>span:nth-child(2){gap:2px;min-width:0;display:grid}.resident-service-list>a small{color:#8dd5e8;font-size:10px;font-weight:760}.resident-service-list>a strong{font-size:14px;line-height:1.4}.resident-service-list>a p{color:#ffffff8f;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.45;overflow:hidden}.resident-service-list>a>b{color:#ffffff80;font-size:24px;font-weight:300}.resident-service-seal{color:#06151c;background:#8dd5e8}.district-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.district-feature-grid>a{color:#fff;text-align:left;min-height:126px;font:inherit;background:linear-gradient(145deg,#e8bd611c,#ffffff06);border:1px solid #e8bd6157;border-radius:13px;align-content:start;gap:4px;padding:11px;text-decoration:none;display:grid;position:relative}.district-feature-grid>a>span{color:var(--city-gold);width:max-content;background:#ffffff12;border-radius:99px;padding:3px 6px;font-size:13px}.district-feature-grid>a:last-child{grid-column:1/-1;min-height:106px}.district-feature-grid strong{font-size:15px}.district-feature-grid small{color:var(--city-muted);padding-right:12px;font-size:13px;line-height:1.5}.district-feature-grid b{color:#ffffff7a;font-size:12px;position:absolute;bottom:8px;right:9px}.resident-entry-note{color:var(--city-muted);border-left:2px solid #e8bd6180;margin:0;padding:10px 12px;font-size:12px;line-height:1.65}.district-live-events{border:1px solid #ffffff1a;border-radius:13px;overflow:hidden}.district-live-events .list-heading a{color:var(--city-gold);font-size:13px;text-decoration:none}.district-live-events>a{color:#fff;border-top:1px solid #ffffff14;gap:2px;padding:10px 12px;text-decoration:none;display:grid}.district-live-events>a>span{color:var(--city-gold);font-size:13px}.district-live-events>a>strong{font-size:15px}.district-live-events>a>small,.district-event-empty small{color:var(--city-muted);font-size:13px}.district-event-empty{border-top:1px solid #ffffff14;gap:4px;padding:12px;display:grid}.district-event-empty strong{font-size:15px}.place-view{--place-accent:#e8bd61;background:#05080c;animation:.52s cubic-bezier(.16,.78,.18,1) both place-arrival;overflow:hidden}.place-scene-image,.place-scene-brand-layer{pointer-events:none;object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.place-scene-image{z-index:1;will-change:transform, filter;animation:18s ease-in-out infinite alternate place-camera-drift}.place-scene-brand-layer{z-index:2}.place-scene-sign{z-index:3;color:#fff;border:1px solid color-mix(in srgb, var(--place-accent) 68%, white 10%);background:linear-gradient(135deg, #050a10e6, #0c1016ad), color-mix(in srgb, var(--place-accent) 12%, transparent);min-width:min(72%,330px);max-width:calc(100% - 88px);box-shadow:0 14px 40px #00000057, 0 0 24px color-mix(in srgb, var(--place-accent) 28%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:10px 15px;display:flex;position:absolute;top:clamp(138px,18%,176px);left:50%;transform:translate(-50%)}.place-scene-sign img{object-fit:contain;background:#ffffffeb;border-radius:50%;flex:none;width:38px;height:38px}.place-scene-sign span{text-align:left;gap:1px;min-width:0;display:grid}.place-scene-sign strong,.place-scene-sign small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.place-scene-sign strong{letter-spacing:.08em;font-size:clamp(16px,4.8vw,21px)}.place-scene-sign small{color:color-mix(in srgb, var(--place-accent) 82%, white 18%);letter-spacing:.13em;font-size:11px;font-weight:750}.place-scene-vignette{z-index:4;pointer-events:none;background:linear-gradient(#02050970,#0000 22% 57%,#02060aa8 77%,#05080c 100%),linear-gradient(90deg,#00000029,#0000 24% 76%,#00000029);position:absolute;inset:0}.place-switch{z-index:7;color:#fff;width:48px;height:48px;font:inherit;border:1px solid color-mix(in srgb, var(--place-accent) 62%, white 38%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080ca3;border-radius:50%;font-size:38px;line-height:1;position:absolute;top:49%}.place-switch:disabled{opacity:.3}.place-switch-left{left:16px}.place-switch-right{right:16px}.place-card{perspective:1100px;touch-action:pan-y;padding-inline:13px}.place-card-content{min-height:142px;max-height:min(34dvh,330px);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;padding:2px 6px 12px;overflow:hidden auto}.place-card-content .card-kicker{color:var(--place-accent);letter-spacing:.18em;font-size:13px;font-weight:800}.place-card-content h2{margin:5px 0 4px;font-size:23px}.place-card-content p{color:var(--city-muted);margin:0 0 8px;font-size:15px;line-height:1.6}.place-card-content .place-history{color:#e8bd61d1;margin:-1px 0 6px;line-height:1.5;display:block}.place-card-content button,.place-card-content a{width:auto;padding:8px 12px;font-size:15px;display:inline-block}.cooperation-options{gap:7px;margin-top:9px;display:grid}.place-card-content .cooperation-options button{color:#fff;text-align:left;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:11px;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:9px 10px;display:grid}.place-card-content .cooperation-options button.is-open{background:#e8bd6117;border-color:#e8bd617a}.place-card-content .cooperation-options button:disabled{cursor:default;opacity:.58}.cooperation-options button>span{color:var(--city-gold);grid-area:1/2;font-size:12px;font-weight:700}.cooperation-options button.is-closed>span{color:#ffffff7a}.cooperation-options button>strong{grid-area:1/1;font-size:15px}.cooperation-options button>small{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;line-height:1.45;display:-webkit-box;overflow:hidden}.platform-process-note{border-left:2px solid var(--city-gold);background:#e8bd610f;margin-top:9px;padding:8px 9px;line-height:1.55;display:block}.place-card-progress{border-top:1px solid #ffffff1c;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:9px 5px 1px;display:grid}.place-card-progress button{color:#171006;font:inherit;background:var(--city-gold);border:0;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.place-card-progress span,.place-card-progress small{color:#ffffff7a;font-size:13px}.place-card-progress strong{color:#fff;font-size:13px}.city-layer,.feature-layer{z-index:60;padding:max(82px, calc(env(safe-area-inset-top) + 72px)) 20px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 12% 0,#437aa533,#0000 34%),linear-gradient(#030a12f7,#05090ffc);position:absolute;inset:0;overflow:auto}.city-public-info-layer{z-index:70;max-height:min(90%,880px);padding:24px 18px max(24px, calc(env(safe-area-inset-bottom,0px) + 16px));color:var(--city-ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 10% 0,#469dd333,#0000 34%),linear-gradient(#050f1afa,#030911fe);border-top:1px solid #e8bd6180;border-radius:24px 24px 0 0;animation:.32s cubic-bezier(.16,.8,.2,1) both public-info-arrival;position:absolute;inset:auto 0 0;overflow:auto;box-shadow:0 -28px 70px #00000094}.city-public-info-close{color:#fff;width:38px;height:38px;font:inherit;background:#ffffff0e;border:1px solid #ffffff2e;border-radius:50%;font-size:27px;line-height:1;position:absolute;top:14px;right:15px}.city-public-info-header{padding-right:44px}.city-public-info-header>span{color:var(--city-gold);letter-spacing:.14em;font-size:12px;font-weight:800}.city-public-info-header h2{margin:5px 0 4px;font-size:27px}.city-public-info-header p,.city-public-info-note{color:var(--city-muted);margin:0;font-size:13px;line-height:1.6}.city-location-consent{background:#4aaada17;border:1px solid #7edcff47;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 12px;margin-top:18px;padding:16px;display:grid}.city-location-consent>span{color:#7edcff;place-items:center;width:35px;height:35px;font-size:25px;display:grid}.city-location-consent strong,.city-public-info-toolbar strong{color:#fff;font-size:15px;display:block}.city-location-consent p{color:var(--city-muted);margin:4px 0 0;font-size:12px;line-height:1.55}.city-location-consent>button{color:#03101a;width:100%;font:inherit;background:#72d2ff;border:0;border-radius:999px;grid-column:1/-1;padding:12px 14px;font-weight:850}.city-location-consent>button:disabled{opacity:.58}.city-public-info-toolbar,.city-public-info-refresh{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.city-public-info-toolbar small,.city-public-info-refresh small{color:#ffffff8c;margin-top:3px;font-size:11px;display:block}.city-public-info-toolbar button,.city-public-info-refresh button,.city-radius-picker button{color:#fff;font:inherit;background:#ffffff0e;border:1px solid #ffffff2e;border-radius:999px;padding:7px 11px;font-size:12px}.city-public-info-refresh button:disabled{opacity:.55}.city-radius-picker{scrollbar-width:none;align-items:center;gap:7px;margin-top:13px;display:flex;overflow-x:auto}.city-radius-picker::-webkit-scrollbar{display:none}.city-radius-picker>span{color:var(--city-muted);flex:none;margin-right:2px;font-size:12px}.city-radius-picker button{flex:none}.city-radius-picker button.is-active{color:#06111b;background:#72d2ff;border-color:#72d2ff;font-weight:850}.city-public-result-row{border-top:1px solid #ffffff17;grid-column:1/-1;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.city-public-result-row>div{min-width:0}.city-public-result-row>div:last-child{text-align:right;flex:none}.city-public-result-row b,.city-public-result-row small{display:block}.city-public-result-row b{color:#fff;font-size:13px;line-height:1.4}.city-public-result-row small{color:#ffffff80;text-overflow:ellipsis;margin-top:3px;font-size:10px;line-height:1.4;overflow:hidden}.compact-weather-card{grid-template-columns:minmax(0,1fr) auto}.city-public-info-card.compact-weather-card>strong{grid-area:1/2/span 2;align-self:center;font-size:35px}.city-public-info-card.compact-weather-card>p{grid-column:1}.city-public-info-fallback{color:#ffffff85;border-top:1px solid #ffffff1a;margin-top:13px;padding-top:12px;font-size:11px}.city-public-info-fallback summary{cursor:pointer}.city-public-info-fallback a{width:max-content;color:var(--city-gold);margin-top:9px;text-decoration:none;display:block}.city-public-info-header>div{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.city-public-info-header small{color:#ffffff94}.city-public-info-header button{color:#fff;font:inherit;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;padding:7px 10px;font-size:12px}.city-public-info-header button:disabled{opacity:.55}.city-public-info-error{color:#ffd59b;background:#ff993314;border:1px solid #ffb34d47;border-radius:10px;margin:12px 0 0;padding:9px 10px;font-size:12px;line-height:1.5}.city-public-info-grid{gap:10px;margin-top:14px;display:grid}.city-public-info-card{background:#ffffff0a;border:1px solid #ffffff21;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:14px;display:grid}.city-public-info-card>span{color:#7edcff;letter-spacing:.12em;font-size:11px;font-weight:800}.city-public-info-card>strong{grid-column:1/-1;font-size:22px}.city-public-info-card.weather-card>strong{letter-spacing:-.04em;font-size:38px}.city-public-info-card>p{color:var(--city-muted);grid-column:1/-1;margin:0;font-size:13px;line-height:1.55}.city-public-info-card>a{width:max-content;max-width:100%;color:var(--city-gold);grid-column:1/-1;margin-top:4px;font-size:13px;font-weight:760;text-decoration:none}.city-public-info-card>a i{font-style:normal}.city-public-info-card>small{color:#ffffff73;grid-column:1/-1;font-size:11px}.city-public-info-note{border-top:1px solid #ffffff1a;margin-top:13px;padding-top:12px}@keyframes public-info-arrival{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.cooperation-request-layer{max-height:88%}.cooperation-gate,.cooperation-success,.cooperation-request-form{gap:11px;display:grid}.cooperation-gate p,.cooperation-success p{color:var(--city-muted);margin:0;line-height:1.65}.cooperation-gate a:not(.feature-primary){color:#fff;text-align:center}.cooperation-request-form label{color:#ffffffb8;gap:5px;font-size:13px;display:grid}.cooperation-request-form input,.cooperation-request-form textarea{color:#fff;width:100%;font:inherit;background:#ffffff0e;border:1px solid #ffffff24;border-radius:11px;outline:none;padding:11px 12px;font-size:15px}.cooperation-request-form .cooperation-consent{background:#e8bd610e;border:1px solid #e8bd613d;border-radius:11px;grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:10px;line-height:1.55}.cooperation-request-form .cooperation-consent input{width:18px;height:18px;accent-color:var(--city-gold);margin-top:2px;padding:0}.cooperation-request-form input:focus,.cooperation-request-form textarea:focus{border-color:#e8bd61b3}.cooperation-request-form small{color:var(--city-muted);line-height:1.5}.cooperation-success{background:#e8bd6114;border:1px solid #e8bd6157;border-radius:14px;padding:16px}.cooperation-success button{color:#171006;font:inherit;background:var(--city-gold);border:0;border-radius:11px;padding:11px 14px;font-weight:800}.feature-layer{border-top:1px solid #ffffff29;border-radius:24px 24px 0 0;max-height:82%;padding-top:48px;inset:auto 0 0;box-shadow:0 -24px 60px #00000075}.layer-close{z-index:2;top:max(14px, env(safe-area-inset-top));color:#fff;width:42px;height:42px;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;font-size:29px;position:absolute;right:15px}.feature-layer .layer-close{top:8px}.identity-hero{border-bottom:1px solid var(--city-line);grid-template-columns:auto 1fr;align-items:center;gap:16px;padding-bottom:20px;display:grid}.identity-hero .resident-avatar{border:2px solid #e8bd6194;width:92px;height:92px;box-shadow:0 14px 38px #0006}.identity-hero small,.feature-access-label{color:var(--city-gold);letter-spacing:.14em;font-size:13px}.identity-hero h2{margin:4px 0;font-size:26px}.identity-hero p{color:var(--city-muted);margin:0;font-size:14px;line-height:1.5}.identity-verification{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:1fr auto;gap:7px;margin-top:16px;padding:13px;display:grid}.identity-verification>span{color:#ffffff9e;background:#ffffff14;border-radius:99px;width:max-content;padding:4px 7px;font-size:13px}.identity-verification>span.verified{color:#9be5ba;background:#46be781f}.identity-verification>strong{font-size:15px}.identity-verification p{color:var(--city-muted);grid-column:1/-1;margin:0;font-size:13px;line-height:1.55}.permission-matrix{border:1px solid #ffffff1a;border-radius:14px;margin-top:14px;overflow:hidden}.permission-matrix>div{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.permission-matrix>div:first-child{border-top:0}.permission-matrix b{font-size:14px}.permission-matrix span{flex:none;font-size:13px}.permission-matrix .allowed{color:#9be5ba}.permission-matrix .locked{color:#ffffff70}.identity-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.identity-actions a,.feature-primary,.feature-login-actions>a{color:#171006;text-align:center;background:var(--city-gold);border-radius:11px;padding:11px 12px;font-size:15px;font-weight:800;text-decoration:none;display:block}.identity-actions a+a,.feature-login-actions>a+a{color:#fff;background:#ffffff0d;border:1px solid #ffffff24}.feature-layer h2{margin:8px 0;font-size:25px}.feature-layer>p{color:var(--city-muted);margin:0;font-size:15px;line-height:1.75}.feature-required{background:#ffffff09;border:1px solid #ffffff1a;border-radius:13px;margin:17px 0;padding:12px}.feature-required>small{color:var(--city-muted);font-size:13px}.feature-required>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.feature-required span{border:1px solid;border-radius:99px;padding:5px 7px;font-size:13px}.feature-login-actions{gap:8px;display:grid}.phase-morning .city-panorama{filter:brightness(1.16)saturate(.84)sepia(.08)}.phase-morning .place-scene-image{filter:brightness(1.08)saturate(.9)sepia(.05)}.phase-morning .city-time-light{background:linear-gradient(115deg,#ffb15f61,#0000 45%),linear-gradient(#72c0ee24,#0000 66%)}.phase-day .city-panorama{filter:brightness(1.3)saturate(.72)contrast(.9)}.phase-day .place-scene-image{filter:brightness(1.13)saturate(.86)contrast(.94)}.phase-day .city-time-light{background:linear-gradient(#aeddfa42,#fff4d814)}.phase-dusk .city-panorama{filter:brightness(1.05)sepia(.22)saturate(1.28)}.phase-dusk .place-scene-image{filter:brightness(1.03)saturate(1.13)sepia(.11)}.phase-night .place-scene-image{filter:brightness(.91)saturate(1.08)contrast(1.04)}.phase-dusk .city-time-light{background:radial-gradient(circle at 78% 12%,#ffb045b8,#0000 33%),linear-gradient(#ff532e33,#1e091814)}@keyframes city-breathe{0%{transform:scale(1.035)translate(-.8%)}to{transform:scale(1.09)translate(1.2%,-1.2%)}}@keyframes city-depth-drift{0%{transform:translate3d(calc(var(--city-depth-x) - 5px), calc(var(--city-depth-y) + 2px), 0) scale(1.075) rotateX(var(--city-tilt-x)) rotateY(var(--city-tilt-y))}to{transform:translate3d(calc(var(--city-depth-x) + 5px), calc(var(--city-depth-y) - 5px), 0) scale(1.11) rotateX(var(--city-tilt-x)) rotateY(var(--city-tilt-y))}}@keyframes traffic-light-run{0%{opacity:0;transform:translate(-18px,12px)rotate(-26deg)}12%{opacity:1}74%{opacity:.95}to{opacity:0;transform:translate(98px,-46px)rotate(-26deg)}}@keyframes opening-copy-arrival{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes light-flow{0%{opacity:.2;transform:translate(-3%)}to{opacity:.42;transform:translate(3%)}}@keyframes district-arrival{0%{opacity:.35;filter:blur(3px);transform:scale(1.07)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes place-arrival{0%{opacity:.25;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes place-camera-drift{0%{transform:scale(1.02)translate(-.4%)}to{transform:scale(1.065)translate(.7%,-.7%)}}@media (prefers-reduced-motion:reduce){.city-panorama,.city-panorama-v3,.city-light-flow,.city-moving-traffic i,.district-view,.place-view,.place-scene-image{animation:none!important}.city-opening-film{transition:none}}@media (width<=390px){.city-status-panel{padding-left:15px;padding-right:96px;left:12px;right:12px}.city-status-panel p{white-space:normal}.city-status-panel button{min-width:74px;padding-inline:10px;font-size:12px;right:9px}.city-intro{width:min(282px,100% - 34px);left:17px}.city-intro h1{font-size:20px}.place-card-progress{grid-template-columns:1fr auto auto}.place-card-progress>span:first-child{display:none}}@media (width>=560px){.city-shell{padding:20px}.city-phone{border:1px solid #e8bd6138;border-radius:24px;height:min(920px,100dvh - 40px);min-height:680px;box-shadow:0 35px 100px #00000085}}