:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#e3c38b;color-scheme:dark;background:#0b0b0b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;padding:0;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ffe2ac;outline-offset:4px}button img{pointer-events:none}img{-webkit-user-drag:none;user-select:none}[hidden]{display:none!important}.login-root{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.login-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.top-corners,.bottom-corners{position:absolute;left:19px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:2}.top-corners{top:11px;align-items:flex-start}.bottom-corners{bottom:20px}.language-wrap{position:relative}.language{padding:3px;display:flex;align-items:center;height:59px;border:1px solid #e3af5e;border-radius:59px;color:#1cffac;font-size:24px;white-space:nowrap}.language img{width:51px;height:51px;border-radius:50%}.language span{margin-left:6px}.language i{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #987848;margin:0 1px 0 10px}.language-menu{position:absolute;top:68px;padding:13px 24px;background:#292118;border:1px solid #b98e4e;border-radius:10px;white-space:nowrap;font-size:21px;color:#1cffac}.sound-button img{width:46px;height:46px}.bottom-corners a,.bottom-corners button{display:flex;align-items:center;gap:6px;color:#1cffac;font-size:24px;white-space:nowrap}.bottom-corners img{height:46px;width:46px;object-fit:contain}.bottom-corners .version{position:absolute;left:50%;transform:translateX(-50%);color:#1cffac;font-size:24px;white-space:nowrap}.login-panel{position:relative;width:712px;height:500px;flex-shrink:0;background:url('/hub/assets/bg_dialog.c0a3afa7.png') center/100% 100%;transform:translateY(-5px);border-radius:15px}.brand-logo{position:absolute;top:34px;left:50%;transform:translateX(-50%);width:84px;height:55px;object-fit:contain}.fields{position:absolute;top:147px;left:126px;width:460px;display:grid;gap:41px}.field{height:83px;display:flex;align-items:center;gap:20px;border:1px solid #e3af5e;border-radius:10px;padding:0 19px}.field>img{width:25px;height:27px;object-fit:contain;flex-shrink:0}.field>img.lock{width:23px;height:28px;margin-right:2px}.field input{font:28px Arial,"Microsoft YaHei",sans-serif;width:100%;min-width:0;color:#c5a36d;outline:0;border:0;background:none;padding:0}.field input::placeholder{color:#c0c0c0;opacity:1}.field input:-webkit-autofill{-webkit-text-fill-color:#c5a36d;transition:background-color 99999s}.field:focus-within{box-shadow:0 0 8px #e3af5e33}.eye-button{width:38px;flex-shrink:0;color:#94784e}.eye-button svg{width:38px;height:28px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.open-eye{display:none}.eye-button[aria-pressed=true] .open-eye{display:block}.eye-button[aria-pressed=true] .closed-eye{display:none}.actions{position:absolute;left:126px;right:126px;top:395px;height:83px;display:flex;gap:40px}.actions button{flex:1;font-size:30px;color:#583a0f;background:linear-gradient(138.86deg,#fff5ca,#dfa75b 46.35%,#f4ce6c);border:.75px solid #ffe2ac;border-radius:8px;white-space:nowrap}.actions button:hover{filter:brightness(1.08)}button:disabled{opacity:.6;cursor:wait}.auth-error{position:absolute;top:354px;left:56px;right:56px;margin:0;color:#ffa89f;text-align:center;line-height:32px;font-size:18px;min-height:32px}.auth-error.success{color:#1cffac}.switch-mode{position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%);font-size:18px;color:#c5a36d;padding:7px 20px}.switch-mode:hover{color:#ffe2ac}.login-panel.register{height:700px}.register .brand-logo{top:23px}.register h1{position:absolute;top:80px;left:0;right:0;text-align:center;font-size:25px;font-weight:400;margin:0;color:#e3c38b}.register .fields{top:132px;gap:21px}.register .field{height:82px}.register .actions{top:auto;bottom:23px}.register .auth-error{top:auto;bottom:112px}dialog{border:1px solid #b98e4e;border-radius:14px;background:#2b241c;color:#e3c38b;padding:28px 40px;max-width:90%;font-size:19px;text-align:center}dialog::backdrop{background:#0009}dialog h2{font-weight:400}dialog button{background:#e3c38b;color:#583a0f;border-radius:6px;padding:8px 35px;margin-top:15px}
@media(max-width:760px){.login-panel{transform:translateY(-5px) scale(var(--panel-scale,.7))}.top-corners,.bottom-corners{left:12px;right:12px}.language{height:43px;font-size:18px}.language img{width:35px;height:35px}.sound-button img{height:38px;width:38px}.bottom-corners a,.bottom-corners button,.bottom-corners .version{font-size:15px}.bottom-corners img{height:30px;width:30px}.bottom-corners{bottom:14px}}
@media(max-height:780px){.login-panel.register{transform:translateY(-5px) scale(var(--register-scale,.8))}}
@media(max-height:610px){.login-panel{transform:translateY(-5px) scale(var(--short-scale,.75))}.top-corners{top:8px}.language{height:39px;font-size:18px}.language img{height:31px;width:31px}.bottom-corners{bottom:8px}.bottom-corners a,.bottom-corners button,.bottom-corners .version{font-size:16px}.bottom-corners img{height:30px;width:30px}}

