*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#111;font-family:system-ui,Segoe UI,Roboto,sans-serif}.game-hud{z-index:400;pointer-events:none;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));position:absolute;inset:0}.game-hud__avatar{top:max(12px, env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));pointer-events:auto;background:linear-gradient(145deg,#3a4a6b,#1e2638);border:2px solid #ffffffd9;border-radius:50%;width:48px;height:48px;position:absolute;overflow:hidden;box-shadow:0 2px 8px #00000073,0 6px 16px #0000004d}.game-hud__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.game-hud__avatar-placeholder{color:#ffffff8c;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-hud__avatar-placeholder svg{width:28px;height:28px}.game-hud__balance{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));pointer-events:auto;background:#080c14eb;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:absolute;box-shadow:0 2px 8px #0000008c,0 6px 16px #00000059}.game-hud__balance-icon{color:#3e2723;background:#ffca28;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.game-hud__balance-icon svg{width:16px;height:16px}.game-hud__balance-value{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000000e6;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;font-weight:800;line-height:1}@media (hover:hover) and (pointer:fine){.game-hud__balance{-webkit-backdrop-filter:blur(8px);background:#080c14c7}.game-hud__balance-value{-webkit-text-stroke:1px #0d111a;paint-order:stroke fill;text-shadow:1px 1px #0d111a,-1px 1px #0d111a,1px -1px #0d111a,-1px -1px #0d111a}}.location-modal{z-index:500;pointer-events:auto;flex-direction:column;display:flex;position:fixed;inset:0}.location-modal__backdrop{opacity:0;background:#0f172a47;transition:opacity .32s;position:absolute;inset:0}.location-modal__panel{opacity:0;background:linear-gradient(#fff 0%,#f4f6fa 55%,#eef1f6 100%);border-radius:0;flex-direction:column;flex:1;min-height:100%;margin-top:auto;transition:opacity .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateY(28px)scale(.97)}.location-modal--open .location-modal__backdrop{opacity:1}.location-modal--open .location-modal__panel{opacity:1;transform:translateY(0)scale(1)}.location-modal--leave .location-modal__backdrop{opacity:0;transition-duration:.24s}.location-modal--leave .location-modal__panel{opacity:0;transition-duration:.24s;transform:translateY(18px)scale(.98)}.location-modal__close{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));z-index:2;color:#334155;cursor:pointer;background:#ffffffeb;border:1px solid #0f172a1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .15s,background .15s;display:flex;position:absolute;box-shadow:0 4px 14px #0f172a1a}.location-modal__close svg{width:26px;height:26px}.location-modal__close:active{background:#fff;transform:scale(.94)}.location-modal__header.map-marker--car{--accent:#ff7043}.location-modal__header.map-marker--track{--accent:#8e6bff}.location-modal__header.map-marker--port{--accent:#26c6da}.location-modal__header.map-marker--confiscat{--accent:#ef5350}.location-modal__header.map-marker--wash{--accent:#42b6ff}.location-modal__header.map-marker--service{--accent:#56c76a}.location-modal__header.map-marker--bank{--accent:#ffca28}.location-modal__header.map-marker--vip{--accent:#c85ce6}.location-modal__header.map-marker--office{--accent:#5c6cff}.location-modal__header.map-marker--garage{--accent:#ff9100}.location-modal__header{padding:calc(max(20px, env(safe-area-inset-top,0px)) + 52px) 24px 28px;text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.location-modal__icon{background:#fff;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;animation:.5s cubic-bezier(.22,1,.36,1) 80ms both modal-icon-pop;display:flex;box-shadow:0 8px 24px #0f172a14,0 2px 6px #0f172a0a}.location-modal__icon .map-marker__icon-svg{width:52px;height:52px;color:var(--accent)}.location-modal__title{letter-spacing:.01em;color:#1a2233;margin:0;font-size:26px;font-weight:800;line-height:1.15;animation:.45s cubic-bezier(.22,1,.36,1) .14s both modal-title-rise}.location-modal__body{padding:8px max(20px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));flex:1;animation:.45s cubic-bezier(.22,1,.36,1) .2s both modal-body-rise}.location-modal__placeholder{color:#64748b;text-align:center;background:#fff;border:1px solid #0f172a14;border-radius:14px;margin:0;padding:18px 16px;font-size:15px;line-height:1.5;box-shadow:0 2px 8px #0f172a0a}@keyframes modal-icon-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes modal-title-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-body-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.game-map{touch-action:none;-webkit-user-select:none;user-select:none;background:#111;width:100%;height:100svh;position:relative;overflow:hidden}.game-map__viewport{width:100%;height:100%;position:relative;overflow:hidden}.game-map__layer{transform-origin:50%;backface-visibility:hidden;position:absolute;top:50%;left:50%}.game-map--panning .game-map__layer--map{will-change:transform}.game-map__layer--map{contain:strict}.game-map__markers-overlay{z-index:200;pointer-events:none;position:absolute;inset:0;overflow:hidden}.game-map--panning .game-map__marker-wrap{will-change:transform}.game-map--panning .map-marker__icon{filter:none}.game-map__image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.game-map__marker-wrap{z-index:100;pointer-events:auto;touch-action:manipulation;backface-visibility:hidden;position:absolute;top:0;left:0}.map-marker{--accent:#ff7043;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.map-marker--track{--accent:#8e6bff}.map-marker--port{--accent:#26c6da}.map-marker--confiscat{--accent:#ef5350}.map-marker--wash{--accent:#42b6ff}.map-marker--service{--accent:#56c76a}.map-marker--bank{--accent:#ffca28}.map-marker--vip{--accent:#c85ce6}.map-marker--office{--accent:#5c6cff}.map-marker--garage{--accent:#ff9100}.map-marker__icon{filter:drop-shadow(0 2px 3px #000000a6);justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.map-marker__icon-svg{width:40px;height:40px;color:var(--accent);display:block}.map-marker__label{letter-spacing:.02em;color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000000e6;background:#080c14eb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;max-width:140px;padding:4px 10px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 2px 6px #00000073}.map-marker--selected{transform:scale(1.05)}.map-marker--selected .map-marker__icon{filter:drop-shadow(0 0 6px var(--accent)) drop-shadow(0 2px 4px #000000b3)}.map-marker--selected .map-marker__icon-svg{color:#fff}.map-marker--selected .map-marker__label{color:#151a24;text-shadow:none;background:#fffffff5;border-color:#ffffffe6}@media (hover:hover) and (pointer:fine){.game-map__viewport{cursor:grab}.game-map__viewport:active{cursor:grabbing}.map-marker{gap:4px;transition:transform .15s}.map-marker__icon{width:52px;height:52px;animation:2.4s ease-in-out infinite marker-float}.map-marker__icon:before{content:"";filter:blur(1px);z-index:0;background:radial-gradient(circle,#000000b8 0%,#00000073 55%,#0000 78%);border-radius:50%;width:46px;height:46px;position:absolute}.map-marker__icon{filter:drop-shadow(0 0 1px #000)drop-shadow(0 3px 6px #000000d9);transition:filter .15s}.map-marker__icon-svg{width:44px;height:44px;transition:color .15s,transform .15s}.map-marker__label{-webkit-backdrop-filter:blur(8px);-webkit-text-stroke:1.5px #0d111a;paint-order:stroke fill;text-shadow:1px 1px #0d111a,-1px 1px #0d111a,1px -1px #0d111a,-1px -1px #0d111a;background:#080c14b8;max-width:150px;padding:5px 11px;font-size:12px;transition:transform .15s,background .15s,color .15s}.map-marker--selected .map-marker__icon{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 8px var(--accent)) drop-shadow(0 0 14px var(--accent)) drop-shadow(0 4px 8px #000000d9);animation:1.8s ease-in-out infinite marker-float-selected}.map-marker--selected .map-marker__icon-svg{transform:scale(1.08)}.map-marker--selected .map-marker__label{-webkit-text-stroke:0 transparent;text-shadow:none;transform:scale(1.04);box-shadow:0 4px 14px #00000038}}@keyframes marker-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes marker-float-selected{0%,to{transform:translateY(0)scale(1.06)}50%{transform:translateY(-6px)scale(1.06)}}