.auth-stage{z-index:60;background:radial-gradient(120% 90% at 50% -10%, #143253 0%, var(--bg) 62%);color:var(--text);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.auth-bg{pointer-events:none;position:absolute;inset:0}.auth-orb{filter:blur(60px);opacity:.4;border-radius:50%;position:absolute}.auth-orb.one{background:var(--mint);width:380px;height:380px;top:-60px;left:-80px}.auth-orb.two{background:var(--gold);opacity:.28;width:420px;height:420px;bottom:-120px;right:-100px}.auth-splash{color:var(--muted);justify-items:center;gap:14px;display:grid}.auth-splash img{opacity:.9;width:54px;height:54px;animation:1.4s ease-in-out infinite authPulse}.auth-splash span{letter-spacing:.06em;font-size:13px}.auth-panel{border:2px solid var(--mint);background:linear-gradient(#ffffff0d,#0000 30%),linear-gradient(160deg,#16324e,#0b1a2b);border-radius:16px;gap:16px;width:min(420px,100%);padding:22px 24px 24px;animation:.24s cubic-bezier(.2,1.3,.4,1) both authPop;display:grid;position:relative;box-shadow:0 8px #0000006b,0 26px 60px #0009,inset 0 1px #ffffff1f}.auth-head{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand img{width:30px;height:30px}.auth-brand span{letter-spacing:-.01em;font-size:20px;font-weight:900}.auth-head small{color:var(--mint);letter-spacing:.18em;font-size:11px;font-weight:800}.auth-intro h1{margin:0 0 6px;font-size:22px;font-weight:900}.auth-intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-tabs{border:1px solid var(--line);background:#00000047;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:800;transition:background .14s,color .14s}.auth-tabs button.active{color:#0b1a2b;background:linear-gradient(180deg, var(--gold2), var(--gold));box-shadow:0 2px #0000004d}.auth-fields{gap:12px;display:grid}.auth-field{gap:6px;display:grid}.auth-field span{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.auth-field input{border:2px solid var(--line);width:100%;color:var(--text);background:#040c1699;border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .14s,box-shadow .14s}.auth-field input::placeholder{color:#aab6c680}.auth-field input:focus{border-color:var(--mint);outline:none;box-shadow:0 0 0 3px #45e0b22e}.auth-error{color:#ffb4b4;background:#ff50501f;border:1px solid #ff787866;border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px}.auth-error.context{color:#c8f8e9;background:#45e0b21a;border-color:#45e0b273}.auth-submit{border:2px solid color-mix(in srgb, var(--gold) 55%, #000);background:linear-gradient(180deg, var(--gold2), var(--gold));color:#241a07;letter-spacing:.01em;cursor:pointer;border-radius:11px;padding:13px 16px;font-size:15px;font-weight:900;transition:transform .1s,filter .12s;box-shadow:0 4px #0000006b,inset 0 1px #fff6}.auth-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000006b}.auth-submit:disabled{opacity:.65;cursor:default}.auth-switch{text-align:center;color:var(--muted);margin:0;font-size:12.5px}.auth-switch button{color:var(--mint);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.auth-switch button:hover{text-decoration:underline}.onboard-stage{border:2px solid var(--line);background:radial-gradient(80% 80% at 50% 30%,#45e0b21f,#0000 70%),#040c1680;border-radius:12px;place-items:center;min-height:168px;padding:10px;display:grid}.onboard-skins{grid-template-columns:1fr 1fr;gap:10px;display:grid}.onboard-skin{border:2px solid var(--line);color:var(--text);cursor:pointer;background:linear-gradient(#1b2c3f,#101d2c);border-radius:12px;justify-items:center;gap:6px;padding:14px 10px 12px;transition:transform .1s,border-color .12s,filter .12s;display:grid;box-shadow:0 4px #0006,inset 0 1px #ffffff0f}.onboard-skin span{background:#0000004d;border:2px solid #ffffff1f;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.onboard-skin span img{object-fit:cover;width:100%;height:100%}.onboard-skin b{font-size:14px;font-weight:800}.onboard-skin em{color:var(--muted);text-align:center;font-size:11px;font-style:normal;line-height:1.35}.onboard-skin:hover{filter:brightness(1.05);transform:translateY(-2px)}.profile-account{border:1px solid var(--line);background:#040c1659;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;display:flex}.profile-account>span{color:var(--muted);font-size:12px}.profile-account>span b{color:var(--text);font-weight:700}.profile-logout{border:2px solid color-mix(in srgb, var(--gold) 45%, #000);color:var(--gold);cursor:pointer;background:linear-gradient(#1b2c3f,#101d2c);border-radius:9px;padding:8px 14px;font-size:12px;font-weight:800;transition:transform .1s,filter .12s;box-shadow:0 3px #0006}.profile-logout:hover{filter:brightness(1.08);transform:translateY(-1px)}.profile-logout:active{transform:translateY(2px);box-shadow:0 1px #0006}@keyframes authPop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes authPulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.auth-panel,.auth-splash img{animation:none}}.auth-guest{color:#d8fff3;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#45e0b21a;border:2px solid #45e0b28c;border-radius:12px;margin-top:12px;font-size:14px;font-weight:850}.auth-guest:hover{background:#45e0b22e}.auth-guest:focus-visible{outline-offset:3px;outline:3px solid #fff3a8}.auth-panel{background:linear-gradient(160deg,#183d58 0%,#102b43 55%,#091a2d 100%);border:3px solid #eab23e;border-radius:26px;width:min(468px,100%);padding:18px 22px 24px;box-shadow:0 8px #061522,0 28px 70px #0009,inset 0 1px #fff2}.auth-panel:before{content:"";pointer-events:none;border:1px solid #72f2d02e;border-radius:19px;position:absolute;inset:8px}.auth-quest-banner{z-index:1;background:linear-gradient(145deg,#0e2b40,#0a1e31);border:2px solid #5ee7c0;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 66px;align-items:center;gap:11px;min-height:78px;padding:10px 12px;display:grid;position:relative;box-shadow:0 5px #061522,0 10px 24px #0004}.auth-quest-icon{background:linear-gradient(145deg,#ffd65e,#dc9423);border:2px solid #ffe59a;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 3px #8e5d16}.auth-quest-icon img{border-radius:10px;width:37px;height:37px}.auth-quest-banner small,.auth-quest-banner b,.auth-quest-banner span{display:block}.auth-quest-banner small{color:#71f0ce;letter-spacing:.1em;font-size:10px;font-weight:950}.auth-quest-banner b{color:#fff;margin-top:4px;font-size:15px;line-height:1.2}.auth-quest-banner span{color:#ffd86d;margin-top:5px;font-size:11px;font-weight:800}.auth-quest-banner span i{background:#ffd15d;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #ffd15d}.auth-hero-avatar{object-fit:contain;filter:drop-shadow(0 5px 4px #0008);align-self:end;width:66px;height:76px;animation:3s ease-in-out infinite authAvatarFloat}.auth-head{border-bottom-color:#b7d5e240;padding:15px 2px 13px}.auth-brand span{font-size:22px}.auth-head small{color:#79f2d1;font-size:11px!important}.auth-intro{padding:2px}.auth-intro h1{letter-spacing:-.03em;font-size:27px}.auth-intro p{color:#c5d5df;font-size:14px}.auth-tabs{border:2px solid #a3cddb33;border-radius:15px;padding:6px}.auth-tabs button{min-height:42px;font-size:14px}.auth-field span{color:#a9c5d1;font-size:12px}.auth-field input{background:#071a2b;border-color:#587387;border-radius:13px;min-height:50px;font-size:16px}.auth-field input:focus{border-color:#65efca;box-shadow:0 0 0 4px #45e0b22e}.auth-submit{border-radius:15px;min-height:52px;font-size:17px;box-shadow:0 5px #8d5b15,0 10px 18px #0004,inset 0 1px #fff8}.auth-guest{background:#0a2a3d;border-radius:15px}.auth-switch{color:#bfd0da;font-size:13px}.onboard-panel{width:min(540px,100%)}.onboard-banner{margin-bottom:2px}.onboard-stage{background:radial-gradient(circle at 50% 25%,#42dcb444,#0000 55%),#071a2b;border:2px solid #55788c;border-radius:18px;min-height:190px;box-shadow:inset 0 0 30px #0004}.onboard-skins{gap:12px}.onboard-skin{background:linear-gradient(160deg,#20465d,#10283e);border:2px solid #496d81;border-radius:16px;box-shadow:0 5px #061522}.onboard-skin b{font-size:15px}.onboard-skin em{color:#bfd0da;font-size:12px}.onboard-skin.selected{border-color:#65efca;box-shadow:0 5px #061522,0 0 0 4px #45e0b233}@keyframes authAvatarFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.auth-hero-avatar{animation:none}}@media (max-width:520px){.auth-stage{padding:14px}.auth-panel{border-radius:21px;padding:14px 16px 20px}.auth-quest-banner{grid-template-columns:42px minmax(0,1fr) 52px;gap:8px;padding:9px}.auth-quest-icon{width:42px;height:42px}.auth-quest-icon img{width:32px;height:32px}.auth-hero-avatar{width:52px;height:64px}.auth-quest-banner b{font-size:14px}.auth-quest-banner small{font-size:9px}}