/* Авторизация из предоставленных оригиналов. Движение декоративное, формы — штатные. */
body:has(#auth:not([hidden])){background:#171a19 url('/assets/auth-r34/background.jpg') center/cover fixed no-repeat;min-height:100dvh;overflow-x:hidden}
body:has(#auth:not([hidden]))>header,body:has(#auth:not([hidden]))>footer{display:none!important}
body:has(#auth:not([hidden])) main{margin:0!important;max-width:none!important;min-height:100dvh;padding:0!important;display:grid;place-items:center}
#auth{position:relative;isolation:isolate;width:100%;min-height:100dvh;box-sizing:border-box;padding:25px 20px 20px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline:none!important}
#auth[hidden]{display:none!important}#auth .language-picker{position:absolute;top:22px;right:30px;z-index:10;background:#160f0ce8;border:1px solid #9d783f;border-radius:7px;padding:5px 10px;display:block}#auth .language-picker>span{display:none}#auth .language-picker select{border:0;background:transparent;min-height:32px;color:#e3c086}
.auth-art{position:relative;width:430px;height:310px;flex:none;pointer-events:none;filter:drop-shadow(0 8px 8px #0008)}.auth-card{position:absolute;width:137px;height:auto;top:5px;left:50%;transform-origin:50% 90%;animation:auth-card-sway 8s ease-in-out infinite;--angle:0deg;--shift:0px;transform:translateX(calc(-50% + var(--shift))) rotate(var(--angle));will-change:transform}.auth-card-1{--angle:-27deg;--shift:-125px;top:39px;animation-delay:-2s}.auth-card-2{--angle:-9deg;--shift:-43px;animation-delay:-4s}.auth-card-3{--angle:10deg;--shift:43px;animation-delay:-1s}.auth-card-4{--angle:27deg;--shift:124px;top:39px;animation-delay:-5s}.auth-brand{position:absolute;left:0;bottom:-4px;width:100%;height:auto;z-index:3}
#auth .authgrid{position:relative;width:350px;min-height:304px;flex:none;background:url('/assets/auth-r34/frame.webp') center/100% 100% no-repeat;display:grid!important;place-items:center;padding:50px 52px 38px;box-sizing:border-box;margin-top:-10px;z-index:4}
#auth form{width:100%;margin:0;padding:0;background:none;border:0;display:flex;flex-direction:column;gap:12px}#auth form[hidden]{display:none!important}#auth form label{margin:0;display:block}#auth form input{box-sizing:border-box;width:100%;height:40px;padding:8px 13px;border:1px solid #8c6537;border-radius:5px;color:#f4dcb6;background:linear-gradient(#080705cf,#1f170fde);font-size:14px;box-shadow:inset 0 3px 6px #0008}#auth input::placeholder{color:#b6976d}#auth input:focus{outline:2px solid #dcaf68;outline-offset:2px}
#auth form>button:not(.auth-switch){background:transparent url('/assets/auth-r34/button.webp') center/100% 100% no-repeat!important;min-height:56px;color:#241303;font-family:Georgia,serif;font-weight:bold;font-size:24px;text-shadow:0 1px #ffd790;box-shadow:none;border:0;padding:10px 16px;filter:drop-shadow(0 3px 4px #0008);margin-top:1px}#auth #register>button:not(.auth-switch){font-size:17px}#auth form>.auth-switch{margin:0 auto;padding:0 0 4px;line-height:1.4;color:#dfbb7a;font-size:14px;background:none!important;text-shadow:0 1px 2px #000;min-height:25px}
#auth #authError{margin:8px 0;max-width:420px;padding:0 12px;text-align:center;z-index:5;color:#ffc3a8;background:#190c08b8;border-radius:6px}#auth #authError:empty{display:none}#siteStatusNotice{    white-space: pre-line; /* Это свойство заставляет браузер видеть \n как перенос строки */
    text-align: center;    /* Центрируем текст для красоты */
    line-height: 1.5;      /* Делаем расстояние между строками комфортным */ z-index:6;max-width:500px;background:#21130de8;padding:12px;border-radius:8px}
.auth-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 8% 77%,#eb700024,transparent 25%);animation:auth-fire-glow 5s ease-in-out infinite alternate}.auth-atmosphere:before{content:'';position:absolute;inset:-5%;background:radial-gradient(ellipse at 65% 20%,#9db2b418,transparent 45%);animation:auth-sky-drift 30s ease-in-out infinite alternate}.auth-atmosphere i{position:absolute;bottom:-15px;left:calc(3% + var(--n)*6.8%);width:3px;height:5px;border-radius:50%;background:#f8bd5d;box-shadow:0 0 7px #f88620;animation:auth-ember calc(7s + var(--n)*.4s) linear infinite;animation-delay:calc(var(--n)*-.8s);opacity:0}
@keyframes auth-card-sway{0%,100%{transform:translateX(calc(-50% + var(--shift))) rotate(var(--angle)) translateY(0)}50%{transform:translateX(calc(-50% + var(--shift))) rotate(calc(var(--angle) + 1.5deg)) translateY(-5px)}}@keyframes auth-fire-glow{from{opacity:.55}to{opacity:1}}@keyframes auth-sky-drift{to{translate:3% 1%;opacity:.4}}@keyframes auth-ember{0%{opacity:0;translate:0 0}12%{opacity:.55}80%{opacity:.25}100%{translate:35px -65vh;opacity:0}}
@media(min-width:1000px) and (min-height:850px){.auth-art{width:500px;height:355px}.auth-card{width:157px}.auth-card-1{--shift:-145px}.auth-card-2{--shift:-50px}.auth-card-3{--shift:50px}.auth-card-4{--shift:145px}#auth .authgrid{width:390px;min-height:340px;padding:60px 58px 45px}}
@media(max-width:650px){body:has(#auth:not([hidden])){background-image:url('/assets/auth-r34/background-m.jpg')}#auth{padding:70px 10px 20px!important}.auth-art{width:min(390px,95vw);height:285px}.auth-card{width:31%}.auth-card-1{--shift:-108px}.auth-card-2{--shift:-36px}.auth-card-3{--shift:36px}.auth-card-4{--shift:108px}#auth .authgrid{width:min(340px,94vw);min-height:298px;padding:48px 48px 38px}#auth .language-picker{top:14px;right:15px}.auth-brand{bottom:0}#auth form input{font-size:16px}#auth form>.auth-switch{font-size:13px}}
@media(max-width:370px){.auth-art{height:255px}.auth-card-1{--shift:-97px}.auth-card-4{--shift:97px}#auth .authgrid{padding:47px 44px 35px;min-height:290px}}
@media(prefers-reduced-motion:reduce){.auth-card,.auth-atmosphere,.auth-atmosphere:before,.auth-atmosphere i{animation:none!important}.auth-atmosphere i{display:none}}

/* Нейтрализуем старую двухколоночную authgrid и внешние отступы .auth. */
#auth{margin:0!important;max-width:100vw!important;min-width:0!important}#auth .authgrid{grid-template-columns:minmax(0,1fr)!important;gap:0!important}body:has(#auth:not([hidden])) main{grid-template-columns:minmax(0,1fr);overflow:hidden}.auth-art{max-width:100%;overflow:visible}#auth .language-picker select{width:auto!important}
