.online-account-slot{margin:0 0 28px}.account-card{max-width:680px;margin:0 auto;padding:30px;border:1px solid #9eb6d12b;background:linear-gradient(140deg,#142131f5,#0c1524f5);color:#e9edf4}.account-kicker{font:10px/1.6 var(--mono);letter-spacing:1.8px;color:#ee7183}.account-card h2{font:500 clamp(25px,3vw,35px)/1.2 var(--sans);margin:10px 0 16px}.account-card p{font:13px/1.8 var(--sans);color:#aab9cd;margin:14px 0}.account-card .account-email{color:#f0d6dc;overflow-wrap:anywhere}.account-card small{display:block;font:11px/1.7 var(--mono);color:#99abc2}.account-tabs{display:flex;gap:9px;margin:20px 0}.account-card button{min-height:44px;border:1px solid #839bb741;background:#1b2a3e;color:#dbe6f4;font:11px/1.5 var(--mono);padding:11px 15px;cursor:pointer}.account-tabs button{flex:1}.account-tabs button[aria-pressed=true]{border-color:#ec6077;background:#e65b7620;color:#ffd8df}.account-card button:disabled{opacity:.55;cursor:wait}.account-card form{display:grid;gap:15px}.account-field{display:grid;gap:7px;font:11px/1.6 var(--mono);color:#bac9dc}.account-field input{width:100%;min-width:0;min-height:48px;box-sizing:border-box;padding:12px 14px;border:1px solid #839bb74a;background:#081321;color:#f0f4f8;font:16px/1.5 var(--sans);border-radius:0}.account-field input:focus-visible,.account-card button:focus-visible,.account-dialog-close:focus-visible,.online-account-manage:focus-visible{outline:2px solid #f0c9a0;outline-offset:3px}.account-card .primary{display:flex;align-items:center;justify-content:space-between;background:#ed5874;border-color:#ed5874;color:#131321;min-height:48px;width:100%;font-weight:600}.account-card .account-show{justify-self:start;font-size:10px;padding:8px 12px;min-height:44px}.account-card .account-text-action{margin-top:15px;background:transparent;text-align:left;border-color:transparent;color:#aebfd5;padding-inline:0}.account-notice{min-height:0;overflow-wrap:anywhere;color:#f2c3cf!important}.account-notice:empty{display:none}.account-key-actions{display:flex;gap:10px;margin:12px 0}.account-key-actions button{flex:1}.account-legacy{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #839bb72b;font:12px/1.6 var(--sans);cursor:pointer}.account-legacy input{width:22px;height:22px;min-width:22px;accent-color:#ed5874;margin:0}.account-legacy small{margin-top:5px}.account-manage-actions{display:grid;gap:12px;margin-top:22px}.account-manage-actions button{display:flex;justify-content:space-between;text-align:left}.account-manage-actions .account-sign-out{color:#f4b1c0;margin-top:14px}.account-key-screen .primary{margin-top:20px}.online-account-manage{font:11px/1.5 var(--mono);min-height:44px;min-width:80px;padding:8px 12px;border:1px solid #829ab744;background:#142035;color:#e2d9e6;margin-left:12px;cursor:pointer}.account-overlay{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:#030a13ce;backdrop-filter:blur(5px);overscroll-behavior:contain}.account-dialog{position:relative;max-height:calc(100dvh - 40px);width:min(680px,100%);overflow:auto;scrollbar-width:thin;scrollbar-color:#50647c #0b1423;background:#0c1524}.account-dialog .account-card{border:0;padding-top:42px}.account-dialog-close{position:absolute;right:9px;top:7px;width:44px;height:44px;z-index:2;background:transparent;border:0;color:#dce7f3;font:25px/1 var(--sans);cursor:pointer}.online-match-dialog .account-card{padding:18px 0;border:0;background:transparent}.online-match-dialog .account-card h2{font-size:25px}.online-match-dialog .account-tabs{display:flex}.online-match-dialog .account-card button{font-size:11px}.online-match-dialog .account-card form{display:grid}.online-match-dialog .account-card .primary{display:flex}.online-match-dialog .account-card p{font-size:12px}.online-match-dialog .account-card [data-account-key]{font-size:14px}
@media(max-width:760px){.account-card{padding:22px 18px}.account-card h2{font-size:27px}.account-card p{font-size:12px}.account-tabs{gap:7px}.account-card button{padding:10px 12px}.account-overlay{padding:12px}.account-dialog{max-height:calc(100dvh - 24px)}.online-account-manage{margin-left:8px;font-size:10px}.online-link-state:has(.online-account-manage){flex-wrap:wrap;gap:8px}.online-link-state .online-account-manage{margin-left:auto}}