:root{--ga-purple:#7357ee;--ga-blue:#2f80ed;--ga-pink:#ff72b6;--ga-yellow:#ffda56;--ga-ink:#352b63;--ga-muted:#72698d;--ga-line:#e7e1ff}
*{box-sizing:border-box}.game-auth-portal{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#fff0c9 0 14%,transparent 34%),radial-gradient(circle at 88% 14%,#e8ddff 0 14%,transparent 33%),linear-gradient(145deg,#fff9ef,#f2f6ff 52%,#fff1fa);font-family:"Noto Sans Thai",Tahoma,sans-serif;color:var(--ga-ink)}
.game-auth-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(115,87,238,.12)}.game-auth-nav{width:min(1180px,calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.game-auth-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ga-purple)}.game-auth-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,#ffe270,#ff8bc5);box-shadow:0 9px 20px rgba(255,114,182,.25);font-size:24px}.game-auth-brand b{font-size:1.12rem;letter-spacing:.06em}.game-auth-brand small{padding:4px 8px;border-radius:999px;background:#eee9ff;color:#674de1;font-weight:800}.game-auth-nav nav{display:flex;align-items:center;gap:10px}.game-auth-nav nav a{padding:10px 13px;border-radius:12px;text-decoration:none;color:#51476f;font-weight:700}.game-auth-nav nav a:hover{background:#f0ecff;color:#674de1}
.game-auth-main{min-height:calc(100vh - 140px);padding:52px 16px}.game-auth-flashes{width:min(980px,100%);margin:0 auto 18px}.game-auth-alert{padding:13px 16px;border-radius:16px;background:#eef4ff;border:1px solid #cad9ff;font-weight:700}.game-auth-alert.is-error{background:#fff0f3;border-color:#ffc6d2;color:#b12b48}.game-auth-alert.is-success{background:#eafff2;border-color:#9fe3b8;color:#167440}
.game-auth-shell{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(370px,.98fr);border:1px solid rgba(115,87,238,.14);border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(70,49,131,.16)}.game-auth-shell.is-single{display:block;width:min(570px,100%)}.game-auth-visual{position:relative;overflow:hidden;padding:64px 54px;background:linear-gradient(145deg,#7256ee,#3186ef);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:650px}.game-auth-visual::before,.game-auth-visual::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}.game-auth-visual::before{width:260px;height:260px;right:-80px;top:-70px}.game-auth-visual::after{width:190px;height:190px;left:-70px;bottom:-40px}.game-auth-visual.is-register{background:linear-gradient(145deg,#ff70b5,#7a59ed 58%,#3f8ef4)}.game-auth-mascot{position:relative;z-index:1;display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.25);font-size:52px;box-shadow:0 18px 35px rgba(33,24,93,.22);margin-bottom:28px}.game-auth-visual small{position:relative;z-index:1;font-weight:900;letter-spacing:.12em;color:#ffed8b}.game-auth-visual h1{position:relative;z-index:1;font-family:"Mali",cursive;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.18;margin:14px 0}.game-auth-visual p{position:relative;z-index:1;font-size:1.08rem;line-height:1.8;color:#f5f2ff}.game-auth-visual>div{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.game-auth-visual>div span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-weight:800;font-size:.92rem}
.game-auth-card{padding:54px 50px;background:rgba(255,255,255,.97)}.game-auth-shell.is-single .game-auth-card{border-radius:30px}.game-auth-eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f0ecff;color:#674de1;font-weight:900;font-size:.8rem}.game-auth-card h2{font-family:"Mali",cursive;font-size:2.2rem;margin:15px 0 5px}.game-auth-card>p{color:var(--ga-muted);line-height:1.7}.game-auth-facebook{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;margin-top:24px;border-radius:15px;background:#1877f2;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 22px rgba(24,119,242,.22)}.game-auth-facebook b{font-family:Arial;font-size:1.4rem}.game-auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#9a91ad;font-size:.83rem}.game-auth-divider::before,.game-auth-divider::after{content:"";height:1px;background:var(--ga-line);flex:1}.game-auth-form{display:grid;gap:16px}.game-auth-form label{display:grid;gap:7px}.game-auth-form label>span{font-size:.9rem;font-weight:800;color:#50466e}.game-auth-form input{width:100%;min-height:50px;border:1.5px solid #ddd6f7;border-radius:14px;padding:0 15px;background:#fbfaff;color:#342a5c;font:inherit;outline:none}.game-auth-form input:focus{border-color:#8067ef;box-shadow:0 0 0 4px rgba(128,103,239,.12);background:#fff}.game-auth-password{position:relative}.game-auth-password input{padding-right:72px}.game-auth-password button{position:absolute;right:8px;top:8px;height:34px;border:0;border-radius:10px;background:#eee9ff;color:#654bd7;font-weight:800;cursor:pointer}.game-auth-form-row{display:flex;justify-content:flex-end}.game-auth-form-row a,.game-auth-switch a{color:#674de1;font-weight:800;text-decoration:none}.game-auth-submit{min-height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#7357ee,#3d8bf3);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 13px 27px rgba(96,75,221,.25);display:flex;align-items:center;justify-content:center;gap:12px}.game-auth-submit:hover{transform:translateY(-1px);filter:saturate(1.1)}.game-auth-submit span{font-size:1.25rem}.game-auth-switch{text-align:center;margin:22px 0 0!important}.game-auth-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;background:#eee9ff;color:#6148d4;text-decoration:none;font-weight:900;margin-top:18px}.game-auth-debug{display:block;word-break:break-all;margin:14px 0;color:#654bd7}.game-auth-footer{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:22px;color:#746b88;font-size:.9rem}.game-auth-footer a{color:#6555b5;text-decoration:none;font-weight:700}
@media(max-width:820px){.game-auth-main{padding:24px 12px}.game-auth-shell{grid-template-columns:1fr;border-radius:25px}.game-auth-visual{min-height:auto;padding:35px 28px}.game-auth-mascot{width:76px;height:76px;font-size:38px;margin-bottom:18px}.game-auth-visual h1{font-size:2.15rem}.game-auth-card{padding:34px 25px}.game-auth-nav nav a:not(:last-child){display:none}}
@media(max-width:480px){.game-auth-nav{width:min(100% - 20px,1180px);min-height:66px}.game-auth-brand b{font-size:.96rem}.game-auth-brand small{display:none}.game-auth-card h2{font-size:1.85rem}.game-auth-visual{padding:28px 22px}.game-auth-visual>div{display:none}}