#login-dropdown{background:transparent;border:none;box-shadow:none;padding:0;gap:0}#login-dropdown .menu-panel{position:relative;width:100%;padding:20px 16px;background:linear-gradient(135deg,#081016fa,#060e12fc);border:1px solid rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 60px #00000080;overflow:hidden;color:#e9ecf1;font-family:Tektur,Inter,system-ui,sans-serif;max-height:calc(100vh - 130px);overflow-y:auto}#login-dropdown .menu-header{display:flex;align-items:center;gap:12px}#login-dropdown .menu-avatar{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;font-size:20px;font-weight:800;color:#062e22;background:linear-gradient(135deg,#6cfad0,#2fbf9b);border-radius:14px}#login-dropdown .menu-header-info{flex:1;min-width:0}#login-dropdown .menu-overline{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#5c6572;margin-bottom:2px}#login-dropdown .menu-row.menu-row--header{gap:4px;margin-top:3px;align-items:center}#login-dropdown .menu-row--header input{height:34px;font-size:12px;padding:0 8px}#login-dropdown .menu-row--header #login-user-name{letter-spacing:0;padding:0 4px;text-align:left;font-size:20px;font-weight:500}#login-dropdown .menu-row--header .menu-btn-icon{width:34px;height:34px;border-radius:9px}#login-dropdown .menu-row--header .menu-btn-icon svg{width:15px;height:15px}#login-dropdown .menu-stats{display:flex;gap:6px;align-items:center;margin-top:8px}#login-dropdown .menu-stats .menu-tag-input{flex:0 0 36px;width:36px;height:32px;padding:0}#login-dropdown .menu-league{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:500;letter-spacing:1.5px;border-radius:9px;color:#241a05;background:linear-gradient(135deg,#f6ca66,#e8a52e);border:1px solid transparent;box-shadow:0 4px 14px #f0b13e38}#login-dropdown .menu-league.empty{color:#5c6572;background:#ffffff08;border-color:#ffffff14;box-shadow:none}#login-dropdown .menu-league svg{width:12px;height:12px}#login-dropdown .menu-divider{height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}#login-dropdown .menu-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}#login-dropdown .menu-sec-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8b94a3}#login-dropdown .menu-sec-hint{font-size:10px;color:#5c6572;transition:color .3s}#login-dropdown .menu-sec-hint.ok{color:#4ade80}#login-dropdown input{height:40px;padding:0 12px;width:100%;font:inherit;font-size:13px;color:#e9ecf1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9px;caret-color:#f0b13e}#login-dropdown input::placeholder{color:#5c6572}#login-dropdown input:focus{outline:none;border-color:#f0b13e80;background:#ffffff0f;box-shadow:0 0 0 3px #f0b13e1a}#login-dropdown .menu-row{display:flex;gap:8px}#login-dropdown .menu-field{position:relative;flex:1}#login-dropdown .menu-counter{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#5c6572;pointer-events:none}#login-dropdown .menu-tag-input{flex:0 0 44px;width:44px;padding:0;text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#5c6572;background:transparent;border-color:transparent;transition:color .25s,background .25s,border-color .25s,box-shadow .25s}#login-dropdown .menu-stats .menu-tag-input:placeholder-shown{background:#ffffff08;border-color:#ffffff14}#login-dropdown .menu-tag-input:focus{color:#e9ecf1;background:#ffffff0d;border-color:#ffffff2e;box-shadow:none}#login-dropdown .menu-tag-input:not(:placeholder-shown){color:#f0b13e;background:#f0b13e1a;border-color:#f0b13e73}#login-dropdown .menu-nick-text{display:none;height:34px;line-height:34px;padding:0 4px;font-size:20px;font-weight:500;color:#8b94a3;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#login-dropdown .menu-nick-text.show{display:block}#login-dropdown #login-user-name.is-reserved:disabled{color:#8b94a3}#login-dropdown #login-user-name:disabled{background:transparent;border-color:transparent;color:#5c6572;opacity:1}#login-user-name{text-align:center;text-transform:none;letter-spacing:3px;font-weight:500}#login-user-name::placeholder{font-weight:500}#login-dropdown .menu-btn-icon{position:relative;overflow:hidden;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:none;border-radius:9px;cursor:pointer;color:#241a05;background:linear-gradient(135deg,#f6ca66,#e8a52e);box-shadow:0 4px 14px #f0b13e38}#login-dropdown .menu-btn-icon svg{width:17px;height:17px}#login-dropdown .menu-btn-icon:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(.4);box-shadow:none}#login-dropdown .menu-reactions{display:flex;flex-direction:column;gap:8px}#login-dropdown .menu-reaction{position:relative}#login-dropdown .menu-reaction input{padding-left:38px}#login-dropdown .menu-reaction input:disabled,#login-dropdown .menu-field input:disabled{opacity:.45;cursor:not-allowed}#login-dropdown .menu-key{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#8b94a3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-bottom-width:2px;border-radius:5px;cursor:pointer;user-select:none}#login-dropdown .menu-reaction:focus-within .menu-key{color:#241a05;background:#f0b13e;border-color:transparent;box-shadow:0 2px 8px #f0b13e59}#login-dropdown .menu-btn-exit{position:relative;overflow:hidden;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#eb8b90;background:#e5484d14;border:1px solid rgba(229,72,77,.22);border-radius:9px;cursor:pointer;transition:all .25s}#login-dropdown .menu-btn-exit svg{width:14px;height:14px}#login-dropdown .menu-btn-exit:hover{background:#e5484d24;border-color:#e5484d66;color:#ff9ba0}#menu-logout-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:#06080b8c;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s ease}#menu-logout-overlay.show{opacity:1;pointer-events:auto}#menu-logout-overlay .modal{width:300px;padding:24px 22px 20px;text-align:center;background:linear-gradient(135deg,#081016fa,#060e12fc);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 24px 60px #00000080;transform:translateY(14px) scale(.96);transition:transform .3s cubic-bezier(.22,1,.36,1);font-family:Tektur,Inter,system-ui,sans-serif;color:#e9ecf1}#menu-logout-overlay.show .modal{transform:none}#menu-logout-overlay .modal-icon{width:46px;height:46px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;color:#f87171;background:#e5484d1f;border:1px solid rgba(229,72,77,.25)}#menu-logout-overlay .modal-icon svg{width:19px;height:19px}#menu-logout-overlay .modal h3{font-size:15px;font-weight:700;margin-bottom:6px}#menu-logout-overlay .modal p{font-size:12px;color:#8b94a3;line-height:1.5;margin-bottom:16px}#menu-logout-overlay .m-actions{display:flex;gap:10px}#menu-logout-overlay .m-btn{flex:1;height:40px;font:inherit;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}#menu-logout-overlay .m-ghost{background:transparent;border:1px solid rgba(255,255,255,.08);color:#8b94a3}#menu-logout-overlay .m-ghost:hover{color:#e9ecf1;background:#ffffff08}#menu-logout-overlay .m-danger{background:#d33f46;border:1px solid transparent;color:#fff}#menu-logout-overlay .m-danger:hover{background:#e34a52}#menu-toasts{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:400;pointer-events:none}#menu-toasts .toast{display:flex;align-items:center;gap:10px;min-width:220px;max-width:300px;padding:11px 14px;font-size:12px;color:#e9ecf1;background:#171a20eb;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 10px 30px #0006;animation:menuToastIn .38s cubic-bezier(.22,1,.36,1);font-family:Tektur,Inter,system-ui,sans-serif}#menu-toasts .toast.info{border-left:3px solid #7ab8ff}#menu-toasts .toast.success{border-left:3px solid #4ade80}#menu-toasts .toast.error{border-left:3px solid #f87171}@keyframes menuToastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}