body.px-auth-page{margin:0 auto!important;padding:0 18px 28px!important;box-sizing:border-box;max-width:560px;min-height:100vh;background:linear-gradient(180deg,rgba(10,23,28,.15),#101f26 370px),url('/static/pixel/town.webp') center top/auto 440px no-repeat,#101f26;color:#e7ddc1;font-size:14px;line-height:1.6}
.px-auth-hero{height:225px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-shadow:0 2px 6px #000}
.px-auth-hero>span{font-size:12px;letter-spacing:3px;color:#e6cc8e}.px-auth-hero h1{font-size:36px;letter-spacing:4px;margin:12px 0 4px;color:#ffe3a5}.px-auth-hero small{display:block;font-size:13px;letter-spacing:3px}.px-auth-hero p{font-size:13px;margin:4px}
.px-auth-panel{position:relative;background:rgba(17,34,41,.96);border:1px solid #88764d;border-radius:10px;padding:20px;box-shadow:0 12px 30px #0005;max-width:390px;margin:0 auto}
.px-auth-panel h2{font-size:20px;margin:0 0 18px;color:#f3dba7;border-bottom:1px solid #4b5450;padding-bottom:10px}.px-auth-panel form{margin:0}
.px-auth-panel input[type=text],.px-auth-panel input[type=password],.px-auth-panel input[type=tel]{width:100%;box-sizing:border-box;background:#0e1c23;border:1px solid #526366;border-radius:5px;color:#f1ead8;font-size:16px;line-height:24px;padding:9px 10px;margin:5px 0 10px;min-width:0}
.px-auth-panel input[type=submit]{width:100%;border:1px solid #c4a265;background:linear-gradient(#75513c,#53392e);color:#ffe4ae;min-height:44px;margin-top:12px;border-radius:5px;font-size:16px!important;cursor:pointer}
.px-auth-panel a{color:#eac77d!important;text-decoration:none}.px-auth-help{margin-top:18px;padding-top:12px;border-top:1px solid #38494d;color:#96a5a7;text-align:center;font-size:12px}
.px-auth-panel font[color=red]{display:block;color:#ffc09e;background:#50342e;padding:8px;border-radius:4px;overflow-wrap:anywhere}.px-auth-panel form br+br{display:none}
@media(max-width:360px){.px-auth-hero{height:190px}.px-auth-panel{padding:16px}.px-auth-hero h1{font-size:30px}}
.px-auth-panel select{display:block;width:100%;box-sizing:border-box;background:#10232a;color:#f1deb7;border:1px solid #526366;border-radius:5px;padding:8px!important;margin:5px 0 8px;min-height:40px}
.px-auth-panel select+br{display:none}
.px-server-choice{display:flex;align-items:center;gap:14px;padding:18px 12px;background:#253c40;border:1px solid #9a8255;border-radius:6px;margin:12px 0 20px}.px-server-choice strong{font-size:19px;display:block}.px-server-choice small{display:block;color:#aabbb5;font-size:12px}.px-server-choice>span:last-child{margin-left:auto;font-size:26px}.px-server-emblem{font-size:26px;color:#f4dc9e;border:1px solid #947749;padding:2px 10px;background:#4a392d}
.px-account-safety{font-size:12px;color:#afbcba;margin:16px 0;padding-bottom:14px;border-bottom:1px solid #38494d}.px-account-safety summary{cursor:pointer;color:#dcc89f;margin-bottom:8px}
.px-role-preview{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:10px;background:#1f3338;border-radius:5px}.px-role-preview small{display:block;color:#a3b3af;font-size:12px}.px-role-preview strong{font-size:18px;color:#f1d299}#role-portrait{width:60px;height:66px;background-image:url('/static/pixel/heroes.webp');background-size:300% 200%;image-rendering:pixelated;border:1px solid #a98d55;border-radius:5px}