*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#fff;overflow:hidden;-webkit-tap-highlight-color:transparent}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex}.screen.hidden{display:none}#screen-login{align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.login-card{text-align:center;padding:48px 36px;background:#ffffff0f;border-radius:24px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:min(360px,92vw)}.app-logo{margin-bottom:16px}.app-title{font-size:2.2rem;font-weight:800;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.app-sub{color:#ffffff80;font-size:.95rem;margin-bottom:36px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:12px;transition:transform .12s,opacity .12s}.oauth-btn:active{transform:scale(.96);opacity:.85}.oauth-yandex{background:#fc3f1d;color:#fff}.oauth-google{background:#fff;color:#333}.login-error{margin-top:16px;color:#ff6b6b;font-size:.9rem}.divider{display:flex;align-items:center;gap:12px;margin:4px 0 12px;color:#ffffff4d;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.guest-form{display:flex;gap:8px}.guest-input{flex:1;padding:13px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.guest-input::placeholder{color:#ffffff59}.guest-input:focus{border-color:#fff6}.oauth-guest{width:auto;padding:13px 20px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:14px;margin-bottom:0}.oauth-guest:hover{background:#fff3}.btn-logout{background:none;border:none;color:#ffffff80;font-size:.85rem;cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1;transition:color .15s}.btn-logout:hover{color:#ff6b6b}#screen-map{position:fixed;top:0;right:0;bottom:0;left:0}#ymap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.user-badge{position:absolute;top:14px;right:14px;z-index:100;display:flex;align-items:center;gap:8px;background:#0f0f1ed1;border-radius:50px;padding:6px 14px 6px 6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);font-size:.9rem;font-weight:600}.avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#2a2a4a}.map-bottom{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:100}.toggle-btn{display:flex;align-items:center;gap:10px;padding:14px 26px;background:#0f0f1ee0;color:#fff;border:2px solid rgba(255,255,255,.18);border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s}.toggle-btn.active{background:#4a90e2e0;border-color:#4a90e2}.toggle-icon{font-size:1.1rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center}.overlay.hidden{display:none}.call-card{text-align:center;padding:40px 32px;background:#0f0f23f2;border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);min-width:300px;max-width:92vw}.avatar-lg{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#2a2a4a;margin-bottom:16px;border:3px solid rgba(74,144,226,.5)}.call-peer-name{font-size:1.4rem;font-weight:700;margin-bottom:6px}.call-hint{color:#ffffff8c;font-size:.9rem}.call-btns{display:flex;gap:14px;justify-content:center;margin-top:24px}.btn-green,.btn-red{padding:13px 28px;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .1s}.btn-green{background:#27ae60;color:#fff}.btn-red{background:#e74c3c;color:#fff}.btn-green:active,.btn-red:active{opacity:.8}.spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.15);border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.call-fullscreen{background:#000;flex-direction:column}#remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.joystick-wrap{position:absolute;bottom:90px;left:50%;transform:translate(-50%);z-index:10;touch-action:none;user-select:none;-webkit-user-select:none}.joystick-handle{text-align:center;color:#ffffff59;font-size:.75rem;letter-spacing:.1em;padding:2px 0 6px;cursor:grab}.joystick-handle:active{cursor:grabbing}.joystick{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:6px}.joy{width:50px;height:50px;background:#ffffff24;border:2px solid rgba(255,255,255,.28);border-radius:13px;color:#fff;font-size:1.2rem;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .1s,transform .1s,border-color .1s;display:flex;align-items:center;justify-content:center}.joy:active,.joy.pressed{background:#4a90e2bf;border-color:#4a90e2;transform:scale(.88)}.joy-fwd{background:#4a90e247;border-color:#4a90e280;font-size:1rem}.btn-hangup{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:10;padding:13px 36px;background:#e74c3c;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer}.callee-overlay{background:#000;pointer-events:none}#callee-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.arrow{position:absolute;font-size:5.5rem;color:#fff0;text-shadow:0 0 0 rgba(74,144,226,0);transition:color .15s,text-shadow .15s;pointer-events:none;line-height:1}.arrow.show{color:#ffffffc7;text-shadow:0 0 30px rgba(74,144,226,.9),0 0 60px rgba(74,144,226,.4);animation:arrow-pop .25s ease}@keyframes arrow-pop{0%{scale:.7}60%{scale:1.15}to{scale:1}}.arr-up{top:60px;left:50%;transform:translate(-50%)}.arr-down{bottom:110px;left:50%;transform:translate(-50%)}.arr-left{left:36px;top:50%;transform:translateY(-50%)}.arr-right{right:36px;top:50%;transform:translateY(-50%)}.arr-fwd{top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem}.callee-bar{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:12px;background:#0f0f1ed1;border-radius:50px;padding:8px 14px;pointer-events:all;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);font-size:.9rem}.btn-hangup-sm{padding:6px 16px;background:#e74c3c;color:#fff;border:none;border-radius:50px;font-size:.85rem;font-weight:700;cursor:pointer}.locate-btn{position:absolute;bottom:100px;right:14px;z-index:100;width:44px;height:44px;border-radius:50%;background:#0f0f1ee0;color:#4a90e2;border:2px solid rgba(255,255,255,.18);font-size:1.5rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.locate-btn:active{transform:scale(.88);background:#4a90e24d}.coords-panel{position:absolute;bottom:32px;left:14px;z-index:100;display:flex;align-items:center;gap:8px;background:#0f0f1ed1;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;font-weight:500;color:#ffffffd9;font-variant-numeric:tabular-nums}.btn-copy-coords{background:none;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.btn-copy-coords:hover{color:#4a90e2}.hidden{display:none!important}