.city-scene{position:relative;width:100%;height:82vh;min-height:520px;overflow:hidden;background:var(--splech-bg)}.city-scene__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0b0d12,#14181f 30%,#1c222b 55%,#232a32 72%,#181b20)}.city-scene__sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(131,186,202,.1),transparent 55%),radial-gradient(circle at 18% 18%,rgba(131,186,202,.06),transparent 40%),radial-gradient(circle at 82% 14%,rgba(131,186,202,.045),transparent 38%)}.city-scene__canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y;-webkit-user-select:none;user-select:none}.city-scene__canvas-host canvas{display:block;width:100%!important;height:100%!important}.city-scene__label{position:absolute;left:50%;bottom:64px;transform:translate(-50%);padding:8px 22px;border:1px solid var(--splech-border);background:#0f1013b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--splech-text-muted);pointer-events:auto;z-index:4;transition:border-color .2s,color .2s}.city-scene__label--built{color:var(--splech-teal);border-color:var(--splech-teal);font-weight:600}.city-scene__label--built:hover{background:var(--splech-teal-glow)}.city-scene__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--splech-border);background:#0f1013b3;color:var(--splech-text);font-size:22px;line-height:1;cursor:pointer;z-index:5;transition:border-color .2s,color .2s}.city-scene__nav:hover{border-color:var(--splech-teal);color:var(--splech-teal)}.city-scene__nav--prev{left:24px}.city-scene__nav--next{right:24px}.city-scene__hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--splech-text-muted);margin:0;pointer-events:none;z-index:3}@media(max-width:749px){.city-scene{height:70vh}.city-scene__nav{width:36px;height:36px;font-size:18px}.city-scene__label{bottom:50px;font-size:.7rem;padding:6px 16px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/splech-city.css.map */