.city{min-height:1210px;padding-bottom:20px}
.building{position:relative;width:min(720px,94vw)!important;aspect-ratio:2/3;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible}
.building::before,.building::after{display:none!important}.ti-building-art{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 42px 38px rgba(0,0,0,.58)) drop-shadow(0 0 20px rgba(232,179,255,.18));pointer-events:none}
.floor-window{--accent:#e8b3ff;position:absolute!important;z-index:8!important;left:14%!important;width:74%!important;height:12.5%!important;min-height:0!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;cursor:pointer;display:block!important;transition:.32s!important}
.floor-window:nth-of-type(1){top:24%!important}.floor-window:nth-of-type(2){top:38.5%!important}.floor-window:nth-of-type(3){top:52%!important}.floor-window:nth-of-type(4){top:65.5%!important}.floor-window:nth-of-type(5){top:79.2%!important;height:12%!important}
.floor-window::after{content:"Entrar no " attr(data-floor);position:absolute;left:50%;top:50%;translate:-50% -50%;height:auto!important;padding:9px 13px;border:1px solid var(--accent);border-radius:999px;background:rgba(17,9,27,.9);box-shadow:0 0 22px rgba(232,179,255,.42);font:700 8px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:0;transform:translateY(8px);transition:.3s}
.floor-window:hover,.floor-window:focus-visible,.floor-window.on{border-color:rgba(232,179,255,.75)!important;background:rgba(232,179,255,.08)!important;box-shadow:inset 0 0 30px rgba(232,179,255,.13),0 0 25px rgba(232,179,255,.35);outline:none}.floor-window:hover::after,.floor-window:focus-visible::after,.floor-window.on::after{opacity:1;transform:none}.floor-window .floor-name{position:absolute;right:calc(100% + 12px);top:50%;translate:0 -50%;padding:8px 10px;border-left:2px solid var(--sun);background:rgba(12,7,20,.8);font:700 8px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:.68}
.ti-elevator{position:absolute!important;display:block!important;z-index:9;left:8%;right:auto!important;top:24%;bottom:8%;width:8px!important;border:0!important;background:rgba(232,179,255,.16)!important}.ti-elevator .car{left:-5px;right:auto;width:18px;height:18px;border-radius:50%;background:var(--sun);box-shadow:0 0 18px var(--sun)}
.ti-ground-actions{position:absolute;z-index:10;left:50%;bottom:3.5%;translate:-50% 0;display:flex;gap:9px}.ti-ground-actions .knob{min-width:86px;padding:8px 10px;background:rgba(14,8,22,.9);backdrop-filter:blur(10px)}
@media(max-width:850px){.city{min-height:850px}.building{width:min(500px,96vw)!important}.floor-window .floor-name{right:auto;left:6px;top:7px;translate:0;font-size:6px;padding:5px 6px}.floor-window::after{font-size:6px;padding:6px 8px}.ti-ground-actions{bottom:2.5%}.ti-ground-actions .knob{min-width:62px;padding:5px}.ti-ground-actions .knob small{font-size:6px}.ti-ground-actions .bell{width:24px;height:24px}.ti-ground-actions .mbox{transform:scale(.72)}}
