/* Squalor RP — общие элементы всех страниц: язык, вход, окна */
html[data-lang="ru"] [data-l="en"],html[data-lang="en"] [data-l="ru"]{display:none !important}

.langs{display:flex;flex-shrink:0;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.langs button{background:none;border:0;color:var(--mute);font:600 13px var(--body);letter-spacing:.06em;padding:0 11px;height:38px;cursor:pointer}
.langs button:hover{color:var(--text)}
.langs button[aria-pressed="true"]{background:#13213a;color:var(--ice)}

.icon-btn{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:8px;background:rgba(16,23,35,.7);border:1px solid var(--line2);color:var(--soft)}
.icon-btn:hover{color:var(--text);border-color:var(--blue);box-shadow:0 0 14px rgba(80,160,255,.22)}

.auth{display:flex;align-items:center;gap:10px;flex-shrink:0}
.auth .btn{height:40px;padding:0 16px;font-size:14px}
.auth .acc{max-width:190px}
.auth .acc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* окна */
.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,7,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal.open{display:flex}
.modal .box{position:relative;width:min(440px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:30px 30px 26px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(60,140,255,.12)}
.modal h2{font-family:var(--display);font-weight:400;font-size:34px;line-height:1.05;color:#f2f6ff;margin:0}
.modal .sub{margin-top:8px;color:var(--soft);font-size:15px}
.modal .x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:8px;border:0;background:none;color:var(--mute);font-size:24px;line-height:1;cursor:pointer}
.modal .x:hover{color:var(--text);background:#0e1624}
.form{margin-top:22px;display:flex;flex-direction:column;gap:14px}
.field label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}
.field input{width:100%;height:46px;padding:0 14px;border-radius:9px;border:1px solid var(--line2);background:#0b111b;color:var(--text);font:16px var(--body)}
.field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(90,176,255,.18)}
.field input[aria-invalid="true"]{border-color:#ff8a7a}
.field .hint{margin-top:5px;font-size:13px;color:var(--mute)}
.field .err{margin-top:5px;font-size:13px;color:#ff8a7a;display:none}
.field input[aria-invalid="true"] ~ .err{display:block}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--soft)}
.check input{margin-top:3px;width:17px;height:17px;accent-color:var(--blue);flex-shrink:0}
.form .btn{width:100%;height:48px;font-size:15px}
.form .btn[disabled]{opacity:.55;cursor:wait;transform:none}
.msg{display:none;padding:12px 14px;border-radius:9px;font-size:14px;line-height:1.5}
.msg.show{display:block}
.msg.bad{background:rgba(255,120,100,.1);border:1px solid rgba(255,138,122,.4);color:#ffc2b8}
.msg.info{background:rgba(90,176,255,.08);border:1px solid rgba(90,176,255,.35);color:#cfe6ff}
.msg.ok{background:rgba(95,203,134,.1);border:1px solid rgba(95,203,134,.4);color:#c7f0d6}
.switch{margin-top:18px;text-align:center;font-size:14px;color:var(--soft)}
.switch button{background:none;border:0;padding:0;color:var(--blue2);font:inherit;cursor:pointer}
.switch button:hover{color:var(--ice)}
.cf-turnstile{min-height:65px}

@media (max-width:760px){
  .auth .b-login,.auth .b-out{display:none}
}
@media (max-width:560px){
  .auth .b-login{display:inline-flex}
  .auth .b-reg{display:none}
}
@media (max-width:760px){
  .icon-btn{display:none}
  .auth .btn{padding:0 12px;font-size:13px}
  .auth .acc{max-width:120px}
  .modal .box{padding:26px 20px 22px}
}