.auth-screen{width:100vw!important;max-width:none!important;height:100vh;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,#06101a12,#06101a33),url('/assets/auth-castle-v1.png') center/cover!important;color:#fff5d9}.auth-screen[open]{display:flex;align-items:center;justify-content:flex-end;padding-right:14%!important;box-sizing:border-box}.auth-screen::backdrop{background:#07101b}.auth-card{position:relative;width:560px;padding:40px 42px 32px;background:linear-gradient(135deg,#101a21f5,#060e15f5);border:1px solid #c7a85f;outline:1px solid #a48a4b;outline-offset:-6px;box-shadow:0 20px 75px #000b;text-align:center}.auth-card:before,.auth-card:after{content:'◇';position:absolute;color:#e5c580;font-size:23px;top:-14px;left:-8px}.auth-card:after{left:auto;right:-8px}.auth-brand{display:flex;align-items:center;flex-direction:column}.auth-compass{font:120px Georgia;color:#ebc77b;line-height:1.1;text-shadow:0 0 26px #dcb75c66}.auth-brand strong{font:48px Georgia;letter-spacing:12px;color:#f2dca4;margin-top:12px}.auth-brand small{font:12px Georgia;letter-spacing:5px;color:#e0c68e;margin-top:5px}.auth-card h2{font-family:Georgia,'Malgun Gothic',serif;font-size:31px;margin:42px 0 16px;color:#fff4d7}.auth-card p{color:#d2d1cd;font-size:16px;line-height:1.7}.auth-divider{color:#d3b36a;margin:12px auto;width:70%;display:flex;align-items:center;gap:10px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#c5a765);flex:1}.auth-divider:after{transform:rotate(180deg)}.auth-close{position:absolute;right:14px;top:10px;background:transparent!important;border:0!important;color:#c7c5bd!important;font:34px Arial;padding:2px 10px!important}.auth-card #google-login{display:flex;justify-content:center;margin:32px 0 20px;min-height:44px}.auth-card .auth-note{font-size:12px;color:#aab2b9}.auth-browse{background:transparent;border:0;color:#efe3c8;margin-top:12px;font-size:16px}.auth-card label{display:block;text-align:left;margin-top:24px;font-size:16px}.nickname-entry{display:flex;border:1px solid #b9d47c;border-radius:7px;padding:6px;margin-top:10px;background:#080f17}.nickname-entry input{width:100%;min-width:0;border:0!important;background:transparent!important;color:white;padding:10px;font-size:18px;outline:0}.nickname-entry button{white-space:nowrap;padding:8px 15px;background:#303238;border:1px solid #858a92;border-radius:5px}.auth-card #nickname-status{min-height:24px;text-align:left;font-size:14px;margin:12px 0 5px}.nickname-help{display:block;text-align:left;color:#b4b9bd;font-size:13px}.auth-start{display:block;width:100%;margin-top:30px;padding:18px;background:linear-gradient(#ddf5a2,#a4d45d);color:#101b09;border:1px solid #d1ee96;border-radius:7px;font-size:20px;font-weight:800}.auth-connected{font-size:13px!important;color:#c2c4bc!important;margin:24px 0 0}
/* ONDEF: illustrated panel on a quiet black surround. */
#login.auth-screen{background:#000!important;overflow:auto}
#login.auth-screen[open]{justify-content:center;padding:24px!important}
#login .auth-card{box-sizing:border-box;width:min(1280px,96vw);min-height:620px;aspect-ratio:16/9;padding:55px 4% 40px;border:0;outline:0;background:#07101b url('/assets/auth-guardians-v2.png') center/100% 100% no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}
#login .auth-card:before,#login .auth-card:after,#login .auth-compass{display:none}
#login .auth-brand{width:100%}
#login .auth-brand img{width:290px!important;max-width:100%;mix-blend-mode:screen}
#login .auth-card h2{font-size:clamp(20px,1.6vw,28px);margin:12px 0;color:#fff0cf;white-space:nowrap}
#login .auth-card p{font-size:13px;line-height:1.8;margin:8px 0}
#login .auth-card #google-login{width:100%;margin:24px 0 12px;min-height:44px}
#login .auth-card .auth-note{font-size:11px;color:#97aebe}
#login .auth-browse{font-size:13px;margin-top:24px}
#login .auth-close{top:18px;right:20px;font-size:26px}
@media(max-width:900px){#login .auth-card{width:min(560px,100%);min-height:680px;aspect-ratio:auto;padding:245px 24px 32px;background-size:auto 370px;background-position:left top;background-color:#07101b;border:1px solid #947b47;border-radius:8px}#login .auth-card:before{display:block;content:'';inset:160px 0 auto;height:215px;background:linear-gradient(transparent,#07101b);pointer-events:none}#login .auth-card>*{z-index:1}#login .auth-brand img{width:220px!important}#login.auth-screen[open]{padding:12px!important;align-items:flex-start}#login .auth-card h2{font-size:21px}}

#login .auth-card> :not(.auth-close){width:38%;align-self:flex-end;box-sizing:border-box}#login .auth-card #google-login{width:38%}@media(max-width:900px){#login .auth-card> :not(.auth-close),#login .auth-card #google-login{width:100%}}

#login .auth-divider{margin:12px 0;min-height:16px;flex-shrink:0}
@media(max-width:900px){#login .auth-brand{background:#07101b;isolation:isolate}}