/* Transparent royal login over the original palace artwork. */
body.auth-entry #auth-dialog::backdrop{background:linear-gradient(#3509149C,#350914D9),url('heritage/royal-palace.jpg') center 65%/cover no-repeat}
body.auth-entry #auth-dialog{background:linear-gradient(120deg,#3509148C,#350914BB);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#D4A43799;box-shadow:0 30px 100px #0007,inset 0 1px #FFF5DF22}
body.auth-entry #auth-dialog>.eyebrow,body.auth-entry #auth-dialog>h2{color:#F1C66A}
body.auth-entry #auth-dialog>p:not(.auth-operator-notice),body.auth-entry #auth-form label{color:#FFF0D4}
body.auth-entry #auth-form input{background:#FFF5DF0D;border-color:#D4A43780;color:#FFF5DF;box-shadow:inset 0 1px 6px #0002}
body.auth-entry #auth-form input:focus{border-color:#F1C66A;outline:2px solid #F1C66A55;outline-offset:3px;background:#FFF5DF16}
body.auth-entry #auth-form input:-webkit-autofill{-webkit-text-fill-color:#FFF5DF;box-shadow:0 0 0 1000px #491421 inset}
body.auth-entry #auth-toggle{color:#F1C66A}
body.auth-entry #auth-dialog>.auth-operator-notice{background:#35091455;border-top:1px solid #D4A43744;color:#E9D6AF}
body.auth-entry #auth-dialog #auth-error{color:#FFCFBF}
/* Refined glass keeps the palace visible and the form readable. */
body.auth-entry #auth-dialog{background:linear-gradient(115deg,#35091455,#350914A6);backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}
body.auth-entry #auth-form input{background:#FFF5DF12;border-color:#E9D6AF70;transition:background .2s,border-color .2s,box-shadow .2s}
body.auth-entry #auth-form label{text-shadow:0 1px 6px #0006}
body.auth-entry #auth-dialog>.auth-operator-notice{color:#F0DFBD;background:#35091470}
.palace-entrance{position:fixed;inset:0;z-index:10000;perspective:1400px;overflow:hidden;isolation:isolate;background:transparent}
.palace-door{position:absolute;top:0;bottom:0;width:50.1%;background-image:url('heritage/palace-doors.jpg');background-size:200% 100%;backface-visibility:hidden;will-change:transform;box-shadow:inset 0 0 70px #16080577;transition:transform 1.55s cubic-bezier(.32,.02,.16,1),filter 1.5s}
.palace-door-left{left:0;background-position:left center;transform-origin:left center;border-right:1px solid #E1B55C}
.palace-door-right{right:0;background-position:right center;transform-origin:right center;border-left:1px solid #E1B55C}
.palace-light{position:absolute;inset:0;background:radial-gradient(ellipse at center,#F1C66A4D,transparent 65%);opacity:0;transition:opacity .8s}
.palace-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;color:#FFF5DF;text-shadow:0 2px 16px #160805,0 1px 4px #160805;transition:opacity .4s;background:radial-gradient(ellipse at center,#24091160,transparent 50%)}
.palace-welcome>span{font-size:clamp(32px,6vw,60px);color:#F1C66A}.palace-welcome>small{font-size:clamp(11px,2vw,15px)}
.palace-skip{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom));right:30px;background:#350914D9;border:1px solid #D4A43799;color:#FFF5DF;padding:12px 20px;min-height:44px;border-radius:24px;font:inherit;font-size:12px;cursor:pointer}.palace-skip:focus-visible{outline:2px solid #FFF5DF;outline-offset:4px}
.palace-opening .palace-door-left{transform:rotateY(-105deg);filter:brightness(.6)}
.palace-opening .palace-door-right{transform:rotateY(105deg);filter:brightness(.6)}
.palace-opening .palace-welcome{opacity:0}.palace-opening .palace-light{animation:palace-light-fade 1.6s both}
@keyframes palace-light-fade{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
@media(max-width:700px){body.auth-entry #auth-dialog{background:linear-gradient(#35091480,#350914D9),url('heritage/royal-palace.jpg') center/cover no-repeat}.palace-skip{right:20px;bottom:calc(20px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.palace-entrance{display:none}.palace-door,body.auth-entry #auth-form input{transition:none}}
