:root{color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:#0a0418;overflow-x:hidden}.city{min-height:100dvh;padding:max(env(safe-area-inset-top), 20px) 14px 110px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.city-bg{object-fit:cover;object-position:center top;z-index:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:fixed;inset:0}.city-overlay{z-index:1;pointer-events:none;background:linear-gradient(#080314b8 0%,#08031426 22%,#08031433 55%,#080314c7 100%);position:fixed;inset:0}.city-header{z-index:3;text-align:center;margin:4px 0 18px;position:relative}.title{letter-spacing:2px;color:#fff;text-shadow:0 0 6px #fff,0 0 18px #54e0ff,0 0 40px #54e0ff,0 2px 10px #0009;font-size:clamp(2.1rem,9vw,3.4rem);font-weight:900;animation:6s infinite flicker}.title-accent{color:#ff4ecd;text-shadow:0 0 6px #fff,0 0 18px #ff4ecd,0 0 44px #ff4ecd,0 2px 10px #0009}@keyframes flicker{0%,18%,22%,60%,to{opacity:1}20%{opacity:.84}21%{opacity:1}}.subtitle{letter-spacing:1px;color:#e7dcff;text-transform:uppercase;text-shadow:0 2px 8px #000000b3;margin-top:8px;font-size:.9rem}.houses{z-index:3;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:540px;display:grid;position:relative}.houses>.house--featured{grid-column:1/-1}.house{aspect-ratio:1;color:#fff;cursor:pointer;font:inherit;box-shadow:0 8px 24px #00000080, inset 0 0 0 1.5px var(--neon);background:#0a0418;border:0;border-radius:16px;padding:0;transition:transform .18s,box-shadow .22s;animation:.55s cubic-bezier(.2,.8,.2,1) both rise;display:block;position:relative;overflow:hidden}.house--featured{aspect-ratio:16/10}.house:hover,.house:active{box-shadow:0 16px 36px #0000008c, 0 0 28px var(--glow), inset 0 0 0 2px var(--neon);transform:translateY(-5px)}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.building-img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0}.building-skeleton{object-fit:initial;background:radial-gradient(130% 100% at 50% 25%, var(--glow), #0a0418f2 72%);animation:1.3s ease-in-out infinite alternate skel}@keyframes skel{0%{opacity:.5}to{opacity:.85}}.house:hover .building-img,.house:active .building-img{transform:scale(1.06)}.house:after{content:"";pointer-events:none;background:linear-gradient(#0000000d 38%,#080314e6 100%);position:absolute;inset:0}.house-bonus{z-index:2;letter-spacing:.5px;color:#0a0418;background:var(--neon);box-shadow:0 0 14px var(--glow);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.64rem;font-weight:800;position:absolute;top:10px;right:10px}.house-plate{z-index:2;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.house-sign{letter-spacing:.3px;color:#fff;text-shadow:0 0 10px var(--glow), 0 1px 6px #000c;font-size:1.05rem;font-weight:800}.house--featured .house-sign{font-size:1.5rem}.house-play{letter-spacing:1px;color:#0a0418;background:var(--neon);box-shadow:0 0 16px var(--glow);border-radius:20px;flex:none;padding:7px 16px;font-size:.74rem;font-weight:800}.install-bar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100920f2;border:1px solid #6a4bff;border-radius:14px;align-items:center;gap:10px;max-width:92vw;padding:10px 12px 10px 16px;animation:.4s both rise;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0009}.install-text{color:#e7deff;font-size:.82rem}.install-btn{font:inherit;color:#0a0418;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#54e0ff,#5dff9b);border:0;border-radius:10px;padding:8px 16px;font-weight:700}.install-close{font:inherit;color:#b6a7e0;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.2rem;line-height:1}.push-bar{z-index:29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100920f2;border:1px solid #ff4ecd;border-radius:14px;align-items:center;gap:10px;max-width:92vw;padding:10px 12px 10px 16px;animation:.4s both rise;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0009}.push-text{color:#ffd9f4;font-size:.82rem}.push-btn{font:inherit;color:#0a0418;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#ff4ecd,#ffd24a);border:0;border-radius:10px;padding:8px 16px;font-weight:700}.push-close{font:inherit;color:#b6a7e0;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.2rem;line-height:1}.enter-overlay{z-index:50;color:var(--neon);letter-spacing:.5px;background:radial-gradient(circle,#0a0418e0,#0a0418fa);flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:1.1rem;font-weight:700;animation:.2s both fadein;display:flex;position:fixed;inset:0}.enter-spinner{border:4px solid #ffffff26;border-top-color:var(--neon);width:56px;height:56px;filter:drop-shadow(0 0 12px var(--neon));border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (width>=760px){.houses{gap:18px;max-width:760px}.building-img{max-width:300px}.house--featured .building-img{max-width:420px}}