.lobby-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.lobby-brand{position:absolute;top:5%;left:50%;transform:translate(-50%);width:330px;height:170px;display:grid;place-content:center;text-align:center;color:#ddd5b9;text-shadow:0 2px 5px #000;pointer-events:none}.lobby-brand strong{font:42px Georgia,serif;font-weight:400;letter-spacing:-2px}.lobby-brand span{font:15px Georgia,serif;letter-spacing:6px}html[data-lobby-skin] .lobby-brand{background:var(--lobby-logo) center top/150px 150px no-repeat}html[data-lobby-skin] .lobby-brand:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:145px;height:84px;background:var(--lobby-subtitle) center/contain no-repeat}html[data-lobby-skin] .lobby-brand>*{visibility:hidden}.lobby-shell{position:fixed;inset:0;overflow:hidden;color:#c7c4b8;background:radial-gradient(ellipse at 50% 65%,#343738,#161819 55%,#08090b);font:12px Arial,Tahoma,sans-serif}html[data-lobby-skin] .lobby-shell{background:#111214 var(--lobby-backdrop) center/cover no-repeat}.lobby-shell button,.lobby-shell a.lobby-button,.character-screen button,.character-screen a{color:#c9c2ac;border:1px solid #5e5545;border-radius:0;background:linear-gradient(#36332d,#1b1c1b);box-shadow:inset 0 0 0 1px #111;font:11px Arial,Tahoma,sans-serif;padding:5px 13px;cursor:pointer;text-decoration:none;text-align:center}.lobby-shell :is(button,a.lobby-button):hover,.character-screen :is(button,a):hover{color:#eee2bd;border-color:#b79a64}.lobby-shell button:disabled,.character-screen button:disabled{color:#706f67;cursor:default}.lobby-shell :focus-visible,.character-screen :focus-visible{outline:1px solid #e2c380;outline-offset:2px}.lobby-shell input,.character-screen input,.character-screen select{min-width:0;border:1px solid #555047;border-radius:0;background:#090a0a;color:#c9c7c0;padding:3px 5px;font:12px Arial,Tahoma,sans-serif}.lobby-shell .login-panel{position:absolute;left:50%;bottom:18%;transform:translate(-50%);width:256px;box-sizing:border-box;padding:10px 12px;background:var(--lobby-login,linear-gradient(#242423,#202020)) center/100% 100% no-repeat;border:1px solid #565247;display:grid;grid-template-columns:65px 1fr;gap:6px 7px}.login-panel label{display:contents}.login-panel label span{align-self:center;text-align:right}.login-panel input{width:100%;box-sizing:border-box;height:22px}.login-panel .login-buttons{grid-column:1/-1;display:flex;justify-content:center;gap:8px}.lobby-login-status{position:absolute;bottom:11%;left:15%;right:15%;text-align:center;color:#c1bba9;margin:0;min-height:16px;text-shadow:0 1px 3px #000}.lobby-footer{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;color:#898980;font-size:10px}.server-select{position:absolute;width:min(512px,calc(100% - 24px));left:50%;top:48%;transform:translate(-50%,-50%);box-sizing:border-box;border:1px solid #625d50;background:var(--lobby-servers,#202020) center/100% 100% no-repeat;padding:24px 32px}.server-select h1{font:16px Georgia,serif;color:#d3c6a8;margin:0 0 20px;text-align:center}.server-heading,.server-row{display:grid;grid-template-columns:40px 1fr 110px;gap:8px;padding:8px}.server-heading{color:#938f82;border-bottom:1px solid #595142}.server-select .server-row{width:100%;background:#161716;border:1px solid #a59368;text-align:left;margin:3px 0 24px}.server-select .server-row[aria-pressed=true]{background:#3b3727;color:#e3d7b4}.server-actions{display:flex;justify-content:center;gap:10px}.character-screen{position:fixed;inset:0;z-index:100;padding:0;display:block;background:#111214;font:12px Arial,Tahoma,sans-serif}html:has(.world-loading:not([hidden])) .character-screen{background:#111214}.character-screen .character-panel{position:absolute;inset:0;width:auto;max-height:none;padding:0;overflow:hidden;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none}.character-panel>*{pointer-events:auto}.character-panel>.lobby-brand{pointer-events:none;left:180px;top:18px;width:230px;height:120px}.character-panel #character-title{position:absolute;top:24px;right:26px;margin:0;font:14px Georgia,serif;color:#c5b88f}.character-panel #character-status{position:absolute;bottom:142px;left:18%;right:18%;color:#c9c4b3;text-align:center;text-shadow:0 1px 3px #000;font-size:12px}.character-selection-layout{display:contents}.character-summary{position:absolute;top:155px;left:28px;width:256px;min-height:108px;box-sizing:border-box;padding:12px 14px;background:var(--lobby-summary,#202020) top left/100% 100% no-repeat;border:1px solid #625b50}.character-summary h2{margin:0 0 10px;font:14px Arial,sans-serif;color:#d7d2c2}.character-summary p{margin:7px 0;color:#bbb8aa;font-size:11px}.character-summary dl{display:grid;grid-template-columns:58px 1fr;gap:5px;margin:0}.character-summary dt{color:#898c86}.character-summary dd{margin:0;color:#c9c7bb}.character-vitals{margin-top:12px;display:grid;gap:5px}.character-vitals label{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:center;font-size:10px}.character-vitals meter{width:100%;height:10px}.character-list{position:absolute;left:50%;bottom:72px;transform:translate(-50%);display:flex;width:min(840px,calc(100% - 290px));gap:4px;margin:0}.character-list .character-card{flex:1;display:grid;place-content:center;gap:4px;min-width:0;min-height:48px;padding:6px;text-align:center;border:1px solid #5f5848;background:#181a1bd6}.character-card strong{color:#c9c8ba;font:12px Arial,sans-serif;overflow:hidden;text-overflow:ellipsis}.character-card span{color:#938d7c;font-size:10px}.character-list .character-card[aria-pressed=true]{color:#f1dfb1;border-color:#c2ae79;background:#393426e6;box-shadow:inset 0 0 0 1px #65573a}.character-card[data-deleting=true] strong{color:#b5766c}.character-actions{position:absolute;right:22px;top:40%;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:130px;padding:12px 8px;box-sizing:border-box;background:var(--lobby-menu,#171919d9) center/100% 100% no-repeat}.character-actions #character-enter{position:fixed;left:50%;bottom:22px;transform:translate(-50%);width:234px;height:42px;font:15px Georgia,serif;color:#e8d5a9;background:var(--lobby-start,linear-gradient(#514939,#1b1c1b)) center/100% 100% no-repeat}.lobby-preview-status{position:absolute;bottom:126px;left:20%;right:20%;margin:0;text-align:center;color:#958f80;font-size:11px;text-shadow:0 1px 3px #000}.character-create{position:absolute;right:25px;top:120px;width:260px;padding:16px;background:var(--lobby-summary,#202020) center/100% 100% no-repeat;border:1px solid #625b50;display:grid;grid-template-columns:1fr;gap:10px;margin:0}.character-create label{display:grid;grid-template-columns:74px 1fr;gap:6px;align-items:center;font-size:11px;color:#c1beaf}.character-create>div{display:flex;gap:8px}.character-screen[data-lobby-mode=creation] .character-list,.character-screen[data-lobby-mode=creation] .character-summary,.character-screen[data-lobby-mode=creation] .character-actions{display:none}#character-mutation-review{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;box-sizing:border-box;padding:18px;border:1px solid #81745a;background:#202020;box-shadow:0 0 0 100vmax #0008}#character-mutation-review .character-actions{position:static;flex-direction:row;width:auto;padding:0;background:none;justify-content:center}@media(max-width:650px){.character-panel>.lobby-brand{left:130px;width:180px;top:10px;height:100px}.character-summary{left:12px;top:116px;width:210px;padding:10px}.character-actions{right:12px;width:112px;padding:10px 5px}.character-list{width:calc(100% - 24px);bottom:76px;flex-wrap:wrap}.character-list .character-card{flex:1 1 70px;min-height:44px}.character-panel #character-title{top:16px;right:12px;font-size:12px}.character-panel #character-status{left:12px;right:12px;bottom:180px}.lobby-preview-status{bottom:164px;left:12px;right:12px}.character-create{right:12px;width:235px;top:110px}.character-shell button{min-height:32px}.server-select{padding:24px 16px}}@media(prefers-reduced-motion:reduce){.lobby-shell *,.character-screen *{animation:none!important;transition:none!important}}.lobby-shell [hidden],.character-screen[hidden],.character-screen [hidden]{display:none!important}.lobby-shell>.lobby-brand{width:256px;height:256px;top:3%;left:calc(50% - 128px);transform:none}html[data-lobby-skin] .lobby-shell>.lobby-brand{background-size:256px 256px}html[data-lobby-skin] .lobby-shell>.lobby-brand:after{position:fixed;top:0;left:12px;bottom:auto;width:150px;height:88px;transform:none}.lobby-shell .login-panel{bottom:auto;top:47%;width:234px;padding:10px;grid-template-columns:50px 1fr;gap:5px}.lobby-shell .login-buttons button{width:86px;height:20px;padding:2px}.lobby-login-status{bottom:auto;top:57%;font-size:11px}.character-panel>.lobby-brand,.character-panel>#character-title,.character-panel>#character-list{display:none}.character-summary{top:24px;left:12px;width:256px;height:108px;padding:0;border:0;background:var(--lobby-vitals,#202020) left top/256px 108px no-repeat}.character-summary .lobby-name{position:absolute;left:14px;top:10px;display:flex;align-items:center;gap:5px;font-size:10px}.character-summary #character-name{width:160px;height:16px;padding:0 2px;font-size:10px}.character-summary .lobby-identity{position:absolute;left:14px;top:31px;margin:0;font-size:10px}.character-summary .lobby-vital{position:absolute;left:35px;width:85px;height:12px;font-size:10px;text-align:center;overflow:hidden;color:#ddd}.lobby-vital i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#a15149,#651f22)}.lobby-vital span{position:relative;text-shadow:0 1px 2px #000}.character-summary .lobby-hp{top:54px}.character-summary .lobby-mp{top:68px}.lobby-mp i{background:linear-gradient(#5084b1,#143f67)}.character-summary .lobby-vital,.character-summary .lobby-exp{background:#151719}.lobby-sp{position:absolute;top:54px;left:150px;width:90px;text-align:right;font-size:10px;color:#c1ae74}.lobby-karma{position:absolute;top:69px;left:130px;font-size:10px}.lobby-exp{position:absolute;top:82px;left:35px;width:204px;font-size:10px;text-align:center}.character-actions{top:auto;right:10px;bottom:48px;width:128px;padding:10px;gap:7px}.character-actions button,.character-actions a{height:20px;min-height:20px;padding:2px 6px;font-size:10px}.character-actions #character-enter{bottom:48px;width:126px;height:40px;font:11px Arial,sans-serif}.character-panel #character-status{bottom:12px;left:15%;right:15%;font-size:10px}.lobby-preview-status{bottom:96px}.lobby-character-name{position:absolute;transform:translate(-50%,-100%);color:#e0ddd2;font:10px Arial,sans-serif;text-shadow:0 1px 3px #000,1px 0 2px #000;pointer-events:none}@media(max-width:650px){.lobby-shell .login-buttons button{height:36px}.lobby-login-status{top:calc(47% + 126px);left:12px;right:12px}.character-summary{left:12px;top:12px}.character-actions{right:12px;bottom:16px;width:128px;gap:6px}.character-actions :is(button,a){height:36px;min-height:36px;padding:6px;font-size:11px}.character-actions #character-enter{height:44px;bottom:16px}.character-create{left:12px;right:12px;width:auto;top:140px}.character-create button{min-height:36px}.character-panel #character-status{bottom:66px;left:12px;right:12px}}html,body{margin:0;width:100%;height:100%;overflow:hidden}