.lp-city-scene{--city-ground:#12151f;--city-tile-a:#1b1f2b;--city-tile-b:#171a24;--city-window:#c9b896;--city-neon:var(--lp-cta);--city-neon-soft:var(--lp-cta-soft);--city-lamp:#d4b896;aspect-ratio:16/10;isolation:isolate;background:radial-gradient(ellipse 80% 50% at 50% 20%, rgba(var(--lp-cta-rgb), .08), transparent 55%), linear-gradient(180deg, #0a0d15 0%, var(--city-ground) 42%, #0e111b 100%);width:100%;min-height:280px;image-rendering:pixelated;contain:layout paint;position:relative;overflow:hidden}.lp-city-sky{pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 28%,#ffffff73,#0000),radial-gradient(1.5px 1.5px at 28% 18%,#ffffff4d,#0000),radial-gradient(1px 1px at 44% 32%,#ffffff59,#0000),radial-gradient(1.5px 1.5px at 62% 14%,#fff6,#0000),radial-gradient(1px 1px at 78% 26%,#ffffff47,#0000),radial-gradient(1.5px 1.5px at 88% 20%,#ffffff61,#0000);position:absolute;inset:0 0 45%}.lp-city-ground{width:120%;height:78%;transform-style:preserve-3d;background-color:var(--city-tile-a);background-image:linear-gradient(45deg, var(--city-tile-b) 25%, transparent 25%), linear-gradient(-45deg, var(--city-tile-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--city-tile-b) 75%), linear-gradient(-45deg, transparent 75%, var(--city-tile-b) 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;border:2px solid #444c6380;position:absolute;top:38%;left:50%;transform:translate(-50%)rotateX(58deg)rotate(45deg);box-shadow:inset 0 0 80px #00000073}.lp-city-stage{perspective:900px;perspective-origin:50% 35%;position:absolute;inset:0}.lp-city-world{transform-style:preserve-3d;position:absolute;inset:8% 4% 6%}.lp-city-building{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute}.lp-city-building__body{background:linear-gradient(160deg,#282d3d 0%,#1b1f2b 55%,#141824 100%);border:2px solid #444c63;border-radius:4px 4px 2px 2px;width:clamp(72px,14vw,120px);height:clamp(64px,12vw,104px);position:relative;overflow:hidden;box-shadow:6px 8px #00000059}.lp-city-building__body:before{content:"";background:repeating-linear-gradient(90deg, var(--city-window) 0 10px, transparent 10px 16px), repeating-linear-gradient(180deg, var(--city-window) 0 12px, transparent 12px 18px);opacity:.55;filter:saturate(.7);height:38%;animation:4.5s ease-in-out infinite lp-city-window-glow;position:absolute;inset:10px 8px auto}.lp-city-building__sign{z-index:2;font-family:var(--lp-font-ui);letter-spacing:.04em;color:#0e111b;background:var(--city-neon);white-space:nowrap;box-shadow:0 0 12px rgba(var(--lp-cta-rgb), .35);border:1px solid #f0f3f059;padding:2px 6px;font-size:clamp(.55rem,1.4vw,.7rem);animation:3.2s ease-in-out infinite lp-city-neon-pulse;position:absolute;top:6px;left:50%;transform:translate(-50%)}.lp-city-building--gym{top:18%;left:8%}.lp-city-building--music{top:10%;left:38%}.lp-city-building--cowork{top:16%;right:8%}.lp-city-building--cafe{bottom:18%;left:12%}.lp-city-building--library{bottom:16%;right:10%}.lp-city-building--music .lp-city-building__body{background:linear-gradient(160deg,#2a2434 0%,#1b1f2b 100%);width:clamp(60px,11vw,96px);height:clamp(56px,10vw,88px)}.lp-city-building--cafe .lp-city-building__awning{background:repeating-linear-gradient(90deg, var(--lp-cta) 0 8px, #f0f3f0 8px 16px);z-index:1;border:1px solid #00000040;width:clamp(76px,15vw,124px);height:10px;margin-bottom:-2px}.lp-city-building--library .lp-city-building__body{background:linear-gradient(160deg,#3a342c 0%,#242018 55%,#1b1f2b 100%)}.lp-city-building--library .lp-city-building__body:before{opacity:.65;background:radial-gradient(#c9b896b3,#0000 70%);border-radius:40% 40% 0 0/30% 30% 0 0}.lp-city-fountain{z-index:3;width:clamp(56px,10vw,88px);height:clamp(56px,10vw,88px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.lp-city-fountain__ring{background:radial-gradient(circle at 40% 35%,#6b8fa8 0%,#3d5a6e 45%,#1b1f2b 72%);border:3px solid #444c63;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 20px #6b8fa840}.lp-city-fountain__water{background:radial-gradient(circle,#a3c4a48c,#6b8fa859);border-radius:50%;animation:2.4s ease-in-out infinite lp-city-fountain;position:absolute;inset:22%}.lp-city-fountain__jet{background:linear-gradient(#f0f3f0cc,#0000);width:4px;height:18%;animation:1.2s ease-in-out infinite lp-city-jet;position:absolute;top:30%;left:50%;transform:translate(-50%)}.lp-city-prop{z-index:4;pointer-events:none;position:absolute}.lp-city-lamp{background:#282d3d;border:1px solid #444c63;width:6px;height:28px}.lp-city-lamp:after{content:"";background:var(--city-lamp);border-radius:50%;width:12px;height:12px;animation:3.8s ease-in-out infinite lp-city-lamp-glow;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #d4b8968c}.lp-city-tree{clip-path:polygon(50% 0,100% 70%,75% 70%,90% 100%,10% 100%,25% 70%,0 70%);width:18px;height:22px;filter:drop-shadow(0 0 6px rgba(var(--lp-cta-rgb), .2));background:#3d5c45}.lp-city-prop--lamp1{top:42%;left:32%}.lp-city-prop--lamp2{top:40%;left:62%}.lp-city-prop--lamp3{bottom:22%;left:48%}.lp-city-prop--tree1{top:36%;left:28%}.lp-city-prop--tree2{top:38%;right:30%}.lp-city-prop--tree3{bottom:20%;left:40%}.lp-city-avatar-anchor{z-index:6;pointer-events:none;will-change:transform;position:absolute;inset:0}.lp-city-avatar{width:18px;height:28px;position:absolute;top:0;left:0}.lp-city-avatar__sprite{width:100%;height:100%;position:relative}.lp-city-avatar__head{background:var(--skin,#e0c3a0);border:1px solid #00000040;width:10px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px #0000001f}.lp-city-avatar__body{background:var(--shirt,var(--lp-cta));border:1px solid #0003;width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.lp-city-avatar__legs{background:#2a3142;width:10px;height:6px;animation:.45s steps(2,end) infinite lp-city-legs;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 4px 0 #1b1f2b}.lp-city-bubble{max-width:110px;font-family:var(--lp-font-ui);color:#171a24;border:1px solid var(--lp-cta);white-space:nowrap;opacity:0;pointer-events:none;background:#f0f3f0;border-radius:4px;padding:3px 6px;font-size:.62rem;line-height:1.2;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:2px 2px #00000040}.lp-city-bubble:after{content:"";border:4px solid #0000;border-top-color:#f0f3f0;margin-left:-4px;position:absolute;top:100%;left:50%}.lp-city-avatar-anchor--1{animation:18s linear infinite lp-city-path-1}.lp-city-avatar--1{--skin:#e0c3a0;--shirt:#85b286}.lp-city-avatar--1 .lp-city-bubble{animation:18s linear 2s infinite lp-city-bubble-cycle}.lp-city-avatar-anchor--2{animation:22s linear infinite lp-city-path-2}.lp-city-avatar--2{--skin:#c49a6c;--shirt:#6b7385}.lp-city-avatar--2 .lp-city-bubble{animation:22s linear 5s infinite lp-city-bubble-cycle}.lp-city-avatar-anchor--3{animation:16s linear infinite lp-city-path-3}.lp-city-avatar--3{--skin:#f0d5b5;--shirt:#a3c4a4}.lp-city-avatar--3 .lp-city-bubble{animation:16s linear 1s infinite lp-city-bubble-cycle}.lp-city-avatar-anchor--4{animation:20s linear infinite lp-city-path-4}.lp-city-avatar--4{--skin:#d4a574;--shirt:#577d58}.lp-city-avatar--4 .lp-city-bubble{animation:20s linear 8s infinite lp-city-bubble-cycle}.lp-city-avatar-anchor--5{animation:24s linear infinite lp-city-path-5}.lp-city-avatar--5{--skin:#e8c4a0;--shirt:#4a5160}.lp-city-avatar--5 .lp-city-bubble{animation:24s linear 11s infinite lp-city-bubble-cycle}.lp-city-avatar-anchor--6{inset:auto auto 28% 22%}.lp-city-avatar--6{--skin:#cbb090;--shirt:#85b286}.lp-city-avatar--6 .lp-city-avatar__legs{animation:none}.lp-city-avatar--6 .lp-city-bubble{animation:14s linear .5s infinite lp-city-bubble-cycle}.lp-city-hud{z-index:8;pointer-events:none;font-family:var(--lp-font-ui);position:absolute;inset:0}.lp-city-hud__chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e111bc7;border:1px solid #444c63cc;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute}.lp-city-hud__chip--profile{top:10px;left:10px}.lp-city-hud__chip--stats{color:#fffc;gap:12px;font-size:.7rem;top:10px;right:10px}.lp-city-hud__face{background:linear-gradient(145deg, var(--lp-cta), var(--lp-cta-end));border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 2px #85b286d9}.lp-city-hud__meta{flex-direction:column;gap:2px;display:flex}.lp-city-hud__name{color:#ffffffe0;font-size:.75rem;line-height:1.1}.lp-city-hud__bars{flex-direction:column;gap:2px;width:72px;display:flex}.lp-city-hud__bar{background:#ffffff1f;border-radius:2px;height:4px;overflow:hidden}.lp-city-hud__bar>span{border-radius:inherit;height:100%;display:block}.lp-city-hud__bar--xp>span{background:var(--lp-cta);width:68%}.lp-city-hud__bar--energy>span{background:#a3c4a4;width:42%}.lp-city-hud__chat{color:#ffffffbf;background:#0e111bcc;border:1px solid #444c63bf;border-radius:8px;width:min(220px,42%);padding:8px 10px;font-size:.65rem;line-height:1.35;position:absolute;bottom:10px;left:10px}.lp-city-hud__chat strong{color:var(--lp-cta-soft);font-weight:600}.lp-city-hud__dock{background:#0e111bc7;border:1px solid #444c63bf;border-radius:10px;gap:6px;padding:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.lp-city-hud__dock span{width:28px;height:28px;color:var(--lp-cta);background:#ffffff0f;border:1px solid #444c63b3;border-radius:10px;place-items:center;display:grid}@keyframes lp-city-window-glow{0%,to{opacity:.45}50%{opacity:.7}}@keyframes lp-city-neon-pulse{0%,to{box-shadow:0 0 10px rgba(var(--lp-cta-rgb), .28)}50%{box-shadow:0 0 18px rgba(var(--lp-cta-rgb), .5)}}@keyframes lp-city-fountain{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes lp-city-jet{0%,to{opacity:.55;height:14%}50%{opacity:.95;height:26%}}@keyframes lp-city-lamp-glow{0%,to{opacity:.75}50%{opacity:1}}@keyframes lp-city-legs{0%{box-shadow:inset 4px 0 #1b1f2b}to{box-shadow:inset -4px 0 #1b1f2b}}@keyframes lp-city-bubble-cycle{0%,12%,to{opacity:0;transform:translate(-50%)translateY(4px)}18%,38%{opacity:1;transform:translate(-50%)translateY(0)}45%{opacity:0;transform:translate(-50%)translateY(-2px)}}@keyframes lp-city-path-1{0%{transform:translate(30%,58%)}25%{transform:translate(46%,50%)}50%{transform:translate(58%,58%)}75%{transform:translate(42%,68%)}to{transform:translate(30%,58%)}}@keyframes lp-city-path-2{0%{transform:translate(55%,36%)}30%{transform:translate(68%,48%)}55%{transform:translate(52%,62%)}80%{transform:translate(40%,44%)}to{transform:translate(55%,36%)}}@keyframes lp-city-path-3{0%{transform:translate(18%,48%)}40%{transform:translate(34%,56%)}70%{transform:translate(26%,66%)}to{transform:translate(18%,48%)}}@keyframes lp-city-path-4{0%{transform:translate(70%,52%)}35%{transform:translate(60%,64%)}65%{transform:translate(74%,70%)}to{transform:translate(70%,52%)}}@keyframes lp-city-path-5{0%{transform:translate(48%,32%)}50%{transform:translate(52%,42%)}to{transform:translate(48%,32%)}}@media (width<=640px){.lp-city-hud__chat,.lp-city-hud__dock{display:none}.lp-city-building__sign{font-size:.5rem}.lp-city-bubble{max-width:88px;font-size:.55rem}}@media (prefers-reduced-motion:reduce){.lp-city-building__body:before,.lp-city-building__sign,.lp-city-fountain__water,.lp-city-fountain__jet,.lp-city-lamp:after,.lp-city-avatar-anchor,.lp-city-avatar,.lp-city-avatar__legs,.lp-city-bubble{animation:none!important}.lp-city-avatar-anchor--1{transform:translate(34%,56%)}.lp-city-avatar-anchor--2{transform:translate(58%,44%)}.lp-city-avatar-anchor--3{transform:translate(22%,52%)}.lp-city-avatar-anchor--4{transform:translate(68%,60%)}.lp-city-avatar-anchor--5{transform:translate(50%,38%)}.lp-city-bubble{opacity:.85}}