:root{color:#edf2e9;background:#0d1114;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0}body,main{height:100%;min-height:100vh}.parking-app{background:radial-gradient(circle at 0 0,#2b624c59,#0000 30%),radial-gradient(circle at 100% 100%,#a2894c26,#0000 28%),#0d1114;height:100svh;min-height:100vh;position:relative;overflow:hidden}.parking-hud{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#14181cc7;border:1px solid #edf2e91f;border-radius:18px;width:min(380px,100vw - 32px);max-height:calc(100svh - 48px);padding:12px;position:absolute;top:24px;left:24px;overflow:hidden}.parking-route-switcher{z-index:3;color:#edf2e9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14181ccc;border:1px solid #edf2e924;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex;position:fixed;top:24px;right:24px;box-shadow:0 12px 28px #00000038}.parking-route-switcher:hover{background:#252c32eb;border-color:#edf2e952}.parking-route-switcher:active{transform:translateY(1px)}.parking-ui-toggle{z-index:3;appearance:none;color:#edf2e9;font:inherit;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14181ccc;border:1px solid #edf2e924;border-radius:999px;padding:.65rem .95rem;font-size:.82rem;transition:background-color .16s,border-color .16s,transform .16s;position:fixed;top:128px;right:24px;box-shadow:0 12px 28px #00000038}.parking-ui-toggle:hover{background:#252c32eb;border-color:#edf2e952}.parking-ui-toggle:active{transform:translateY(1px)}.parking-footer-nav{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#14181cc7;border:1px solid #edf2e91f;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;width:min(420px,100vw - 48px);padding:12px 14px;display:flex;position:absolute;bottom:24px;left:auto;right:24px}.parking-minimap{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#14181cc7;border:1px solid #edf2e91f;border-radius:16px;width:170px;padding:10px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.parking-minimap-title{letter-spacing:.14em;text-transform:uppercase;color:#8db099;font-size:.66rem}.parking-minimap-stage{aspect-ratio:1;background-color:#ffffff05;background-image:linear-gradient(#edf2e90d 1px,#0000 1px),linear-gradient(90deg,#edf2e90d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #edf2e91a;border-radius:14px;margin-top:.55rem;position:relative}.parking-minimap-lot{background:#8db09914;border:1px solid #8db099e6;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #8db0991f}.parking-minimap-dot{background:#8db099;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #8db0992e}.parking-minimap-car{border:1px solid #0d1114e6;border-radius:999px;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff14}.parking-minimap-cone-anchor{transform-origin:50%;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.parking-minimap-cone{background:conic-gradient(from calc(var(--parking-fov) / -2), #edf2e93d 0deg, #edf2e93d var(--parking-fov), transparent var(--parking-fov), transparent 360deg);opacity:.95;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 0 7px,#000 8px);mask:radial-gradient(circle,#0000 0 7px,#000 8px)}.parking-minimap-stats{color:#edf2e9b8;justify-content:space-between;gap:.35rem;margin-top:.55rem;font-size:.68rem;display:flex}.parking-footer-button{min-width:5.5rem}.parking-footer-label{text-align:center;color:#edf2e9c7;letter-spacing:.08em;text-transform:uppercase;flex:1;font-size:.84rem}.parking-toolbar{gap:10px;max-height:calc(100svh - 80px);padding-right:4px;display:grid;overflow-y:auto}.parking-group{background:#ffffff06;border:1px solid #edf2e914;border-radius:14px;padding:10px}.parking-group-cars{min-height:0}.parking-group-title{letter-spacing:.14em;text-transform:uppercase;color:#8db099;margin-bottom:.2rem;font-size:.66rem;display:block}.parking-switcher{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.parking-switch{appearance:none;color:#edf2e9d1;font:inherit;background:#ffffff0a;border:1px solid #edf2e929;border-radius:999px;padding:.44rem .72rem;font-size:.77rem;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.parking-switch:hover{color:#edf2e9;border-color:#edf2e957}.parking-switch.is-active{color:#0d1114;background:#8db099;border-color:#8db099}.parking-switch:active{transform:translateY(1px)}.parking-nav-button{text-align:center;min-width:4.2rem}.parking-current-car{color:#edf2e9b8;margin-top:.35rem;font-size:.72rem;line-height:1.2}.parking-cars-grid{gap:.55rem;max-height:min(34vh,320px);margin-top:.7rem;padding-right:4px;display:grid;overflow-y:auto}.parking-car-chip{color:#edf2e9e6;text-align:left;width:100%;font:inherit;background:#ffffff08;border:1px solid #edf2e91a;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.parking-car-chip:hover{background:#ffffff0d;border-color:#edf2e93d}.parking-car-chip.is-active{background:#8db09929;border-color:#8db099eb}.parking-car-chip.is-active .parking-car-chip-action{color:#dff4e4}.parking-car-chip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.parking-car-chip-action{letter-spacing:.08em;text-transform:uppercase;color:#8db099;flex:none;font-size:.76rem}.parking-tooltip{color:#edf2e9;white-space:nowrap;pointer-events:none;background:#14181ceb;border:1px solid #edf2e929;border-radius:999px;padding:.45rem .65rem;font-size:.78rem;box-shadow:0 10px 28px #00000047}.parking-popup-anchor{transform:translate(-50%, -50%) scale(var(--parking-popup-scale,1.7));transform-origin:50%;display:inline-block;position:relative}.parking-popup-anchor-static{pointer-events:none}.parking-popup-alert{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:linear-gradient(160deg,#fff2f6f0,#ffdce5db);border:1px solid #ff7a895c;border-radius:999px;align-items:center;gap:.84rem;min-height:74px;padding:1.1rem 1.6rem;display:inline-flex;box-shadow:0 14px 38px #2f191f4d}.parking-popup-alert-dot{background:#ff4f72;border-radius:50%;flex:none;width:16px;height:16px;box-shadow:0 0 0 5px #ff4f722e}.parking-popup-alert-text{color:#ff3b5a;letter-spacing:.01em;font-size:1.5rem;font-weight:700}.parking-popup-alert-warning{background:linear-gradient(155deg,#fff4d6e6,#ffe5afd1);border-color:#ffba4d57}.parking-popup-alert-warning .parking-popup-alert-dot{background:#ff9f1a;box-shadow:0 0 0 4px #ff9f1a2e}.parking-popup-alert-warning .parking-popup-alert-text{color:#d57e00}canvas{display:block}.parking-canvas{width:100%!important;height:100%!important}@media (max-width:720px){.parking-hud{width:min(380px,100vw - 24px);top:16px;left:16px}.parking-route-switcher{max-width:calc(100vw - 24px);top:16px;right:16px}.parking-ui-toggle{top:68px;right:16px}.parking-footer-nav{width:min(420px,100vw - 32px);bottom:16px;left:auto;right:16px}.parking-minimap{width:150px;bottom:16px;left:16px}.parking-popup-alert{min-height:58px;padding:.8rem 1.16rem}.parking-popup-alert-text{font-size:1.12rem}}