/* Reference coordinates share one uniform scale, including short screens. */
#Clogin .panel {position:absolute;left:50%;top:50%;width:1920px;height:1080px;padding:0;transform:translate(-50%,-50%) scale(var(--intro-scale,1));transform-origin:center;}
#Clogin .logo {top:137px;left:50%;width:470px;margin:0;gap:0;transform:translateX(-50%);}
#Clogin .logo .legend-word {width:470px;height:auto;}
#Clogin .logo .legend-tag {width:448px;height:auto;margin-top:-9px;}
#Clogin .auth-card {top:491px;left:50%;width:380px;max-width:none;transform:translateX(-50%);gap:0;}
#Clogin .btn {height:60px;min-height:60px;border-radius:13px;padding:12px 18px;font:600 19px Arial,sans-serif;gap:15px;}
#Clogin .btn-fb {background:#4383ec;margin-bottom:79px;}
#Clogin .btn-google {margin-bottom:30px;}
#Clogin .btn .ico,#Clogin .btn .ico svg {width:25px;height:25px;}
#Clogin .footer {position:absolute;bottom:77px;left:0;right:0;}
#Clogin .copyright {font:600 25px Arial,sans-serif;letter-spacing:1px;color:#eeeeee;}
#Clogin .socials {font:600 46px Arial,sans-serif;height:60px;margin-top:25px;gap:20px;color:#888;}

#Clogin .socials svg {width:44px;height:48px;}

/* Crisp text with a separate, breathing RGB halo; fixed bounds prevent movement. */
.plt-neon-welcome {position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.plt-neon-welcome span {display:block;padding:36px 24px;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(30px,4.1vw,72px);font-weight:800;letter-spacing:.025em;line-height:1.2;color:#fff4ff;text-align:center;text-shadow:0 0 2px #fff, -2px 0 5px #ff256f,2px 0 5px #16eaff,0 0 14px #ce26ff,0 0 30px #a300ff,0 0 55px #5425ff;will-change:filter,opacity;}

/* Login and loading use the original single-mascot black reference artwork. */
body:not(.plt-game-background), body.plt-intro-loading,
#loginGameX, #Clogin {background:#000 url('assets/Login Page Background.png?v=opening-original-oct16') center/cover no-repeat !important;}
#Clogin .logo {top:130px;width:500px;}
#Clogin .logo .legend-word {width:500px;}
#Clogin .logo .legend-tag {width:500px;margin-top:-3px;}
#Clogin .auth-card {top:443px;}
#Clogin .btn {border-radius:16px;font:600 18px Arial,sans-serif;box-shadow:none;}
#Clogin .btn-fb {background:#6475e7;margin-bottom:59px;position:relative;}
#Clogin .btn-fb::after {content:'COMING\A SOON';white-space:pre;position:absolute;right:-45px;top:-14px;width:88px;padding:10px 4px;border-radius:11px;background:linear-gradient(#e4d947,#c4a321);color:#b32d20;font:900 19px/1.1 'Arial Narrow',Arial,sans-serif;transform:rotate(-28deg);pointer-events:none;}
#Clogin .btn-google {background:#fff;margin-bottom:28px;}
#Clogin .footer {bottom:35px;}
#Clogin .copyright {font-family:'Roboto Condensed',Arial,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.5px;}
#Clogin .socials {height:82px;margin-top:24px;gap:24px;}
#Clogin .socials svg {width:68px;height:80px;}
@font-face {font-family:'Roboto Condensed';src:url('assets/fonts/RobotoCondensed.ttf') format('truetype');font-display:swap;}

#Clogin .logo .legend-tag {width:448px;}
#Clogin .btn {font-family:Arial,sans-serif;font-weight:400;}

/* Social providers now have a real integration; setup is shown below the buttons. */
#Clogin .btn-fb::after {display:none;}
#plt-auth-status {margin-top:14px;min-height:18px;}