/* Baked defocus/vignette: no live full-screen blur, and no extra render loop. */
html body #login-entrance::backdrop{background:#182337 url('/ui/cinematic/welcome-1600.webp') center/cover!important}
html body #login-dialog:not(.selecting)::backdrop{background:#182337 url('/ui/cinematic/login-1600.webp') center/cover!important}
html body #CharSelectV4#CharSelectV4,html body #login-dialog.selecting,html body #charcreate_v4#charcreate_v4{background:#283147 url('/ui/cinematic/select-1600.webp') center/cover no-repeat!important}
html body #map-loading{background:#283147 url('/ui/cinematic/loading-1600.webp') center/cover no-repeat!important}
html body #login-dialog:not(.selecting){inset:0!important;transform:none!important;margin:auto!important;width:min(470px,calc(100vw - 24px))!important;height:max-content!important;max-height:100dvh!important;max-width:none!important;overflow:auto!important;padding:58px 0 12px!important;scrollbar-width:thin;box-sizing:border-box}
html body #login-dialog #WinLogin{inset:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:0!important;font-family:'Segoe UI',Arial,sans-serif;color:#142567}
html body #login-dialog #WinLogin .login-card{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;padding:65px 36px 30px!important;border:0!important;border-radius:29px!important;background:url('/ui/cinematic/panel.webp') center/100% 100% no-repeat,#f9fcff!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
html body #login-dialog #WinLogin .adventure-crest{display:block;position:absolute;top:-52px;left:50%;transform:translateX(-50%);width:112px;height:112px;object-fit:contain}
html body #login-dialog #WinLogin .login-copy{padding:0!important;margin:0 0 22px!important;text-align:center}
html body #login-dialog #WinLogin .login-kicker,html body #login-dialog #WinLogin .server-title{display:none!important}
html body #login-dialog #WinLogin .login-title{font:700 35px/1.15 Georgia,serif!important;color:#142567!important;margin:0!important;letter-spacing:-.6px!important;text-shadow:0 1px white!important}
html body #login-dialog #WinLogin .adventure-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px auto 3px;width:62%;font-size:21px;color:#76aaff}
html body #login-dialog #WinLogin .adventure-divider:before,html body #login-dialog #WinLogin .adventure-divider:after{content:'';height:1px;flex:1;background:#b8d2fa}
html body #login-dialog #WinLogin .adventure-subtitle{font:21px/1.2 Georgia,serif;color:#586b9b}
html body #login-dialog #WinLogin .login-form{display:grid!important;gap:12px!important;margin:0!important}
html body #login-dialog #WinLogin .field-row{display:flex!important;align-items:center!important;position:relative!important;box-sizing:border-box!important;height:46px!important;margin:0!important;padding:0 42px 0 49px!important;border:1.5px solid #a9c7ed!important;border-radius:11px!important;background:#f3f8ffb3!important;box-shadow:inset 0 1px 2px #ffffff!important}
html body #login-dialog #WinLogin .field-row:focus-within{border-color:#339aff!important;box-shadow:0 0 0 2px #57b2ff33!important}
html body #login-dialog #WinLogin .field-row>span:first-child{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body #login-dialog #WinLogin input.user,html body #login-dialog #WinLogin input.pass{width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:16px/1.3 'Segoe UI',sans-serif!important;color:#263e70!important}
html body #login-dialog #WinLogin input::placeholder{color:#657da6;opacity:1}
html body #login-dialog #WinLogin .login-field-icon,html body #login-dialog #WinLogin .login-eye-icon{width:34px!important;height:34px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;opacity:1!important;background:center/34px no-repeat!important}
html body #login-dialog #WinLogin .login-field-icon{left:7px!important;background-image:url('/ui/cinematic/user.webp')!important}
html body #login-dialog #WinLogin .field-pass .login-field-icon{background-image:url('/ui/cinematic/lock.webp')!important}
html body #login-dialog #WinLogin .login-eye-icon{right:5px!important;cursor:pointer!important;background-image:url('/ui/cinematic/eye-closed.webp')!important}
html body #login-dialog #WinLogin .login-eye-icon[aria-label='Hide password']{background-image:url('/ui/cinematic/eye-open.webp')!important}
html body #login-dialog #WinLogin .login-field-icon svg,html body #login-dialog #WinLogin .login-eye-icon svg{display:none!important}
html body #login-dialog #WinLogin .adventure-options{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}
html body #login-dialog #WinLogin .save{display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;height:34px!important;background:none!important;border:0!important;color:#51678f!important;font:13px 'Segoe UI',sans-serif!important;white-space:nowrap}
html body #login-dialog #WinLogin .save-check{width:21px!important;height:21px!important;border:1px solid #74b6f7!important;border-radius:5px!important;background:#eef7ff!important;box-sizing:border-box}
html body #login-dialog #WinLogin .save.is-on .save-check{background:linear-gradient(#4aafff,#2386f7)!important;color:white!important}
html body #login-dialog #WinLogin #forgot-password{font:13px 'Segoe UI',sans-serif;color:#1263c4;background:none;border:0;padding:6px 0;margin:0;white-space:nowrap}
html body #login-dialog #WinLogin .connect{position:static!important;width:100%!important;height:54px!important;margin:0!important;border:3px double #86cafa!important;border-radius:14px!important;background:linear-gradient(#409fff,#247aee)!important;box-shadow:0 4px 12px #359de933,inset 0 1px 3px #b6e5ff!important;color:white!important;font:700 27px/1 Georgia,serif!important;letter-spacing:0!important;text-shadow:0 1px 2px #206eb8!important}
html body #login-dialog #WinLogin .account-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:0!important}
html body #login-dialog #WinLogin .account-actions button,html body #login-dialog #WinLogin .social-login{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:0!important;height:44px!important;margin:0!important;padding:4px!important;border:1px solid #c1d7f4!important;border-radius:11px!important;background:#ffffff88!important;box-shadow:none!important;color:#142567!important;font:600 13px/1.2 'Segoe UI',sans-serif!important;text-shadow:none!important}
html body #login-dialog #WinLogin .account-actions button:before,html body #login-dialog #WinLogin .guest:before{content:'';display:block;width:29px;height:29px;flex:none;background:center/contain no-repeat}
html body #login-dialog #WinLogin .signup:before{background-image:url('/ui/cinematic/user-add.webp')!important}
html body #login-dialog #WinLogin .repair:before{background-image:url('/ui/cinematic/repair.webp')!important}
html body #login-dialog #WinLogin .guest:before{background-image:url('/ui/cinematic/user.webp')!important}
html body #login-dialog #WinLogin .adventure-social-label{display:flex;align-items:center;gap:10px;margin:0;color:#7389ae;font:12px 'Segoe UI',sans-serif}
html body #login-dialog #WinLogin .adventure-social-label:before,html body #login-dialog #WinLogin .adventure-social-label:after{content:'';flex:1;height:1px;background:#c6dbf7}
html body #login-dialog #WinLogin .social-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:0!important}
html body #login-dialog #WinLogin .brand-icon,html body #login-dialog #WinLogin .brand-icon svg{width:22px!important;height:22px!important}
html body #login-dialog #WinLogin #btn_exit{position:absolute!important;inset:12px 14px auto auto!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:1px solid #b4cff0!important;border-radius:50%!important;background:#f8fcff!important;color:#578bbf!important;font:20px/24px Arial!important;box-shadow:none!important;z-index:2}
html body #login-dialog #WinLogin button:focus-visible,html body #login-dialog #WinLogin [role=button]:focus-visible{outline:2px solid #247aee;outline-offset:3px}
html body #login-dialog #WinLogin button:disabled{opacity:.55;cursor:wait}
html body #login-dialog #WinLogin .account-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #login-dialog #WinLogin .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #login-entrance::backdrop,html body #login-dialog:not(.selecting)::backdrop,html body #CharSelectV4#CharSelectV4,html body #login-dialog.selecting,html body #charcreate_v4#charcreate_v4,html body #map-loading{background-color:#c5cede!important;background-blend-mode:multiply!important}
@media(max-width:800px){
 html body #login-entrance::backdrop{background-image:url('/ui/cinematic/welcome-960.webp')!important}
 html body #login-dialog:not(.selecting)::backdrop{background-image:url('/ui/cinematic/login-960.webp')!important}
 html body #CharSelectV4#CharSelectV4,html body #login-dialog.selecting,html body #charcreate_v4#charcreate_v4{background-image:url('/ui/cinematic/select-960.webp')!important}
 html body #map-loading{background-image:url('/ui/cinematic/loading-960.webp')!important}
}
@media(max-width:420px){
 html body #login-dialog #WinLogin .login-card{padding:62px 22px 24px!important}
 html body #login-dialog #WinLogin .login-title{font-size:29px!important}
 html body #login-dialog #WinLogin .save,html body #login-dialog #WinLogin #forgot-password{font-size:11px!important}
 html body #login-dialog #WinLogin .account-actions button,html body #login-dialog #WinLogin .social-login{font-size:12px!important}
}
@media(max-height:600px){
 html body #login-dialog:not(.selecting){padding-top:34px!important;padding-bottom:8px!important;width:min(420px,calc(100vw - 24px))!important}
 html body #login-dialog #WinLogin .login-card{padding:37px 28px 18px!important}
 html body #login-dialog #WinLogin .adventure-crest{width:68px;height:68px;top:-31px}
 html body #login-dialog #WinLogin .login-copy{margin-bottom:12px!important}
 html body #login-dialog #WinLogin .login-title{font-size:28px!important}
 html body #login-dialog #WinLogin .adventure-divider{margin:2px auto;font-size:16px}
 html body #login-dialog #WinLogin .adventure-subtitle{font-size:17px}
 html body #login-dialog #WinLogin .login-form{gap:8px!important}
 html body #login-dialog #WinLogin .field-row{height:40px!important}
 html body #login-dialog #WinLogin .connect{height:44px!important;font-size:24px!important}
 html body #login-dialog #WinLogin .account-actions button,html body #login-dialog #WinLogin .social-login{height:38px!important}
}
@media(min-width:620px) and (max-height:440px){
 html body #login-dialog:not(.selecting){width:min(760px,calc(100vw - 24px))!important;padding:6px 0!important}
 html body #login-dialog #WinLogin .login-card{display:grid!important;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:16px 26px!important}
 html body #login-dialog #WinLogin .adventure-crest{left:121px;top:35px;width:94px;height:94px}
 html body #login-dialog #WinLogin .login-copy{align-self:center;padding-top:78px!important;margin:0!important}
 html body #login-dialog #WinLogin .login-title{font-size:30px!important;line-height:1.1!important}
 html body #login-dialog #WinLogin .login-form{gap:6px!important}
 html body #login-dialog #WinLogin .field-row{height:38px!important}
 html body #login-dialog #WinLogin .adventure-options,html body #login-dialog #WinLogin .save{min-height:28px!important;height:28px!important}
 html body #login-dialog #WinLogin .connect{height:40px!important}
 html body #login-dialog #WinLogin .account-actions button,html body #login-dialog #WinLogin .social-login{height:36px!important}
 html body #login-dialog #WinLogin #btn_exit{inset:10px auto auto 14px!important}
}

