#preworld{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;max-width:90vw;padding:18px 24px;color:#dedbd3;font:12px/1.5 Arial,sans-serif;border:16px solid transparent;border-image:var(--hf-frame) 16 fill stretch;box-sizing:border-box}
#preworld h1{font-size:17px;font-weight:normal;text-align:center;margin:0 0 20px;color:#dbc794}
#preworld label{display:grid;grid-template-columns:88px 1fr;align-items:center;margin:9px 0}
#preworld input{min-width:0;height:24px;box-sizing:border-box;background:#080c0d;color:#e6e5df;border:1px solid #465256;padding:2px 5px;outline-offset:2px}
#preworld button{color:#dedbd3;min-width:98px;height:27px;padding:0 12px;border:0;background-color:transparent;background-image:var(--hf-button);background-size:100% 100%;font:12px Arial,sans-serif;margin:6px 3px;cursor:pointer}
#preworld button:hover{background-image:var(--hf-buttonOver)}#preworld button:active{background-image:var(--hf-buttonDown)}#preworld button:disabled{opacity:.5;cursor:default}
#preworld:not(.throne) input{background:transparent;border:8px solid transparent;border-image:var(--login-edit) 8 fill / 8px stretch;min-height:32px;padding:0 4px}
#preworld:not(.throne) button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:none;border:solid transparent;border-width:8px 11px 9px 8px;border-image:var(--hf-button) 8 11 9 8 fill / 8px 11px 9px 8px stretch;height:32px;padding:0 4px 5px;line-height:17px}
#preworld:not(.throne) button:hover{border-image-source:var(--hf-buttonOver)}#preworld:not(.throne) button:active{border-image-source:var(--hf-buttonDown)}#preworld:not(.throne) button:disabled{border-image-source:var(--login-disabled)}
#preworld:not(.throne) button:focus{outline:none}
#preworld:not(.throne){border:0;padding:48px 24px 25px;isolation:isolate;image-rendering:pixelated}
#preworld:not(.throne):before{content:'';position:absolute;inset:0;z-index:-1;border-image:var(--hf-frame) 27 32 30 32 fill / 27px 32px 30px 32px stretch;mask-image:linear-gradient(to bottom,transparent 0 27px,#000 27px);pointer-events:none}
#preworld:not(.throne) h1{position:absolute;top:0;left:32px;right:32px;margin:0;padding-top:14px;font:14px/18px Arial,sans-serif}
#preworld .preworld-login-form{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:0;row-gap:12px;margin:0}
#preworld .preworld-login-form label{grid-column:1/-1;margin:0}
#preworld .preworld-login-form button{grid-column:1/-1;justify-self:center;width:160px;max-width:100%;height:34px;margin:0;font-size:14px;white-space:nowrap}
#preworld.throne>.v4-window-topframe{display:none}
#preworld pre{white-space:pre-wrap;max-height:45vh;overflow:auto;font:12px/1.6 Arial,sans-serif;user-select:text}
#preworld output{display:block;color:#e2ba8e}#preworld .preworld-servers{width:100%;border-collapse:collapse;text-align:left}
#preworld .preworld-servers th,#preworld .preworld-servers td{padding:8px 6px;border-bottom:1px solid #465256}
#preworld .preworld-servers tr[aria-disabled="false"]{cursor:pointer}
#preworld .preworld-servers tr[aria-selected="true"],#preworld .preworld-servers tr[aria-disabled="false"]:is(:hover,:focus){background-image:var(--login-highlight);background-size:100% 100%;outline:none}
#preworld .preworld-servers tr[aria-disabled="true"]{opacity:.5}
#preworld .preworld-server-hint{margin:0 0 10px;color:#dedbd3}
#preworld .preworld-server-scroll{max-height:45vh;overflow:auto}
#preworld .preworld-server-actions{display:flex;justify-content:center;gap:12px;margin-top:14px}
#preworld .preworld-server-actions>button{width:160px;max-width:calc(50% - 6px);height:34px;margin:0;font-size:14px;white-space:nowrap}
#preworld[hidden],#world-ui[hidden]{display:none}
.preworld-branding{display:none;position:fixed;inset:0;z-index:80;pointer-events:none;user-select:none}
body:has(#preworld:not([hidden]):not(.throne)) .preworld-branding{display:block}
/* C4 NWindow.dll sub_1009EFD0: native pixels/UVs; see LOGON_BRANDING_01.md. */
.preworld-branding img{position:absolute;width:256px;height:256px}
.preworld-branding-chronicle{left:0;top:0;clip-path:inset(0 24px 136px 0)}
/* LoginWnd covers W x (H - 52); native float-to-integer draw truncates pixels. */
.preworld-branding-lineage{left:calc(50% - 128px);top:calc(5vh - 2.6px);left:round(down,calc(50vw - 128px),1px);top:round(down,calc(5vh - 2.6px),1px)}
#entry-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);color:#dedbd3;font:12px Arial,sans-serif;pointer-events:none}
#preworld.throne{inset:0;transform:none;width:100%;height:100%;max-width:none;padding:0;border:0;pointer-events:none;font:11px/13px Tahoma,Arial,sans-serif;text-shadow:1px 1px #000}
#preworld.throne h1{display:none}
#preworld.throne output{position:absolute;left:15px;top:130px;max-width:281px;white-space:pre-wrap}
#preworld .throne-stats,#preworld .throne-start,#preworld .throne-tools{position:absolute;pointer-events:auto}
#preworld .throne-stats select{box-sizing:border-box;font:11px Tahoma,Arial,sans-serif;color:#dcdcdc;background:#151817;border:1px solid #69716c;padding:0}
#preworld .throne-stats b{font-weight:normal;color:#b09b79;margin-left:13px}
#preworld .throne-number{text-align:right;box-sizing:border-box;padding-right:2px;color:#b09b79}
#preworld .throne-start button,#preworld .throne-tools button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin:0;padding:0;background:none;border:solid transparent;border-width:0 14px 0 13px;border-image:var(--throne-button) 0 14 0 13 fill / 0 14px 0 13px stretch;min-width:0}
#preworld .throne-start button{border-width:0 17px;border-image:var(--throne-button) 0 17 fill / 0 17px stretch}
#preworld .throne-start button:active,#preworld .throne-tools button:active{border-image-source:var(--throne-button-down)}
.throne-gauge{overflow:hidden}.throne-gauge-strip{position:absolute;inset:0;display:flex}.throne-gauge-strip i{height:100%;width:4px;flex:0 0 4px;background-repeat:no-repeat}.throne-gauge-strip i:nth-child(2){width:auto;flex:1 1 auto;background-repeat:repeat-x}.throne-gauge-fill{position:absolute;inset:0 auto 0 0;overflow:hidden}.throne-gauge-fill .throne-gauge-strip{min-width:8px}.throne-gauge-digits{position:absolute;inset:0;display:flex;justify-content:center;pointer-events:none}.throne-gauge-digits i{width:8px;height:13px;flex:0 0 8px;background-repeat:no-repeat}
/* V3 character-creation.css: HF drawer coordinates, without an extra border inset. */
#preworld.creating section{position:absolute;pointer-events:auto;box-sizing:border-box}
#preworld .creation-setup{left:15px;top:13px;max-width:calc(100vw - 30px)}
#preworld .creation-info{left:15px;top:202px;max-height:calc(100vh - 215px);overflow:auto;padding:12px 16px}
#preworld .creation-functions{right:9px;bottom:61px}
#preworld.creating .creation-setup label{position:absolute;display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:8px;margin:0;width:calc(100% - 45px);height:17px;font:11px/12px Arial,sans-serif}
#preworld.creating input,#preworld.creating select{box-sizing:border-box;min-width:0;width:100%;height:17px;padding:0 3px;color:#eee4cc;font:11px Arial,sans-serif;background:transparent;border:2px solid transparent;border-image:var(--login-edit) 4 fill / 4px stretch}
#preworld.creating select option{background:#171813}
#preworld .creation-functions button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;padding:0;margin:0;background:none;border:solid transparent;border-width:0 14px 0 13px;border-image:var(--throne-button) 0 14 0 13 fill / 0 14px 0 13px stretch}
#preworld .creation-camera{left:50%;bottom:0}
#preworld .creation-camera button{min-width:0;margin:0;padding:0;background:var(--throne-button) center/100% 100% no-repeat}
#preworld .creation-functions button:active,#preworld .creation-camera button:active{border-image-source:var(--throne-button-down);background-image:var(--throne-button-down)}