/* Illustrated entrance; game text and the equipped 3D figure stay live. */
.rpg-lobby{background:linear-gradient(90deg,#071216e6,#0a161957 32%,#0714161a 50%,#071216db),linear-gradient(0deg,#061013e8,transparent 36%,#07121640),url('./assets/entrance-character.webp') center 62%/cover no-repeat #102021}
.rpg-lobby.rpg-login{background:linear-gradient(90deg,#071216e6,#08161991 38%,#09191910 72%,#07121660),linear-gradient(0deg,#061013ce,transparent 40%),url('./assets/entrance-start.webp') center/cover no-repeat #102021}
.rpg-lobby:before{position:absolute;background:none}
.rpg-lobby .rpg-lobby-details{background:linear-gradient(90deg,#09151970,#09151915);border-left-color:#d8b47740}
.rpg-lobby .rpg-figure-title{text-shadow:0 2px 14px #000c}
.rpg-lobby .rpg-figure-title{transform:translateX(var(--figure-offset-x,0px))}
.rpg-lobby .rpg-figure-note{position:absolute;top:var(--figure-note-top,90%);left:0;right:0;margin:0;transform:translateX(var(--figure-offset-x,0px));pointer-events:none}
.rpg-lobby .rpg-figure .preview-controls{right:auto;width:max-content;transform:translateX(-50%);white-space:nowrap;z-index:2}
.rpg-lobby .rpg-character-record,.rpg-lobby .rpg-class-choice button{background:#08141840}
.rpg-lobby .rpg-character-record.selected,.rpg-lobby .rpg-class-choice button.selected{background:#122529aa}
.entrance-active #world>canvas,.entrance-active #world>.world-labels,.entrance-active #vignette{visibility:hidden}
#loading.journey-loading{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(24px,4vw,64px);border:0;border-radius:0;display:flex;align-items:stretch;justify-content:space-between;gap:18px;text-align:left;color:#f0e5cf;background:linear-gradient(0deg,#060e12fa 0%,#071115e8 18%,#07111588 43%,#0711150a 72%),url('./assets/entrance-loading.webp') center/cover no-repeat #0b191d;font-family:Inter,system-ui,sans-serif;overflow:auto;z-index:150}
#loading[hidden]{display:none!important}#loading::backdrop{background:#091417}
.loading-brand{display:flex;flex-direction:column;gap:7px;align-self:flex-start;text-shadow:0 2px 16px #0009}.loading-brand>span{font-size:.58rem;letter-spacing:.25em;color:#bdc9c3;text-transform:uppercase}.loading-brand>strong{font:400 clamp(1.7rem,3.1vw,3rem) Cinzel,Georgia,serif;letter-spacing:.15em;color:#e5cc9a}
.loading-caption{position:absolute;right:4vw;top:46%;display:flex;flex-direction:column;gap:5px;text-align:right;text-shadow:0 2px 9px #000}.loading-caption>span{font:500 1.2rem Cinzel,Georgia,serif;color:#e7dbc0}.loading-caption>i{font:italic .77rem Georgia,serif;color:#c4ccc3}
.loading-content{width:min(630px,100%);align-self:flex-start;margin-top:auto;padding-top:clamp(100px,24vh,250px)}
#loading .loading-content>h1{font:400 clamp(1.45rem,2.5vw,2.5rem)/1.3 Cinzel,Georgia,serif;letter-spacing:0;color:#f0e5cf;margin:12px 0 18px;max-width:100%}
.loading-content>.eyebrow{font-size:.59rem;letter-spacing:.17em;color:#cbb585}
.loading-status{display:flex;gap:16px;align-items:baseline;justify-content:space-between}#loading #load-status{font-size:.76rem;line-height:1.5;margin:0;color:#c4cec6;max-width:none}#load-step{font-size:.65rem;color:#aeae96;font-variant-numeric:tabular-nums;white-space:nowrap}
#load-progress{display:block;appearance:none;width:100%;height:3px;border:0;margin:11px 0 23px;border-radius:0;background:#bca77730;color:#dcc38b}#load-progress::-webkit-progress-bar{background:#bca77730}#load-progress::-webkit-progress-value{background:#dcc38b}#load-progress::-moz-progress-bar{background:#dcc38b}
.loading-tip{min-height:120px;border-top:1px solid #d8b47726;padding-top:15px}.loading-tip>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.loading-tip .eyebrow{font-size:.58rem;letter-spacing:.12em;color:#bfa477}.loading-tip button{min-width:60px;min-height:32px;padding:5px 0 5px 12px;border:0;background:transparent;color:#b8c2b8;font-size:.7rem;cursor:pointer}.loading-tip button:hover{color:#ecd7a9}.loading-tip button:focus-visible{outline:2px solid #dcc38b;outline-offset:3px}.loading-tip h2{font:500 .97rem/1.4 Inter,system-ui,sans-serif;margin:5px 0 8px;color:#e8ddc6}#loading .loading-tip p{font-size:.78rem;line-height:1.75;color:#b6c2bd;max-width:610px;margin:0}
#load-actions{display:flex;gap:12px;flex-wrap:wrap}#load-actions:empty,#load-note:empty{display:none}#load-actions button{margin-top:12px;min-height:44px;padding:10px 22px;background:#dfc28b;color:#102023;border:1px solid #e6d2ad;border-radius:2px;font-size:.82rem}#loading #load-note{margin:12px 0 0;font-size:.73rem;line-height:1.6;color:#b5beb9;max-width:600px}.load-failed #load-progress{display:none}.no-script{position:fixed;inset:0;background:#0c171d;color:#ecdfc5;z-index:300;display:grid;place-items:center;padding:30px;text-align:center}
@media(min-width:1700px){.loading-content{width:690px}.loading-tip h2{font-size:1.1rem}#loading .loading-tip p{font-size:.87rem}}
@media(max-width:780px){.loading-caption{top:31%;right:25px}.loading-caption>span{font-size:1rem}.loading-caption>i{font-size:.65rem}.rpg-lobby.rpg-login{background-position:67% center}.rpg-lobby:not(.rpg-login){background:radial-gradient(ellipse at 50% 20%,#24302d,#0b171b 72%);background-attachment:scroll}
 .rpg-lobby .rpg-figure{padding-bottom:48px;overflow:visible}
 .rpg-lobby .rpg-figure .start-preview{height:300px;min-height:300px;max-height:300px;flex:none;background:linear-gradient(0deg,#0b171b,transparent 20%,transparent 84%,#0b171b),url('./assets/entrance-character.webp');background-size:100% 100%,var(--stage-image-size,auto 400px);background-position:center,var(--stage-image-position,center);background-repeat:no-repeat}
 .rpg-lobby.rpg-creating .rpg-figure .start-preview{height:280px;min-height:280px;max-height:280px}
 .rpg-lobby .rpg-figure-title{padding-bottom:12px}
}
@media(max-width:520px){#loading.journey-loading{padding:25px 23px 24px;background-position:53% center}.loading-brand>strong{font-size:2rem}.loading-caption{display:none}.loading-content{padding-top:25vh}.loading-content>.eyebrow{font-size:.51rem;letter-spacing:.09em}#loading .loading-content>h1{font-size:1.55rem;margin-bottom:17px}.loading-tip{min-height:170px}.loading-tip h2{font-size:.92rem}#loading .loading-tip p{font-size:.76rem}.rpg-creating .rpg-lobby-details{background:#09161970}}
@media(max-height:620px) and (min-width:600px){#loading.journey-loading{padding:20px 4vw}.loading-content{padding-top:25px;width:580px}.loading-caption{top:30%}.loading-tip{min-height:105px}#loading .loading-content>h1{margin:8px 0 12px;font-size:1.5rem}}

#loading[data-kind=reconnect] .loading-content>.eyebrow,#loading[data-kind=disconnected] .loading-content>.eyebrow{color:#edb08d}#loading[data-kind=reconnect] #load-note{padding:12px 15px;border-left:2px solid #d1b079;background:#11212399}#loading[data-kind=disconnected] .loading-content>h1{color:#efd8c7}