#login-screen{--login-bg-0:#0a111b;--login-bg-1:#111f2f;--login-bg-2:#173148;--login-panel:rgba(10, 19, 30, 0.84);--login-panel-border:rgba(75, 206, 187, 0.28);--login-text:#e7f4ff;--login-muted:#93b2cb;--login-accent:#4fdec7;--login-accent-strong:#6af0db;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px;color:var(--login-text);background:radial-gradient(1200px 600px at 18% 8%,#21486f 0%,transparent 62%),radial-gradient(950px 500px at 90% 88%,#183a57 0%,transparent 67%),linear-gradient(152deg,var(--login-bg-0) 0%,var(--login-bg-1) 50%,var(--login-bg-2) 100%)}#login-screen .login-card{width:min(620px,100%);background:var(--login-panel);border:1px solid var(--login-panel-border);border-radius:16px;padding:28px 24px;box-shadow:0 24px 64px rgba(0,0,0,.45);backdrop-filter:blur(8px);text-align:center}#login-screen .login-logo{width:min(400px,88vw);height:auto;margin-bottom:14px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}#login-screen h1{margin:0;font-size:clamp(1.55rem,2.8vw,2rem);letter-spacing:.03em}#login-screen .login-copy{margin:12px auto 0;max-width:44ch;line-height:1.5;color:var(--login-muted)}#login-screen #auth-title{margin:16px 0 20px;color:var(--login-accent-strong);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.auth-form{display:flex;flex-direction:column;gap:10px;width:min(360px,100%);margin:0 auto}#login-screen .auth-inline-links{margin-top:2px;display:flex;justify-content:flex-end}#login-screen .auth-secondary-form{margin-top:4px}#login-screen .auth-secondary-actions{display:flex;gap:10px;margin-top:6px}#login-screen .auth-secondary-actions button{flex:1}#login-screen .auth-support-note{margin:0;color:var(--login-muted);font-size:.75rem;line-height:1.45;text-align:left}#login-screen .auth-support-note a{color:var(--login-accent-strong);text-decoration:none}#login-screen .auth-status{width:min(360px,100%);margin:12px auto 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(79,222,199,.18);background:rgba(7,20,32,.56);color:var(--login-text);font-size:.8rem;line-height:1.45;text-align:left;display:none}#login-screen .auth-status-error{border-color:rgba(232,106,127,.45);background:rgba(70,20,28,.52);color:#ffd8df}#login-screen .auth-status-success{border-color:rgba(106,240,219,.42);background:rgba(11,43,41,.52);color:#dcfff8}#login-screen .auth-legal-note{width:min(360px,100%);margin:14px auto 0;color:var(--login-muted);font-size:.78rem;line-height:1.5}#login-screen .auth-legal-note a{color:var(--login-accent-strong);text-decoration:none}#login-screen .auth-legal-note a:hover{color:var(--login-text)}#login-screen .auth-form input{width:100%;background:rgba(11,27,41,.72);border:1px solid rgba(79,222,199,.22);color:var(--login-text)}#login-screen .auth-form input::placeholder{color:var(--login-muted)}#login-screen #register-fields{display:flex;flex-direction:column;gap:10px}#login-screen #auth-btn{width:100%;background:linear-gradient(140deg,#2bb7a7 0%,var(--login-accent) 100%);color:#072126;border:1px solid rgba(106,240,219,.7);box-shadow:0 10px 22px rgba(79,222,199,.28)}#login-screen #auth-btn:hover{background:linear-gradient(140deg,#34c4b3 0%,var(--login-accent-strong) 100%)}#login-screen #auth-btn:disabled{opacity:.65;box-shadow:none}.browser-steam-login-actions{margin-top:10px;text-align:center}#login-screen .steam-openid-image-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:0;padding:0;background:0 0;border:0;box-shadow:none;line-height:0;transition:transform .2s ease,filter .2s ease}#login-screen .steam-openid-image-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}#login-screen .steam-openid-image-btn img{display:block;width:114px;height:43px}#login-screen .link-button{color:var(--login-accent-strong);text-decoration:none;border-bottom:1px dashed rgba(106,240,219,.55)}#login-screen .link-button:hover{color:var(--login-text);border-bottom-color:rgba(231,244,255,.65)}.steam-auth-panel{width:min(420px,100%);margin:16px auto 0;padding:14px;border:1px solid rgba(79,222,199,.2);border-radius:12px;background:rgba(7,20,32,.56)}.steam-auth-message{font-size:.85em;color:var(--login-muted);margin-bottom:12px;white-space:pre-line}.steam-auth-form{display:flex;flex-direction:column;gap:10px}.steam-auth-form input{width:100%}.steam-auth-actions{display:flex;gap:8px;flex-wrap:wrap}.steam-auth-actions button{flex:1;min-width:130px}#steam-auth-choice-actions button{min-width:100%}@media(max-width:560px){#login-screen{padding:16px}#login-screen .login-card{padding:20px 16px}#login-screen .login-copy{font-size:.92rem}#login-screen .auth-secondary-actions{flex-direction:column}.steam-auth-actions button{min-width:100%}}.wallet-row{position:relative}.floating-text{position:absolute;left:100%;margin-left:10px;top:0;color:var(--accent-color);font-weight:700;pointer-events:none;animation:floatUpFade 1s forwards;white-space:nowrap;text-shadow:0 0 5px var(--accent-color);z-index:10}@keyframes floatUpFade{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}#reconnecting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100}.reconnecting-content{text-align:center;color:var(--text-color);max-width:460px;width:min(90vw,460px);padding:0 0 24px;background:var(--panel-bg);border:var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);backdrop-filter:var(--panel-backdrop-filter,none);overflow:hidden}.reconnecting-content h2{display:block;margin:0 0 18px;padding:var(--panel-header-padding,8px 14px);background:var(--panel-header-bg);color:var(--panel-header-color);font-size:var(--panel-header-font-size,1.05em);font-weight:700;letter-spacing:.1em;text-align:left}.reconnecting-stage{margin:0 28px 10px;color:var(--accent-color);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.reconnecting-detail{margin:0 28px 20px;color:var(--dim-color);line-height:1.5}.reconnecting-spinner{width:40px;height:40px;margin:0 auto;border:3px solid var(--dim-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#app.blurred{filter:blur(8px);pointer-events:none}