.kLogin{position:absolute;inset:0;z-index:1;background:#08090b url('./login-assets/Login.png') center/cover no-repeat;overflow:auto;color:#efe1cc;font:12px Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px 16px 58px;isolation:isolate}
.kLogin[hidden]{display:none!important}.kLogin *{box-sizing:border-box}.kLogin button,.kLogin input,.kLogin a{font:inherit}.kLogin button{cursor:pointer}.kLogin button:disabled{cursor:default;opacity:.55}.kLogin button:focus-visible,.kLogin input:focus-visible,.kLogin a:focus-visible{outline:2px solid #dc3930;outline-offset:2px}
.kLoginPanel{width:500px;max-width:100%;padding:16px;border:2px solid #702d29;outline:1px solid #4f4743;outline-offset:-6px;border-radius:12px;background:linear-gradient(#191213fa,#08090bf7);box-shadow:3px 5px 0 #0009;position:relative}.kLoginPanel:before{content:'';position:absolute;top:-5px;left:calc(50% - 4px);width:8px;height:8px;background:#dc3930;transform:rotate(45deg)}
.kLoginHeading{text-align:center;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:2px}.kLoginSub{text-align:center;color:#978b80;margin:0 0 14px;font-size:11px}.kLoginColumns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kLoginForm{min-width:0}.kLoginAccounts{min-width:0;border-left:1px solid #672624;padding-left:12px}.kLoginAccounts h3{text-align:center;font-size:11px;letter-spacing:1.5px;color:#e2be7e;margin:0 0 10px}
.kLoginField{display:block;position:relative;margin-bottom:7px}.kLoginField input{width:100%;min-width:0;height:32px;padding:7px 10px;background:#0d0d0ffc;color:#efe1cc;border:1px solid #5d4641;border-radius:5px;font-size:13px}.kLoginField input::placeholder{color:#978b80}.kLoginField input[type=password]{padding-right:43px}.kLoginEye{position:absolute;right:2px;top:2px;height:28px;border:0;background:none;padding:0 6px;font-size:10px!important;color:#e2be7e}
.kLoginOptions{display:flex;justify-content:space-between;gap:4px;align-items:center;font-size:10px;margin:8px 0 12px}.kLoginOptions label{display:flex;gap:4px;align-items:center}.kLoginOptions input{accent-color:#dc3930;margin:0}.kLogin a{color:#e5b964;text-decoration:none}.kLogin a:hover{text-decoration:underline;color:#dc3930}.kLoginSubmit{width:100%;height:34px;border:1px solid #702d29;border-radius:5px;background:linear-gradient(#421a1c,#1b1011);color:#efe1cc;letter-spacing:3px}.kLoginSubmit:hover{background:#661619;border-color:#dc3930}
.kLoginMessage{margin:8px 0 0;min-height:32px;padding:5px 7px;border:1px solid #473430;border-radius:5px;background:#0a0a0cdd;color:#e5b964;font-size:11px;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.kLoginSlot{display:flex;align-items:center;gap:5px;height:47px;padding:7px;margin-bottom:8px;background:#141213fc;border:1px solid #543935;border-radius:6px}.kLoginSlot:hover{background:#2f1416fc;border-color:#b9322b}.kLoginAvatar{color:#a78b7e;font-size:22px;width:28px;text-align:center;flex:none}.kLoginName{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#978b80}.kLoginSlot[data-saved=true] .kLoginName{color:#efe1cc}.kLoginSlot button{flex:none;height:29px;min-width:32px;padding:0 6px;border:1px solid #702d29;border-radius:5px;color:#efe1cc;background:#2a1214}.kLoginSlot button:hover{background:#661619}.kLoginSlot .kLoginDelete{min-width:18px;width:18px;padding:0;background:none;border:0;color:#ee6150}.kLoginStorageNote{margin:4px 0;color:#978b80;font-size:10px;line-height:1.4}
.kLoginNav{display:flex;justify-content:center;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #672624}.kLoginNav a,.kLoginNav button{padding:7px 10px;background:#120f10fa;border:1px solid #5b3d39;border-radius:5px;color:#d2c2b1;text-align:center;font-size:11px}.kLoginNav a:hover,.kLoginNav button:hover{background:#431417;color:#efe1cc}.kLoginMusic{position:absolute;right:8px;bottom:8px;background:#050608;border:1px solid #702d29;border-radius:5px;padding:9px 15px;color:#efe1cc}.kLoginWorld{position:absolute;left:8px;bottom:8px;background:#050608;border:1px solid #702d29;border-radius:5px;padding:9px 15px;color:#efe1cc;font-size:11px}
@media(max-width:550px){.kLogin{padding:20px 12px 56px;align-items:safe center}.kLoginColumns{grid-template-columns:1fr}.kLoginAccounts{border-left:0;padding-left:0;border-top:1px solid #672624;padding-top:13px}.kLoginField input{height:38px;font-size:16px}.kLoginEye{height:34px}.kLoginSubmit{height:38px}.kLoginOptions{font-size:11px}.kLoginNav{flex-wrap:wrap}.kLoginHeading{letter-spacing:1.5px}.kLoginPanel{max-width:360px}.kLoginSlot{height:44px;margin-bottom:6px}}
@media(max-height:500px){.kLogin{align-items:flex-start}.kLoginMusic,.kLoginWorld{position:fixed;z-index:2}}

.kLoginPin input{padding-right:10px!important}.kLoginPinHelp{margin:-2px 0 8px;color:#978b80;font-size:10px;line-height:1.35}

.startup-loading .kLoginPanel,.startup-loading .kLoginNav,.startup-loading .kLoginWorld,.startup-loading .kLoginMusic,.startup-loading #game,.startup-loading .gpu-scene{filter:blur(3px);pointer-events:none}.startup-loading .kLogin{pointer-events:none}.startup-loader{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;background:#05050577;color:#fff;isolation:isolate}.startup-loader[hidden]{display:none!important}.startup-loader:before{content:'';position:absolute;inset:0;z-index:-1;background:#08090b url('./login-assets/Login.png') center/cover no-repeat;filter:blur(3px);opacity:.48}.startup-window{width:340px;max-width:calc(100% - 32px);padding:16px 12px;background:#000b;text-align:center;font:bold 13px Georgia,'Times New Roman',serif;text-shadow:1px 1px #000}.startup-window p{margin:0 0 12px}.startup-window p:last-child{margin:10px 0 0;font-size:12px;font-weight:normal;min-height:15px}.startup-bar{height:32px;border:1px solid #8c1b1b;background:#000;padding:2px;box-shadow:0 0 0 1px #000}.startup-fill{width:0;height:100%;background:#8c1b1b}.indeterminate .startup-fill{width:24%;animation:kryptic-loading 1.4s ease-in-out infinite alternate}@keyframes kryptic-loading{from{transform:translateX(0)}to{transform:translateX(310%)}}@media(prefers-reduced-motion:reduce){.indeterminate .startup-fill{animation:none;width:24%}}
