/* Account forms: compact layout, animated controls, no decorative panels. */
.modal.is-public-auth{--auth-bg:#111115;--auth-input:#19191f;--auth-edge:#ffffff14;--auth-ink:#f0eff5;--auth-soft:#9995a5;--auth-accent:#ad9be8;box-sizing:border-box;width:466px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffff18;border-radius:18px;background:var(--auth-bg);color:var(--auth-ink);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#81749955 transparent;box-shadow:0 28px 100px #0009,0 1px 0 #ffffff09 inset;isolation:isolate;animation:auth-window-in .34s cubic-bezier(.2,.8,.2,1) both}
.modal.is-public-auth::backdrop{background:#050508b8;backdrop-filter:blur(10px);animation:auth-backdrop-in .28s ease both}
.modal.is-public-auth.is-closing{animation:auth-window-out .14s ease both}
.is-public-auth #modal-content{min-width:0;overflow:hidden;border-radius:inherit}
.is-public-auth .modal-close{z-index:4;top:19px;right:20px;width:30px;height:30px;border:0;border-radius:7px;color:var(--auth-soft);background:transparent;transition:color .18s,background .18s}
.is-public-auth .modal-close:hover{background:#ffffff08;color:var(--auth-ink)}
.is-public-auth .public-auth{display:block;min-width:0;text-align:left}
.auth-panel{position:relative;min-width:0;padding:25px 32px 29px}
.auth-panel::before{content:"";position:absolute;left:32px;right:32px;top:0;height:1px;background:linear-gradient(90deg,transparent,#cdbdff77,transparent);transform:scaleX(.6);opacity:.5;animation:auth-edge-in .7s .08s ease both;pointer-events:none}
.auth-tabs{display:flex;align-items:center;gap:22px;margin:0 36px 27px 0;border-bottom:1px solid var(--auth-edge);padding:0;max-width:100%}
.auth-tabs button{position:relative;border:0;padding:0 0 15px;border-radius:0;color:var(--auth-soft);background:transparent;font:500 12px/1.5 Project,Arial,sans-serif;cursor:pointer;transition:color .2s}
.auth-tabs button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:var(--auth-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.auth-tabs button[aria-current]{color:var(--auth-ink)}.auth-tabs button[aria-current]::after{transform:scaleX(1)}.auth-tabs button:hover{color:var(--auth-ink)}
.public-auth .auth-heading{margin:0 0 25px;animation:auth-content-in .3s ease both}
.public-auth .auth-heading h2{font-size:25px;line-height:1.25;font-weight:600;letter-spacing:-.65px;color:var(--auth-ink);margin:0 0 8px}
.public-auth .auth-heading p{font-size:11px;line-height:1.7;margin:0;color:var(--auth-soft)}
.auth-provider-name{display:flex;gap:8px;align-items:center;color:var(--auth-ink);font-size:12px;margin:2px 0 18px}
.auth-provider-name .auth-glyph{width:25px;height:25px}
.public-auth .auth-field{margin:0 0 16px;min-width:0;animation:auth-field-in .32s cubic-bezier(.2,.8,.2,1) both}
.auth-field:nth-child(2){animation-delay:.035s}.auth-field:nth-child(3){animation-delay:.07s}.auth-field:nth-child(4){animation-delay:.105s}
.public-auth .auth-field>label{font-size:11px;line-height:1.5;font-weight:500;margin:0 0 7px;color:var(--auth-soft)}
.auth-input{position:relative;display:flex;align-items:center;min-width:0;background:var(--auth-input);border:1px solid var(--auth-edge);border-radius:9px;box-shadow:0 1px 0 #ffffff03 inset;transition:border-color .2s,box-shadow .2s,background .2s}
.auth-input>.auth-glyph{flex:none;width:17px;height:17px;color:#777381;margin-left:14px;transition:color .2s,transform .25s}
.public-auth .auth-input>input{width:100%;min-width:0;border:0;border-radius:inherit;padding:12px 11px;margin:0;color:var(--auth-ink);background:transparent;line-height:1.4;font-weight:400;box-shadow:none;outline:none;caret-color:var(--auth-accent)}
.public-auth .auth-input>input:focus-visible{outline:0;border:0;box-shadow:none}
.public-auth .auth-input:focus-within{border-color:#ad9be877;background:#1c1b24;box-shadow:0 0 0 3px #ad9be80a}
.auth-input:focus-within>.auth-glyph{color:var(--auth-accent);transform:translateY(-1px)}
.public-auth .auth-input>input:-webkit-autofill{-webkit-text-fill-color:var(--auth-ink);-webkit-box-shadow:0 0 0 80px var(--auth-input) inset;caret-color:var(--auth-accent)}
.auth-password-toggle{display:grid;place-items:center;flex:none;width:40px;min-height:44px;border:0;background:none;color:#85808f;cursor:pointer;border-radius:6px;margin-right:2px;transition:color .2s,background .2s}
.auth-password-toggle .auth-glyph{width:18px;height:18px}.auth-password-toggle:hover,.auth-password-toggle[aria-pressed=true]{color:var(--auth-ink);background:#ffffff05}
.is-public-auth :is(button,a):focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}
.public-auth label.public-consent{margin:17px 0 18px;gap:9px;font-size:10px;line-height:1.7;color:var(--auth-soft)}
.public-auth .public-consent input{accent-color:#9481d7;width:15px;height:15px;flex:none;cursor:pointer}
.public-auth .public-consent a{color:var(--auth-accent);text-decoration:underline;text-decoration-color:#a38ae540;text-underline-offset:3px}
.public-auth .public-form-error:empty{display:none}
.public-auth .public-form-error:not(:empty){color:#eca3af;background:#ed6d8e09;border:1px solid #ed6d8e22;border-radius:8px;padding:10px 12px;margin:12px 0 15px;font-size:11px;line-height:1.65;overflow-wrap:anywhere;animation:auth-message-in .2s ease both}
.public-auth .public-form-error.is-success:not(:empty){color:#8fd1b2;background:#48c79609;border-color:#48c79624}
.public-auth .auth-caps{font-size:10px;color:#dbbc87;margin:0 0 12px}.public-auth [hidden]{display:none!important}
.public-auth .button.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin-top:21px;padding:12px 17px;border:1px solid #c9b9ff22;border-radius:9px;background:#8973c9;color:#fff;font-size:12px;font-weight:600;line-height:1.4;box-shadow:0 1px 0 #ffffff15 inset,0 4px 16px #0002;overflow:hidden;transition:translate .2s,box-shadow .2s,background .2s;animation:auth-content-in .35s .12s both}
.public-auth .auth-submit::after{display:none}
.auth-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff2 48%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.public-auth .auth-submit>svg{position:absolute;right:16px;width:16px;height:16px;transition:translate .2s}
.public-auth .auth-submit:not(:disabled):hover{background:#9581d4;translate:0 -1px;box-shadow:0 1px 0 #ffffff15 inset,0 6px 20px #8973c91c}
.public-auth .auth-submit:not(:disabled):hover::before{animation:auth-button-sheen .75s ease both}.auth-submit:hover>svg{translate:3px 0}
.public-auth .auth-submit:not(:disabled):active{translate:0 0}
.public-auth .button:disabled{opacity:.65;cursor:default}.public-auth .button[aria-busy=true]{opacity:.85}
.auth-spinner{width:14px;height:14px;border:1.5px solid #ffffff50;border-top-color:#fff;border-radius:50%;flex:none;animation:auth-spin .7s linear infinite}
.public-auth-alternative{margin:22px 0 0;border:0;text-align:center;animation:auth-content-in .35s .16s both}
.public-auth-alternative>span{position:static;display:flex;align-items:center;gap:12px;padding:0;margin:0 0 14px;background:transparent;color:#746f7e;font-size:10px;line-height:1.5}
.public-auth-alternative>span::before,.public-auth-alternative>span::after{content:"";flex:1;height:1px;background:var(--auth-edge)}
.public-auth .public-steam-button{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;min-height:47px;padding:10px 14px;border:1px solid #ffffff21;border-radius:9px;background:#1b1b22;color:var(--auth-ink);font-size:12px;font-weight:500;box-shadow:0 1px 0 #ffffff03 inset;transition:border-color .2s,background .2s,translate .2s}
.auth-steam-mark{display:grid;place-items:center;flex:none}.public-steam-button .auth-steam-mark svg{width:25px;height:25px;color:#dedce7;transition:rotate .3s}.public-steam-button>svg{display:none}
.public-auth .public-steam-button:not(:disabled):hover{background:#24222c;border-color:#b6a0f550;translate:0 -1px}.public-steam-button:hover .auth-steam-mark svg{rotate:-6deg}
.public-auth .public-steam-button[aria-busy=true]{justify-content:center}
.public-auth .public-auth-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:24px;font-size:10px;line-height:1.6;color:var(--auth-soft);animation:auth-content-in .35s .2s both}
.public-auth-links button,.public-auth-links a{color:inherit;transition:color .2s}.public-auth-links button:hover,.public-auth-links a:hover{color:var(--auth-ink)}
.public-auth .public-captcha{margin:16px 0;min-height:78px;max-width:100%;overflow:hidden}
.auth-motion-paused .auth-spinner{animation-play-state:paused!important}
:root[data-theme=light] .modal.is-public-auth{--auth-bg:#fff;--auth-input:#f7f6fa;--auth-edge:#43375c1c;--auth-ink:#272330;--auth-soft:#7b7489;--auth-accent:#7054ab;border-color:#b6a2da4d;box-shadow:0 28px 100px #33284e38,0 1px 0 #fff9 inset}
:root[data-theme=light] .public-auth .auth-input:focus-within{background:#fff;border-color:#9871ce88;box-shadow:0 0 0 3px #9972cf0d}
:root[data-theme=light] .public-auth .auth-input>input{background:transparent!important;border:0!important;box-shadow:none!important}
:root[data-theme=light] .public-auth .public-steam-button{border-color:#43375c24;background:#f7f6fa}
:root[data-theme=light] .public-steam-button .auth-steam-mark svg{color:#494151}
:root[data-theme=light] .public-auth .public-form-error:not(:empty){color:#a73852;background:#fcf0f3;border-color:#edc6d1}
:root[data-theme=light] .public-auth .public-form-error.is-success:not(:empty){color:#237653;background:#effaf5;border-color:#c1e4d3}
@keyframes auth-window-in{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes auth-window-out{to{opacity:0;transform:translateY(6px) scale(.99)}}
@keyframes auth-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes auth-content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-field-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-edge-in{from{opacity:0;transform:scaleX(0)}to{opacity:.5;transform:scaleX(.6)}}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@keyframes auth-button-sheen{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes auth-message-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:500px){.modal.is-public-auth{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:14px}.auth-panel{padding:24px 24px 26px}.auth-panel::before{left:24px;right:24px}.is-public-auth .modal-close{top:18px;right:16px}.public-auth .auth-heading h2{font-size:24px}.auth-tabs{margin-bottom:25px;gap:23px}.public-auth .auth-field{margin-bottom:15px}.public-auth .public-auth-links{font-size:10px;gap:10px}}
@media(max-width:360px){.auth-panel{padding:24px 19px}.public-auth .auth-heading h2{font-size:23px}.public-auth .public-steam-button{font-size:11px}.public-auth .public-captcha{transform:scale(.84);transform-origin:left top;width:304px;max-width:none;margin-bottom:-1px}}
@media(prefers-reduced-motion:reduce){.modal.is-public-auth,.modal.is-public-auth::backdrop,.is-public-auth *,.is-public-auth *::before,.is-public-auth *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;filter:none!important}.public-auth .button.auth-submit:hover,.public-auth .public-steam-button:hover{translate:none}}