@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-wght-normal-l_AIctKy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wide:1120px;--gutter:max(20px, env(safe-area-inset-left), env(safe-area-inset-right), calc((100% - var(--wide)) / 2));--gu-cyan:#1ecad3;--gu-cyan-deep:#0e8f96;--ink:#111;--ink-2:#1b1f22;--asphalt:#23282c;--paper:#fff;--mist:#f2f5f6;--mute:#5d666c;--hair:#dfe5e8;--free:#17a862;--free-ink:#0b5c35;--occ:#d8232f;--occ-deep:#9c1620;--occ-floor:#6b0d15;--unk:#8a939a;--ease:cubic-bezier(.2, .8, .2, 1);--r:18px;color:var(--ink);background:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Montserrat Variable,Montserrat,system-ui,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:var(--ink);margin:0}#root{background:var(--mist);min-height:100dvh;position:relative}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--gu-cyan);outline-offset:2px}.wordmark{letter-spacing:-.01em;color:var(--paper);align-items:center;gap:2px;font-size:1.25rem;font-weight:500;display:inline-flex}.wordmark svg{width:26px;height:26px;margin-right:8px}.wordmark b{font-weight:800}.btn{min-height:52px;transition:transform .12s var(--ease), background .15s;border:0;border-radius:14px;padding:15px 18px;font-size:1rem;font-weight:700}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45}.btn-block{width:100%}.btn-primary{background:var(--gu-cyan);color:var(--ink)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-quiet{background:var(--mist);color:var(--ink)}.btn-free{color:var(--free-ink);background:#e2f6ec}.btn-occupied{color:var(--occ-deep);background:#fde7e8}.chip{background:var(--mist);color:var(--mute);white-space:nowrap;border-radius:99px;flex:none;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.chip-dark{color:#c9d2d6;background:#ffffff1f}.chip-button{color:var(--paper);background:0 0;border:1.5px solid #ffffff4d;padding:7px 14px;font-size:.8125rem}.lamp{background:var(--unk);border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.lamp-green{background:var(--free);box-shadow:0 0 0 4px #17a86233}.lamp-red{background:var(--occ);box-shadow:0 0 0 4px #e4484f33}.banner{color:#6b4b00;background:#fff4d6;border-radius:14px;padding:12px 14px;font-size:.875rem;font-weight:600}.toast{z-index:40;background:var(--ink);color:var(--paper);white-space:nowrap;animation:toast .3s var(--ease);border-radius:99px;padding:12px 18px;font-size:.875rem;font-weight:600;position:fixed;bottom:104px;left:50%;translate:-50%;box-shadow:0 10px 30px #0000004d}@keyframes toast{0%{opacity:0;translate:-50% 12px}}.login{min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-left)) calc(32px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);flex-direction:column;display:flex}.login-lot{perspective:900px;flex:1;place-items:center;min-height:220px;display:grid}.login-plane{transform-style:preserve-3d;grid-template-columns:repeat(6,34px);gap:7px;display:grid;transform:rotateX(56deg)rotate(-34deg)}.login-tile{opacity:0;height:62px;animation:tile .6s var(--ease) calc(var(--i) * 60ms + .15s) forwards;border:1.5px solid #ffffff47;border-radius:6px}.login-tile.t1{background:#3a4248;border-color:#0000;box-shadow:-3px 3px #2a3035,-6px 6px #22272b}.login-tile.t2{background:var(--gu-cyan);box-shadow:-3px 3px 0 var(--gu-cyan-deep), -6px 6px 0 #0a6f75;border-color:#0000}@keyframes tile{0%{opacity:0;transform:translateZ(60px)}to{opacity:1;transform:translateZ(0)}}.login-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.875rem,1.2rem + 3.4vw,3.75rem);font-weight:800;line-height:1.08}.login-copy{color:#b8c2c7;max-width:34ch;margin:14px 0 28px}.privacy{color:#b8c2c7;margin-top:16px;font-size:.875rem}.privacy summary{color:var(--paper);cursor:pointer;padding:6px 0;font-weight:600}.privacy ul,.privacy-list{gap:4px;margin-top:6px;padding-left:18px;list-style:outside;display:grid}.privacy-list{color:var(--mute);margin-top:10px;font-size:.875rem}.login-note{color:#8d979d;margin-top:14px;font-size:.8125rem}.top{padding:calc(18px + env(safe-area-inset-top)) var(--gutter) 0;background:var(--ink);justify-content:space-between;align-items:center;display:flex}.hero{background:var(--ink);color:var(--paper);padding:30px var(--gutter) 76px}.hero h1{letter-spacing:-.03em;font-size:clamp(2rem,1.35rem + 3.6vw,4.25rem);font-weight:800;line-height:1.02}.hero p{color:#b8c2c7;max-width:32ch;margin-top:10px;font-size:.9375rem}.stack{padding:0 calc(var(--gutter) - 4px) calc(40px + env(safe-area-inset-bottom));gap:14px;margin-top:-52px;display:grid}.area{border-radius:var(--r);background:#171b1e;position:relative;overflow:hidden;box-shadow:0 14px 30px -18px #11111180}.area-stage{perspective:1100px;perspective-origin:50% 0;padding:90px 0 0;container-type:inline-size}.area-plane{--pw:min(calc(100cqw - 36px), 760px);--tilt:56deg;--spin:-9deg;--rise:1;--u:calc(var(--pw) / 162);width:var(--pw);background:var(--asphalt);transform:rotateX(var(--tilt)) rotateZ(var(--spin));transform-style:preserve-3d;transition:transform .9s var(--ease), margin .9s var(--ease);border-radius:6px;margin:-6% auto -4%;position:relative}.area-plane.is-flat{--tilt:0deg;--spin:0deg;--rise:.001;margin-block:0 14px}.area-layer{transform-style:preserve-3d;position:absolute;inset:0}.area-plane svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.area .street{fill:none;stroke:#343b40;stroke-width:3.4px;stroke-linecap:round}.area .water{fill:none;stroke:#2a6f7d;stroke-width:3px;stroke-linecap:round}.area .street-name{fill:#ffffff8c;font-size:3.4px;font-weight:600}.area .north path{fill:none;stroke:#fff9;stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round}.area .north text{fill:#fff9;text-anchor:middle;font-size:3.6px;font-weight:700}.area-note{color:#98a2a8;padding:0 16px 12px;font-size:.75rem;position:relative}.area>.seg{top:10px;right:10px}.road{transform-origin:0;transform-style:preserve-3d;background-color:#3a4349;background-image:repeating-linear-gradient(90deg,#ffffff8c 0 2.2%,#0000 2.2% 4.4%);background-position:0;background-repeat:no-repeat;background-size:100% 5%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:3px;position:absolute}.road-name{font-size:calc(var(--u) * 3.4);color:#ffffff8c;white-space:nowrap;font-weight:600;position:absolute;top:108%;left:44%}.traffic-runner{--travel:26s;--lane-y:25%;--heading:0deg;transform-style:preserve-3d;animation:drive var(--travel) linear infinite;animation-delay:calc(var(--travel) * var(--phase) * -1);position:absolute;inset:0}.traffic-runner.lane-1{--lane-y:75%;--heading:180deg;animation-direction:reverse}@keyframes drive{0%{opacity:0;transform:translate(1%)}3%,97%{opacity:1}to{opacity:0;transform:translate(93%)}}.pad{border-radius:2px;position:absolute;transform:translateZ(.6px)}.pad-lot{background:repeating-linear-gradient(90deg,#0000 0 11%,#ffffff80 11% 12.5%) 0 0/100% 34% no-repeat,repeating-linear-gradient(90deg,#0000 0 11%,#ffffff80 11% 12.5%) 0 100%/100% 34% no-repeat,#2f373c;outline:1px solid #1ecad3b3}.pad-ramp{background:repeating-linear-gradient(90deg,#111 0 12%,#2a3136 12% 24%);outline:1px solid #1ecad3b3}.pad-court{outline-offset:-2px;background:linear-gradient(#ffffffb3,#ffffffb3) 0/100% 2% no-repeat,#1f6f5a;outline:1px solid #fff9}.box{--wall:#3b444a;--wall-dark:#2c3338;--top:#515c63;--top-dark:#454e54;transform-style:preserve-3d;animation:grow .9s var(--ease) calc(var(--i,0) * 9ms) backwards;position:absolute}.box i{font-style:normal;display:block;position:absolute}.roof{background:var(--top);box-shadow:inset 0 0 0 calc(var(--u) * .35) #ffffff1a;transform:translateZ(calc(var(--u) * var(--h) * var(--rise) + 1px));transition:transform .9s var(--ease);inset:0}.wall{--face:var(--wall);background-color:var(--face);transition:transform .9s var(--ease), opacity .5s}.wall-e,.wall-w{--face:var(--wall-dark)}.wall-s{width:100%;height:calc(var(--u) * var(--h));transform-origin:50% 100%;transform:rotateX(-90deg) scaleY(var(--rise));bottom:0;left:0}.wall-e{width:calc(var(--u) * var(--h));transform-origin:100%;height:100%;transform:rotateY(90deg) scaleX(var(--rise));top:0;right:0}.wall-w{width:calc(var(--u) * var(--h));transform-origin:0;height:100%;transform:rotateY(-90deg) scaleX(var(--rise));top:0;left:0}.is-flat .wall{opacity:0}@keyframes grow{0%{transform:scaleZ(.001)}}.glazed .wall{background-color:var(--glass);background-image:repeating-linear-gradient(90deg, transparent 0 calc(var(--u) * 3.3), var(--dim) 0 calc(var(--u) * 5.5)), repeating-linear-gradient(90deg, var(--face) 0 calc(var(--u) * var(--frame)), transparent 0 calc(var(--u) * var(--pane))), repeating-linear-gradient(0deg, var(--face) 0 calc(var(--u) * var(--frame)), transparent 0 calc(var(--u) * var(--pane)))}.glazed{--glass:#ffd68a;--dim:#14181b8c;--frame:.55;--pane:1.9}.box-house .roof{background:linear-gradient(90deg, var(--top) 50%, var(--top-dark) 50%);box-shadow:none}.box-house .wall-s{background-image:linear-gradient(90deg,#0000 18%,#ffd68cd9 18% 38%,#0000 38% 62%,#ffd68c80 62% 80%,#0000 80%);background-position:0 40%;background-repeat:no-repeat;background-size:100% 42%}.box-house.tone-1{--top:#5f666d;--top-dark:#50575d;--wall:#434a50}.box-house.tone-2{--top:#6f675c;--top-dark:#5e574d;--wall:#4d473f;--wall-dark:#3a352f}.box-shop,.box-mall{--top:#8a8170;--wall:#6a6355;--wall-dark:#514b40;--frame:.5;--pane:2.4}.box-gu-tower{--top:#0f1518;--wall:#12191d;--wall-dark:#0c1114;--glass:#35d6de;--dim:#080c0eb3;--frame:.45;--pane:1.7}.box-gu-tower .roof{box-shadow:inset 0 0 0 calc(var(--u) * .6) var(--gu-cyan)}.box-gu-tower .wall-s{place-items:start center;display:grid}.box-gu-tower span{padding:calc(var(--u) * .4) calc(var(--u) * 1.2);border-radius:calc(var(--u) * .6);background:var(--gu-cyan);color:var(--ink);font-size:max(11px, calc(var(--u) * 5.3));letter-spacing:-.02em;font-weight:800;line-height:1}.box-gu-tower .wall-s span{margin-top:calc(var(--u) * .5)}.box-gu-tower .roof span{display:none}.is-flat .box-gu-tower .roof{place-items:center;display:grid}.is-flat .box-gu-tower .roof span{display:block}.box-tree{--top:#2e8f63}.box-tree .wall{display:none}.box-tree .roof{box-shadow:0 0 0 calc(var(--u) * .5) #25774f;border-radius:50%}.box-tree:before{content:"";background:#00000059;border-radius:50%;position:absolute;inset:14%}.vehicle{--length:3%;--width:27%;--h:1.2;--top:#c8d4de;--top-light:#edf4fa;--wall:#889ba9;--wall-dark:#617783;--glass:#25343f;top:var(--lane-y);width:var(--length);height:var(--width);transform:translateY(-50%) rotateZ(var(--heading));animation:none;left:0}.vehicle .wall-n{width:100%;height:calc(var(--u) * var(--h));transform-origin:50% 0;transform:rotateX(90deg) scaleY(var(--rise));top:0;left:0}.vehicle .roof{background:linear-gradient(var(--top-light), var(--top) 56%, var(--wall));box-shadow:none;border-radius:18%/34%}.vehicle .roof:before,.vehicle .roof:after{content:"";position:absolute}.vehicle .roof:before{background:linear-gradient(90deg, var(--glass) 0 20%, var(--top) 20% 71%, var(--glass) 71%);border-radius:20%/35%;inset:14% 22% 14% 19%}.vehicle .roof:after{pointer-events:none;background:linear-gradient(#ffb7a5,#ffb7a5) 0 0/9% 22% no-repeat,linear-gradient(#ffb7a5,#ffb7a5) 0 100%/9% 22% no-repeat,linear-gradient(#fff5d4,#fff5d4) 100% 0/11% 22% no-repeat,linear-gradient(#fff5d4,#fff5d4) 100% 100%/11% 22% no-repeat;inset:7% 3%}.vehicle-truck{--length:6.1%;--width:38%;--h:2.4;--top:#aebcc7;--top-light:#e1e9eb;--wall:#778894;--wall-dark:#496476}.vehicle-truck .roof,.vehicle-bus .roof{border-radius:4%/22%}.vehicle-truck .roof:before{background:linear-gradient(90deg, transparent 63%, #526777 63% 69%, #5e91a8 69% 84%, var(--glass) 84% 94%, #5e91a8 94%), repeating-linear-gradient(90deg, transparent 0 12%, #82939f 12% 14%);inset:8% 5%}.vehicle-bus{--length:6.8%;--width:37%;--h:2.25;--top:#c8d5ce;--top-light:#eef3e6;--wall:#436a62;--wall-dark:#32544f}.vehicle-bus .roof:before{background:linear-gradient(90deg, var(--glass) 0 9%, transparent 9% 82%, var(--glass) 82% 96%, transparent 96%), linear-gradient(#679589, #679589) center / 65% 26% no-repeat;inset:8% 5%}.vehicle-bus .wall-n,.vehicle-bus .wall-s{background:repeating-linear-gradient(90deg, #c8d5ce 0 6%, var(--glass) 6% 17%) 50% 20% / 89% 52% no-repeat, var(--wall)}.vehicle-pickup{--length:3.7%;--width:32%;--h:1.6;--top:#b87b62;--top-light:#e7a58a;--wall:#975c49;--wall-dark:#683e36}.vehicle-pickup .roof{border-radius:9%/22%}.vehicle-pickup .roof:before{background:linear-gradient(90deg, #3a2c2b 0 37%, var(--top-light) 37% 45%, var(--top) 45% 75%, var(--glass) 75% 91%, transparent 91%);inset:12% 13% 12% 7%}.vehicle-motorcycle{--length:2%;--width:23%;--h:.65;--top:#b99bcc}.vehicle-motorcycle .wall{display:none}.vehicle-motorcycle .roof{background:radial-gradient(ellipse, #d8c8ac 0 48%, transparent 56%) 57% 50% / 27% 90% no-repeat, linear-gradient(90deg, #151b20 0 25%, #43394d 25% 43%, var(--top) 43% 81%, #151b20 81%) center / 100% 54% no-repeat;border-radius:0}.vehicle-motorcycle .roof:before,.vehicle-motorcycle .roof:after{content:none}.vehicle-exotic{--length:3.45%;--width:30%;--h:.85}.vehicle-exotic .roof{border-radius:12% 42% 42% 12%/24% 42% 42% 24%}.vehicle-exotic .roof:before{background:linear-gradient(90deg, var(--wall-dark) 0 22%, var(--top) 22% 39%, var(--glass) 39% 88%, var(--top-light) 88%);inset:16% 24% 16% 20%}.vehicle-exotic.finish-gold{--top:#d9a332;--top-light:#fff0ad;--wall:#a87022;--wall-dark:#6f4919}.vehicle-exotic.finish-blue{--top:#6c8fe4;--top-light:#c6dcff;--wall:#4565b4;--wall-dark:#2c437d}.pin{--stem:40px;width:0;height:0;transform-style:preserve-3d;background:0 0;border:0;padding:0;position:absolute;transform:translateZ(3px)}.pin:before{content:"";background:var(--gu-cyan);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px;box-shadow:0 0 0 5px #1ecad340}.pin-sign{--up:rotateZ(calc(var(--spin) * -1)) rotateX(calc(var(--tilt) * -1));transform:var(--up);transition:transform .9s var(--ease);animation:pin-in .6s var(--ease) calc(var(--i) * .11s + .5s) backwards;position:absolute;inset:0}.pin-sotano{--stem:calc(68px + max(0px, (var(--u) - 2px) * 34))}.pin-e2{--stem:58px}.pin-stem{width:2px;height:var(--stem);background:var(--gu-cyan);position:absolute;bottom:0;left:-1px}.pin-card{--shift:-50%;bottom:var(--stem);background:var(--paper);color:var(--ink);text-align:left;width:max-content;max-width:max(72px, calc(var(--u) * 46));transform:translateX(var(--shift));transform-origin:50% 100%;border-radius:12px;gap:1px;padding:7px 11px 8px;display:grid;position:absolute;left:0;box-shadow:0 8px 18px #00000073}.pin-right .pin-card{--shift:-82%;max-width:104px}.pin:active .pin-card{scale:.95}@keyframes pin-in{0%{opacity:0}}.pin-name{color:var(--mute);align-items:center;gap:6px;font-size:.6875rem;font-weight:600;display:flex}.pin-name .lamp{width:9px;height:9px;box-shadow:none}.pin-count{font-size:.8125rem;font-weight:700}.pin-count b{letter-spacing:-.03em;color:var(--free);font-size:1.25rem;font-weight:800}.pin-none .pin-count{color:var(--mute);font-weight:600}.pin:focus-visible{outline:none}.pin:focus-visible .pin-card{outline:3px solid var(--gu-cyan);outline-offset:2px}.card{text-align:left;border-radius:var(--r);background:var(--paper);width:100%;box-shadow:0 1px 0 var(--hair), 0 14px 30px -18px #11111159;transition:transform .15s var(--ease);border:0;gap:4px;padding:18px 18px 16px;display:grid}.card:active{transform:scale(.985)}.card-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.card-name{letter-spacing:-.01em;font-size:1.125rem;font-weight:700;display:block}.card-place{color:var(--mute);font-size:.8125rem;display:block}.card-count{flex-wrap:wrap;align-items:baseline;gap:0 10px;margin-top:10px;display:flex}.card-big{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:4rem;font-weight:800;line-height:.9}.card-unit{font-size:1.125rem;font-weight:700}.card-unit.is-alone{letter-spacing:-.02em;font-size:1.5rem}.kind-complete .card-big,.kind-partial .card-big{color:var(--free)}.kind-none .card-unit{color:var(--mute)}.card-detail{color:var(--mute);font-size:.875rem}.strip{flex-wrap:wrap;gap:3px;margin:14px 0 12px;display:flex}.strip i{background:var(--hair);border-radius:2px;width:9px;height:15px}.strip .s-free{background:var(--free)}.strip .s-occupied{background:var(--occ)}.card-light{border-top:1px solid var(--hair);align-items:center;gap:10px;padding-top:12px;font-size:.875rem;font-weight:600;display:flex}.mine{border-radius:var(--r);background:var(--gu-cyan);gap:10px;padding:16px 18px;display:grid}.mine p{font-size:.9375rem;font-weight:600}.footnote{color:var(--mute);padding:6px 4px 0;font-size:.8125rem}.lot{animation:enter .28s var(--ease);padding-bottom:96px}@keyframes enter{0%{opacity:0;transform:translate(18px)}}.lot-top{background:var(--ink);color:var(--paper);padding:calc(14px + env(safe-area-inset-top)) var(--gutter) 22px}.back{color:#b8c2c7;background:0 0;border:0;align-items:center;gap:4px;margin-left:-6px;padding:8px 8px 8px 2px;font-size:.875rem;font-weight:600;display:inline-flex}.back svg{width:20px;height:20px}.lot-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.lot-title h1{letter-spacing:-.025em;font-size:clamp(1.75rem,1.3rem + 2.2vw,3rem);font-weight:800;line-height:1.05}.lot-summary{margin-top:8px;font-size:.9375rem}.lot-summary b{color:var(--gu-cyan);font-weight:700}.lot-summary span{color:#b8c2c7;font-size:.8125rem;display:block}.lot-body{padding:14px calc(var(--gutter) - 4px) 0;gap:14px;display:grid}.mode-help{background:var(--ink);color:var(--paper);border-radius:14px;padding:12px 14px;font-size:.875rem;font-weight:500}.map-card{border-radius:var(--r);background:var(--asphalt);position:relative;overflow:hidden}.map-card-wide .stage{margin-right:58px}.map-card-wide .plane{border-radius:3px;outline:1px solid #ffffff42}.map-card-wide :is(.mark-stairs,.mark-entrance,.mark-exit) em{writing-mode:horizontal-tb;text-align:center;line-height:1.15;font-size:calc(2.3cqw * var(--z));rotate:none}.seg{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:99px;padding:3px;display:flex;position:absolute;top:10px;right:10px}.seg button{color:#c9d2d6;background:0 0;border:0;border-radius:99px;min-width:44px;padding:6px 13px;font-size:.8125rem;font-weight:700;transition:background .2s,color .2s}.seg button[aria-pressed=true]{background:var(--gu-cyan);color:var(--ink)}.stage{--z:1;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pan-y;max-height:64dvh;overflow:auto;container-type:inline-size}.stage::-webkit-scrollbar{display:none}.plane-box{width:calc(100% * var(--z));perspective:1200px;padding:52px 14px 22px}.plane{width:100%;transform-style:preserve-3d;transition:transform .8s var(--ease), margin .8s var(--ease);position:relative}.plane.is-3d{margin-block:-11%;transform:rotateX(50deg)rotate(-14deg)scale(.87)}.is-pinching .plane{transition:none}.zoom{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;border-radius:12px;display:grid;position:absolute;bottom:10px;right:10px;overflow:hidden}.zoom button{color:#fff;background:0 0;border:0;width:44px;height:44px;font-size:1.375rem;font-weight:600;line-height:1}.zoom button+button{border-top:1px solid #ffffff29}.zoom button:disabled{opacity:.35}.row-letter{color:#ffffff8c;font-size:calc(3.4cqw * var(--z));place-items:center;font-weight:800;display:grid;position:absolute}.mark{transform-style:preserve-3d;transition:transform .8s var(--ease), box-shadow .8s var(--ease);border-radius:3px;place-items:center;display:grid;position:absolute}.mark em{font-style:normal;font-size:calc(2.1cqw * var(--z));color:#fffc;writing-mode:vertical-rl;font-weight:700;rotate:180deg}.map-card-wide :is(.mark-entrance,.mark-exit){border-left:0;border-right:2px solid var(--gu-cyan)}.map-card-wide :is(.mark-entrance,.mark-exit) em{white-space:nowrap;margin-right:3px;position:absolute;right:100%}.mark-label em{writing-mode:horizontal-tb;text-align:center;rotate:none}.mark-structure{background:repeating-linear-gradient(135deg,#3d464c 0 3px,#31393e 3px 6px)}.mark-column{background:#9aa4aa;border-radius:2px}.mark-ramp{background:repeating-linear-gradient(90deg,#343b40 0 6px,#2a3034 6px 12px)}.mark-booth{background:#3d464c}.mark-booth,.mark-column{--rise:14px;border-radius:1px}.mark-column{--rise:22px}.mark-booth:before,.mark-booth:after,.mark-column:before,.mark-column:after{content:"";opacity:0;transition:opacity .4s;position:absolute}.mark-booth:before,.mark-column:before{width:100%;height:var(--rise);transform-origin:50% 0;background:#2f373c;top:100%;left:0;transform:rotateX(-90deg)}.mark-booth:after,.mark-column:after{width:var(--rise);transform-origin:100%;background:#262d31;height:100%;top:0;right:100%;transform:rotateY(-90deg)}.is-3d :is(.mark-booth,.mark-column){transform:translateZ(var(--rise))}.is-3d :is(.mark-booth,.mark-column):before,.is-3d :is(.mark-booth,.mark-column):after{opacity:1}.mark-stairs{background:repeating-linear-gradient(0deg,#3d464c 0 4px,#2c3338 4px 8px)}.mark-entrance,.mark-exit{border-left:3px solid var(--gu-cyan)}.mark-entrance em,.mark-exit em{color:var(--gu-cyan)}.mark-court{background:#1f6f5a;border:1px solid #ffffff80}.mark-light{background:var(--unk);border-radius:50%}.mark-light.lamp-green{background:var(--free)}.mark-light.lamp-red{background:var(--occ)}.spot{transform-style:preserve-3d;background:0 0;border:0;padding:0;position:absolute}.tile{border:1px solid #ffffff57;border-bottom-color:#0000;transition:background .25s;position:absolute;inset:0}.spot.open-top .tile{border-top-color:#0000;border-bottom-color:#ffffff57}.spot.open-left .tile{border-bottom-color:#ffffff57;border-left-color:#0000}.spot.open-right .tile{border-bottom-color:#ffffff57;border-right-color:#0000}.spot.open-left .car-art,.spot.open-right .car-art{width:57%;height:150%;inset:50% auto auto 50%;translate:-50% -50%;rotate:90deg}.spot.open-left .car-art{rotate:-90deg}.spot.open-top .car-art{rotate:180deg}.spot.open-top .car .num,.spot.open-left .car .num,.spot.open-right .car .num{margin-top:0}.k-motorcycle.s-occupied .flat{background:var(--occ);color:#fff}.flat,.car{align-content:center;place-items:center;gap:calc(.6cqw * var(--z));transition:transform .7s var(--ease) calc(var(--i) * 12ms), background .25s;display:grid;position:absolute}.flat{border-radius:calc(1cqw * var(--z));inset:7%}.num{font-size:calc(var(--fs) * 1cqw * var(--z));font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.letter{font-size:calc(var(--fs) * 1.13cqw * var(--z));font-weight:800;line-height:1}.s-unknown .flat{color:#ffffff80}.s-free .flat{background:var(--free);color:#fff;box-shadow:0 0 0 calc(.5cqw * var(--z)) #17a86240}.is-3d .s-free .flat{transform:translateZ(3px)}.car{color:#fff;transform-style:preserve-3d;inset:3% 6%}.car-defs{width:0;height:0;position:absolute}.car-art{transform-style:preserve-3d;animation:park .55s var(--ease) calc(var(--i) * 14ms) backwards;position:absolute;inset:0}.car-layer{width:100%;height:100%;transition:transform .7s var(--ease) calc(var(--i) * 12ms);position:absolute;inset:0;overflow:visible}.car-top{color:var(--occ)}.car-l1{color:var(--occ-deep);transform:translateZ(-1px)}.car-l2{color:var(--occ-floor);transform:translateZ(-2px)}.car .num{text-shadow:0 1px 2px #00000080;margin-top:12%;position:relative}.is-3d .car{transform:translateZ(11px)}.is-3d .car-l1{transform:translateZ(-4px)}.is-3d .car-l2{transform:translateZ(-8px)}@keyframes park{0%{opacity:0;transform:translateY(70%)}}.is-3d .s-occupied .tile{background:#00000047}.k-small{--kind:#b9c2c8}.k-large{--kind:#fff}.k-accessible{--kind:#4c8df6}.k-reserved{--kind:#f2b84b}.k-motorcycle{--kind:#c2a6ef}.spot:not(.k-standard){--kind-line:calc(.7cqw * var(--z)) solid var(--kind)}.spot.k-small{--kind-line:calc(.7cqw * var(--z)) dotted var(--kind)}.spot.open-bottom:not(.k-standard) .tile{border-bottom:var(--kind-line)}.spot.open-top:not(.k-standard) .tile{border-top:var(--kind-line)}.spot.open-left:not(.k-standard) .tile{border-left:var(--kind-line)}.spot.open-right:not(.k-standard) .tile{border-right:var(--kind-line)}.is-mine .car{--occ:var(--gu-cyan);--occ-deep:var(--gu-cyan-deep);--occ-floor:#0a6f75}.is-selected .tile{border-color:var(--gu-cyan);border-bottom-color:var(--gu-cyan);background:#1ecad34d}.is-pending .tile{border-style:dashed;border-color:#ffd15c}.dim-unknown .s-unknown{opacity:.6}.spot:focus-visible{outline:none}.spot:focus-visible .tile{border:2px solid var(--gu-cyan)}.legend{flex-wrap:wrap;gap:8px 18px;font-size:.875rem;font-weight:600;display:flex}.legend li{align-items:center;gap:8px;display:flex}.key{color:#fff;border-radius:5px;place-items:center;width:22px;height:28px;font-size:.75rem;font-style:normal;font-weight:800;display:grid}.key.s-free{background:var(--free)}.key.s-occupied{background:var(--occ)}.key.s-unknown{border:1.5px dashed var(--unk);color:var(--mute);background:0 0}.key-kind{background:var(--asphalt);border-bottom:5px solid var(--kind)}.key-kind.k-small{border-bottom-style:dotted}.kind-note{border-left:4px solid var(--kind);margin-top:10px;padding-left:10px;font-size:.875rem;font-weight:600}.kind-note.k-large{--kind:var(--ink)}.light-row{background:var(--paper);text-align:left;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:15px 16px;font-size:.875rem;font-weight:600;display:flex}.light-row span:first-of-type{flex:1}.link{color:var(--gu-cyan-deep);font-weight:700}.bar{z-index:10;padding:12px max(16px, env(safe-area-inset-left), calc((100% - 640px) / 2)) calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hair);background:#f2f5f6eb;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bar .btn{flex:1;padding-inline:10px}.bar .btn-quiet{background:var(--paper);flex:none;padding-inline:18px}.ask{z-index:11;left:var(--gutter);right:var(--gutter);bottom:calc(86px + env(safe-area-inset-bottom));background:var(--ink);max-width:520px;color:var(--paper);border-radius:16px;align-items:center;gap:8px;margin-inline:auto;padding:8px 4px 8px 16px;display:flex;position:fixed;box-shadow:0 10px 30px #0000004d}.ask-text{flex:1;min-width:0;font-size:.875rem;line-height:1.3;display:grid}.ask-text span{color:#b9c2c6;font-size:.8125rem}.ask-actions{gap:6px;display:flex}.ask-btn{background:var(--gu-cyan);min-width:48px;min-height:44px;color:var(--ink);border:0;border-radius:12px;padding:0 12px;font-size:.9375rem;font-weight:700}.ask-close{color:#b9c2c6;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.ask-close svg{width:18px;height:18px}.sheet-wrap{z-index:30;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#11111180;border:0;animation:.25s fade;position:absolute;inset:0}.sheet{width:100%;max-width:520px;max-height:92dvh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));background:var(--paper);animation:rise .32s var(--ease);border-radius:24px 24px 0 0;position:relative;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}.sheet-handle{background:var(--hair);border-radius:4px;width:40px;height:4px;margin:0 auto 16px;display:block}.sheet-title{letter-spacing:-.02em;font-size:1.375rem;font-weight:800;line-height:1.15}.sheet-sub{margin-top:20px;font-size:.9375rem;font-weight:700}.sheet-text{color:var(--mute);margin-top:6px;font-size:.9375rem}.sheet-actions{gap:10px;margin-top:18px;display:grid}.btn-text{min-height:44px;color:var(--gu-cyan-deep);text-underline-offset:3px;background:0 0;border:0;justify-self:center;padding:8px 12px;font-size:.875rem;font-weight:700;text-decoration:underline}.action-note{color:var(--mute);text-align:center;font-size:.8125rem}.pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:0;display:grid}.sheet>.pair{margin-top:18px}.spot-id{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800;line-height:1}.state{border-left:5px solid var(--unk);background:var(--mist);border-radius:14px;gap:2px;margin-top:16px;padding:12px 14px;display:grid}.state b{font-size:1.0625rem}.state span{color:var(--mute);font-size:.875rem}.state-free{border-color:var(--free)}.state-free b{color:var(--free-ink)}.state-occupied{border-color:var(--occ)}.state-occupied b{color:var(--occ-deep)}@media (width<=599px),(width<=899px) and (height>=521px){.lot{flex-direction:column;min-height:100dvh;display:flex}.lot-body{flex-direction:column;flex:1;display:flex}.map-card{flex-direction:column;flex:auto;min-height:250px;display:flex}.stage{flex:1 1 0;min-height:0;max-height:none}.plane-box{flex-direction:column;justify-content:center;min-height:100%;display:flex}.legend{gap:6px 14px;font-size:.8125rem}.legend li{gap:6px}.key{width:18px;height:22px;font-size:.6875rem}.light-row{padding-block:11px}}@media (width<=359px){.btn{padding-inline:10px;font-size:.875rem}.bar{gap:8px}.area-stage{padding-top:98px}.pin-card{padding-inline:8px}}@media (hover:hover){.card:hover{transform:translateY(-3px)}.btn:hover:not(:disabled){filter:brightness(.95)}.light-row:hover .link,.back:hover{text-decoration:underline}}@media (width>=640px){.stack{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));align-items:start;gap:18px}.stack>.banner,.stack>.mine,.stack>.footnote,.stack>.area{grid-column:1/-1}.area-stage{perspective:1800px}.mine{grid-template-columns:1fr auto;align-items:center}.hero p{max-width:46ch;font-size:1.0625rem}.card-big{font-size:4.5rem}.sheet-wrap{align-items:center;padding:24px}.sheet{animation:pop .24s var(--ease);border-radius:24px;padding:28px}.sheet-handle{display:none}.toast{bottom:32px}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}}@media (width>=900px),(width>=600px) and (height<=520px){.stack{grid-template-columns:repeat(3,minmax(0,1fr))}.lot{padding-bottom:48px}.lot-top{padding-bottom:30px}.lot-title{justify-content:flex-start;gap:16px}.lot-summary{font-size:1.0625rem}.lot-body{grid-template-rows:repeat(6,auto) 1fr;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px 28px;padding-top:24px}.lot-body>*{grid-column:2}.lot-body>.map-card{grid-area:1/1/-1;position:sticky;top:16px}.stage{max-height:calc(100dvh - 48px)}.plane-box{width:calc(min(100%, (100dvh - 150px) * var(--ratio)) * var(--z));margin-inline:auto}.legend{background:var(--paper);border-radius:14px;flex-direction:column;gap:10px;padding:16px}.bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;padding:0;position:static}.bar .btn,.bar .btn-quiet{flex:none;width:100%}.bar .btn-quiet{order:2}.ask{max-width:none;box-shadow:none;grid-row:1;margin:0;position:static}}@media (width>=600px) and (height<=520px){.lot-top{padding-block:8px 12px}.lot-title{margin-top:0}.lot-title h1{font-size:1.5rem}.lot-summary{margin-top:2px}.lot-summary span{margin-left:8px;display:inline}.lot-body{grid-template-columns:minmax(0,1fr) 250px;gap:10px 16px;padding-top:12px}.lot-body>.map-card{top:8px}.stage{max-height:calc(100dvh - 16px)}.plane-box{width:calc(min(100%, (100dvh - 40px) * var(--ratio)) * var(--z));padding-top:22px}.hero{padding-top:16px}}@media (width>=900px){.login{padding-inline:var(--gutter);grid-template-rows:auto 1fr auto auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;column-gap:48px;display:grid;overflow:clip}.login>*{grid-column:1;max-width:30rem}.login-lot{grid-area:1/2/-1;max-width:none;scale:1.7}.login-title{align-self:end}.login .btn-block{justify-self:start;width:auto;padding-inline:32px}}@media (prefers-reduced-motion:reduce){.traffic-runner{transform:translateX(calc(5% + var(--phase) * 82%));animation:none}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}}