/* Language picker uses the original flag, heading and ornament artwork. */
.language-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#090909 url('/hub/assets/bg_login_1.13411938.jpg') center/cover no-repeat;padding:24px}
.language-modal::before{content:"";position:absolute;inset:0;background:#0009}
.language-dialog{position:relative;width:min(1062px,calc(100vw - 80px));height:min(698px,calc(100vh - 64px));border:1px solid #957a37;border-radius:20px;background:#0b0b0b;color:#8d7e6e}
.language-dialog::before{content:"";position:absolute;inset:78px 14px 14px;border:1px solid #403326;border-radius:15px;background:#171616}
.language-dialog h2{position:absolute;top:14px;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;color:#ae8e46;font-size:25px;font-weight:400}
.language-dialog h2>img:first-child,.language-dialog h2>img:last-child{width:auto;height:49px;object-fit:contain}
.language-dialog h2>img:first-child{margin-right:12px}.language-dialog h2>img:last-child{margin-left:12px}
.language-title-icon{width:27px;height:24px;object-fit:contain}
.language-close{position:absolute;right:25px;top:28px;width:20px;height:28px;background:url('/hub/assets/dialog-close.png') center/16px 28px no-repeat;font-size:0;color:transparent}
.language-options{position:absolute;top:130px;left:9%;right:11%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 84px}
.language-option{height:81px;display:flex;align-items:center;padding:0 20px;border:1px solid transparent;border-radius:8px;background:#23201f;color:#8d7e6e;font-size:23px;font-weight:600;min-width:0}
.language-option:hover,.language-option.selected{border-color:#95836b}.language-option>span{flex:1;text-align:center;margin-left:30px;white-space:nowrap}
.modal-flag{display:block;width:90px;height:45px;flex-shrink:0;object-fit:fill;border-radius:5px}.language img.flag{object-fit:contain}
@media(max-width:950px){.language-options{left:7%;right:7%;gap:34px}.language-option{padding:0 12px;font-size:20px}.language-option>span{margin-left:14px}.modal-flag{width:76px;height:38px}}
@media(max-width:620px){.language-modal{padding:12px}.language-dialog{width:100%;height:min(700px,calc(100dvh - 24px))}.language-options{top:108px;left:7%;right:7%;gap:16px;grid-template-columns:1fr;max-height:calc(100% - 128px);overflow:auto}.language-option{height:58px}.language-option>span{margin-left:10px}.modal-flag{width:68px;height:34px}.language-dialog h2{font-size:22px}.language-dialog::before{inset:78px 10px 10px}}
@media(min-width:621px) and (max-height:720px){.language-options{top:110px;gap:22px 50px}.language-option{height:66px}.language-dialog{height:calc(100vh - 32px)}}