.loginModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111827f0;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.loginModal{color:#321f16;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px);background:linear-gradient(90deg,#512d1a1a 1px,#0000 1px) 0 0/5px 5px,linear-gradient(#512d1a14 1px,#0000 1px) 0 0/5px 5px,linear-gradient(135deg,#fff1cf,#e5bd7e) 0 0/100% 100%;border:3px solid #5b3824;width:min(100%,440px);padding:5px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #d9a865,0 0 0 7px #20120cc7,0 22px 55px #0009}.loginModalHeader{background:#fff2d385;border:2px solid #6f4229;padding:22px 22px 16px;box-shadow:inset 0 0 0 2px #fffce199}.loginModalKicker{color:#81511f;font-family:var(--font-pixelify),monospace;letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:.78rem;font-weight:700}.loginModalTitleRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.loginModalTitle{color:#432718;font-family:var(--font-pixel-title),var(--font-pixelify),monospace;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(1.3rem,5vw,1.7rem);line-height:1.2}.loginModalSubtitle{color:#65432c;font-family:var(--font-pixelify),sans-serif;margin:8px 0 0;font-size:.88rem;line-height:1.4}.loginModalClose{cursor:pointer;color:#fff0c6;background:#9e4935;border:2px solid #6f4229;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;font-family:Arial,sans-serif;font-size:1.45rem;font-weight:700;line-height:1;display:grid;box-shadow:inset 2px 2px #ffd4a059,inset -2px -2px #3f1a115c}.loginModalClose:hover:not(:disabled){background:#bd5a40}.loginModeTabs{grid-template-columns:repeat(2,1fr);gap:7px;padding:16px 22px 0;display:grid}.loginModeTab{cursor:pointer;color:#593621;min-height:42px;font-family:var(--font-pixelify),sans-serif;background:#f7dca8;border:2px solid #765035;padding:8px 10px;font-size:.88rem;font-weight:700;box-shadow:inset 2px 2px #fffad9a6}.loginModeTab:hover:not(:disabled){background:#ffe7b4}.loginModeTab.isActive{color:#fff3d4;background:#4f7197;border-color:#493222;box-shadow:inset 2px 2px #a7d0f57a,inset -2px -2px #23374f6b}.loginForm{gap:14px;padding:18px 22px 22px;display:grid}.loginField{color:#513522;font-family:var(--font-pixelify),sans-serif;letter-spacing:.025em;gap:6px;font-size:.82rem;font-weight:700;display:grid}.loginField input{color:#332118;width:100%;min-height:44px;font-family:var(--font-pixelify),sans-serif;background:#fff9ddd6;border:2px solid #815535;border-radius:0;outline:none;padding:10px 11px;font-size:.95rem;box-shadow:inset 2px 2px #6e45262e,inset -1px -1px #ffffe6b8}.loginField input::placeholder{color:#92745e;opacity:1}.loginField input:focus{border-color:#376c9f;box-shadow:0 0 0 3px #376c9f42,inset 2px 2px #6e45262e}.loginPasswordWrap{display:block;position:relative}.loginPasswordWrap input{padding-right:48px}.loginPasswordToggle{cursor:pointer;color:#65432c;background:0 0;border:1px solid #0000;place-items:center;width:35px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.loginPasswordToggle:hover:not(:disabled){background:#7e4e2a21;border-color:#94613d}.loginPasswordToggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:21px;height:21px}.loginError{color:#7a221c;font-family:var(--font-pixelify),sans-serif;background:#ee977f42;border:2px solid #9d392d;margin:0;padding:10px 11px;font-size:.82rem;font-weight:700;line-height:1.4}.loginActions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.loginSubmit,.loginCancel{cursor:pointer;min-height:43px;font-family:var(--font-pixelify),sans-serif;border:2px solid #5c3823;padding:9px 15px;font-size:.9rem;font-weight:700}.loginSubmit{color:#fff3d4;background:#3f6f5e;flex:170px;box-shadow:inset 2px 2px #9dd5a561,inset -2px -2px #1c413166}.loginSubmit:hover:not(:disabled){background:#4e846e}.loginCancel{color:#573620;background:#e9bf81;flex:110px;box-shadow:inset 2px 2px #fff6cc94}.loginCancel:hover:not(:disabled){background:#f4d196}.loginModal button:disabled,.loginModal input:disabled{cursor:not-allowed;opacity:.55}@media (max-width:480px){.loginModalOverlay{padding:12px}.loginModalHeader{padding:18px 16px 14px}.loginModeTabs{padding:14px 16px 0}.loginForm{padding:16px}.loginActions{grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){.loginModal *,.loginModal :before,.loginModal :after{scroll-behavior:auto!important;transition:none!important}}