/* Account portal: the Sigurdar crest, blue steel and a moonlit citadel. */
.royal-theme.royal-auth-page #content{isolation:isolate;background:linear-gradient(0deg,#080e18 0%,#080e1899 65%,#080e1866),url('../images/royal/sigurdar-citadel.webp') center top/cover no-repeat}
.royal-theme.royal-auth-page #content:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 30%,#224b7926,transparent 55%),linear-gradient(90deg,#080e1880,transparent 50%,#080e1880);pointer-events:none}
.royal-theme .royal-auth-shell{grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:0;width:calc(100% - 80px);max-width:1120px;margin:40px auto 60px;border:0;box-shadow:none;min-height:720px;align-items:stretch}
.royal-theme .royal-auth-art{min-height:720px;max-height:none;background:transparent;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 76%,transparent)}
.royal-theme .royal-sentinel{height:100%;width:100%;inset:0;object-fit:cover;object-position:52% 8%;filter:saturate(.75) brightness(.8);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 64%,transparent 100%)}
.royal-theme .royal-auth-art:after{background:linear-gradient(180deg,transparent 28%,#07111d40 48%,#07111de6 90%)}
.royal-theme .royal-auth-story{left:55px;right:30px;bottom:65px;text-shadow:0 2px 20px #02050e}
.royal-theme .royal-auth-story .royal-kicker{font-size:14px;letter-spacing:.2em;color:#c8ac72;margin-bottom:20px}
.royal-theme .royal-auth-story h2{font-family:var(--font-display);font-size:62px;letter-spacing:.015em;line-height:1.08;margin-bottom:22px;color:#e9e2cf}
.auth-story-rule{height:1px;background:linear-gradient(90deg,#789bc399,#789bc300);width:220px;margin:24px 0;position:relative}
.auth-story-rule span{position:absolute;left:0;top:-10px;color:#d9a945;font-size:13px;background:#0b1521;padding-right:14px}
.royal-theme .royal-auth-story p{font-size:17px;color:#c0cad7;line-height:1.6;max-width:320px;margin:0 0 25px}
.royal-theme .royal-auth-story .royal-text-link{font-size:15px;border-color:#c4ac7040;color:#d6be8f}
.royal-theme .royal-auth-panel{padding:18px 40px 24px;border:1px solid #718aab66;background:linear-gradient(135deg,#20374b44,transparent 30%),linear-gradient(160deg,#0e1c2bee,#080f1af5 65%);box-shadow:0 25px 70px #02050e8c,inset 0 1px #adcce62b;align-self:center}
.royal-theme .royal-auth-panel:before{inset:6px;border-color:#6a83a229;background:linear-gradient(#d8b66f,#d8b66f) left top/30px 1px no-repeat,linear-gradient(#d8b66f,#d8b66f) left top/1px 30px no-repeat,linear-gradient(#d8b66f,#d8b66f) right bottom/30px 1px no-repeat,linear-gradient(#d8b66f,#d8b66f) right bottom/1px 30px no-repeat}
.auth-brand{display:flex;align-items:center;justify-content:center;height:78px;max-width:100%;margin:0 auto 10px;position:relative}
.auth-brand img{width:270px;height:180px;max-width:none;object-fit:contain;filter:drop-shadow(0 5px 15px #04070e)}
.auth-tabs{display:flex;border-bottom:1px solid #526c8955;margin:0 0 21px;position:relative}
.auth-tabs a{flex:1;text-align:center;font:18px var(--font-display);padding:10px 4px 13px;color:#9cabbd;border-bottom:2px solid transparent;margin-bottom:-1px}
.auth-tabs a[aria-current=page]{color:#edd6a3;border-color:#d8ac58;background:linear-gradient(0deg,#d8ac5810,transparent)}
.auth-tabs a:hover{color:#f1dfb8}
.royal-theme .auth-heading{text-align:center;margin-bottom:20px}
.royal-theme .auth-heading .eyebrow{display:none}
.royal-theme .royal-auth-panel .eyebrow{font-family:var(--font-display);text-transform:none;color:#a7bad1;letter-spacing:.09em;font-size:12px;margin:0 0 9px}
.royal-theme .royal-auth-panel .vm-auth-card__title{font-size:31px;line-height:1.12;color:#eee3cf;margin:0 0 10px;letter-spacing:.01em}
.royal-theme .royal-auth-panel .form-note{font-size:15px;line-height:1.5;color:#a8b9cf;margin:0 0 20px;max-width:none}
.royal-theme .auth-heading .form-note{margin:0 auto;max-width:330px}
.royal-theme .royal-auth-panel .vm-auth-form{gap:14px}
.royal-theme .royal-auth-panel .vm-field{gap:7px;min-width:0}
.royal-theme .royal-auth-panel .vm-field label{font-size:14px;color:#c9d5e5;letter-spacing:.01em;line-height:1.3}
.auth-input{position:relative;display:flex;align-items:center;min-width:0}
.auth-input>i{position:absolute;left:16px;color:#7894b4;width:16px;text-align:center;pointer-events:none}
.royal-theme .royal-auth-panel .vm-field input:not([type=checkbox]):not([type=hidden]){min-height:46px;line-height:1.4;border:1px solid #455d7980;background:linear-gradient(90deg,#070d18,#101c2b);font-size:16px;width:100%;color:#e6edf8;box-shadow:inset 0 2px 8px #0004}
.royal-theme .royal-auth-panel .auth-input input:not([type=checkbox]):not([type=hidden]){padding-left:44px}
.royal-theme .royal-auth-panel .auth-input--password input:not([type=checkbox]):not([type=hidden]){padding-right:48px}
.royal-theme .royal-auth-panel .vm-field input::placeholder{color:#8093ac;opacity:1}
.royal-theme .royal-auth-panel .vm-field input:focus{border-color:#c6a963;outline:2px solid #c6a96340;outline-offset:1px}
.auth-password-toggle{position:absolute;right:2px;top:1px;width:44px;height:44px;border:0;background:transparent;color:#91a8c5;cursor:pointer}
.auth-password-toggle:hover{color:#e1c081}
.royal-theme .auth-options{margin:-3px 0 0}
.royal-theme .auth-options label{font-size:13px!important;color:#adbdd1!important;cursor:pointer;min-height:24px}
.royal-theme .auth-options input{appearance:auto;-webkit-appearance:checkbox;accent-color:#d6b36b;border:1px solid #8da6c4;background:#132239;width:16px;height:16px;flex:none}
.royal-theme .auth-links--center{display:block;text-align:center;border-top:1px solid #526c8940;margin-top:12px;padding-top:17px;font-size:14px;color:#aebbd0}
.royal-theme .auth-links--center a{color:#e5bf76;font-size:14px}
.royal-theme .auth-game-link{display:block;text-align:center;font-size:12px;color:#9db2cd;line-height:1.5;margin-top:13px}
.royal-theme .auth-game-link:hover{color:#e6c790}
.auth-game-link span{margin-left:4px}
.royal-theme .royal-auth-footnote{font-size:10px;letter-spacing:.09em;color:#8297b0;margin:23px 0 0}
.royal-theme .royal-auth-footnote i{color:#8297b0}
.royal-theme .royal-auth-panel .vm-flash{font-size:14px;line-height:1.5;margin-bottom:18px}
.royal-theme .turnstile-field{min-width:0;margin:1px 0 0}
[data-turnstile]{width:100%;min-width:0}
.turnstile-widget{min-height:65px;display:flex;justify-content:center}
.turnstile-status{font-size:11px;color:#93a7c1;text-align:center;line-height:1.4;margin:7px 0 0}
.turnstile-retry{display:block;margin:8px auto 0;border:0;border-bottom:1px solid #cfb27a55;background:transparent;color:#dfc491;font:14px var(--font-primary);padding:6px;cursor:pointer}
.turnstile-retry[hidden]{display:none}
.royal-theme .turnstile-field .vm-field__error{font-size:13px;line-height:1.5;margin-top:8px}
@media(max-width:1100px){.royal-theme .royal-auth-shell{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) minmax(0,460px)}.royal-theme .royal-auth-panel{padding-inline:30px}.royal-theme .royal-auth-story{left:30px}.royal-theme .royal-auth-story h2{font-size:48px}}
@media(max-width:820px){.royal-theme .royal-auth-shell{grid-template-columns:1fr;max-width:500px;margin:28px auto 40px}.royal-theme .royal-auth-art{display:none}.royal-theme .royal-auth-panel{padding:18px 36px 24px}.royal-theme.royal-auth-page #content{background-position:40% top;background-size:auto 1050px}.auth-brand{height:86px}.royal-theme .royal-auth-panel .vm-auth-card__title{font-size:30px}}
@media(max-width:480px){.royal-theme .royal-auth-shell{width:calc(100% - 28px);margin:20px auto 32px;min-height:0}.royal-theme .royal-auth-panel{padding:16px 22px 22px}.auth-brand{height:78px;margin-bottom:10px}.auth-brand img{width:260px;height:173px}.auth-tabs{margin-bottom:22px}.auth-tabs a{font-size:17px}.royal-theme .royal-auth-panel .vm-auth-card__title{font-size:27px}.royal-theme .royal-auth-panel .form-note{font-size:14px}.royal-theme .royal-auth-panel .vm-auth-form{gap:15px}.royal-theme .auth-heading{margin-bottom:20px}.royal-theme .royal-auth-panel .auth-links{font-size:13px}.royal-theme .royal-auth-footnote{margin-top:19px}.turnstile-widget{justify-content:center}}
@media(max-width:350px){.royal-theme .royal-auth-panel{padding-inline:17px}.auth-brand img{width:240px;height:160px}.royal-theme .royal-auth-panel .vm-auth-card__title{font-size:25px}.royal-theme .auth-links--center span{display:block;line-height:1.6}.royal-theme .auth-links--center a{white-space:nowrap}}