@font-face{font-family:Cinzel;src:url('/ui/fonts/cinzel-700.ttf') format('truetype');font-weight:700;font-display:swap}
html body #login-dialog:not(.selecting){width:min(390px,calc(100vw - 24px))!important;overflow-x:hidden!important;box-sizing:border-box}
html body #login-dialog #WinLogin .login-card{box-sizing:border-box!important;padding:56px 24px 22px!important}
html body #login-dialog #WinLogin .login-title{font-family:Cinzel,serif!important;font-size:25px!important;letter-spacing:0!important}
html body #login-dialog #WinLogin .connect{font-family:Cinzel,serif!important;font-size:21px!important;height:46px!important}
html body #login-dialog #WinLogin .adventure-subtitle{font-family:Cinzel,serif;font-size:15px}
html body #login-dialog #WinLogin .adventure-crest{width:94px;height:94px;top:-44px}
html body #login-dialog #WinLogin #btn_exit:before,html body #login-dialog #WinLogin #btn_exit:after{content:none!important;display:none!important}
html body #login-dialog #WinLogin #btn_exit{font-size:0!important}
html body #login-dialog #WinLogin #btn_exit:after{content:'×'!important;display:block!important;font:20px/24px Arial!important}
html body #map-loading .load-card{width:min(500px,90vw);padding:70px 36px 65px}
html body #map-loading .load-crest{width:120px;height:120px;top:-52px}
html body #map-loading h2{font-size:27px}
@media(max-height:600px){html body #login-dialog:not(.selecting){padding-top:28px!important}html body #login-dialog #WinLogin .login-card{padding:31px 22px 16px!important}html body #login-dialog #WinLogin .adventure-crest{width:62px;height:62px;top:-28px}}
@media(min-width:620px) and (max-height:440px){
html body #login-dialog:not(.selecting){width:min(550px,calc(100vw - 24px))!important;padding:6px 0!important}
html body #login-dialog #WinLogin .login-card{grid-template-columns:145px minmax(0,1fr);gap:14px;padding:16px!important}
html body #login-dialog #WinLogin .adventure-crest{left:88px;top:34px;width:70px;height:70px}
html body #login-dialog #WinLogin .login-title{font-size:22px!important}
html body #login-dialog #WinLogin .connect{font-size:18px!important;height:38px!important}
html body #login-dialog #WinLogin .account-actions button,html body #login-dialog #WinLogin .social-login{font-size:11px!important}
html body #map-loading[open]{padding:32px 8px 8px}
html body #map-loading .load-card{width:min(410px,85vw);padding:44px 26px 40px}
html body #map-loading .load-crest{width:78px;height:78px;top:-34px}
html body #map-loading h2{font-size:21px;margin-bottom:8px}
html body #map-loading .load-tip{min-height:50px;font-size:10px;padding-top:6px;padding-bottom:6px}
html body #map-loading .load-description{font-size:11px}
}

html body #login-dialog #WinLogin #btn_exit:after{position:static!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;color:#578bbf!important}
html body #login-dialog #WinLogin #btn_exit{display:grid!important;place-items:center!important;font:20px/1 Arial,sans-serif!important;text-indent:0!important;letter-spacing:0!important}html body #login-dialog #WinLogin #btn_exit:after,html body #login-dialog #WinLogin #btn_exit:before{content:none!important;display:none!important}

html body #login-dialog #WinLogin .login-card{background:linear-gradient(180deg,#e4f4fc,#fff 48%,#f0f9ff)!important;border:1px solid #91c4e9!important;border-radius:20px!important;box-shadow:inset 0 0 0 3px #ffffffbb!important}html body #login-dialog #WinLogin #btn_exit{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-indent:0!important;padding:0!important}html body #login-dialog #WinLogin #btn_exit:before,html body #login-dialog #WinLogin #btn_exit:after{display:none!important;content:none!important}