/* Scoped account UI. The launcher's game controls keep their own styling. */
.cynnx-account-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;justify-self:end;min-width:0;max-width:100%;font-size:13px}
.cynnx-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid #ffffff30;border-radius:9px;background:#191b21;color:#f5f3eb;font:700 13px/1.25 Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:none;text-align:center;transition:background .15s,border-color .15s}
.cynnx-account-button:hover{background:#24272e;border-color:#ffffff60}
.cynnx-account-button:focus-visible,.cynnx-account-close:focus-visible{outline:2px solid #cbff73;outline-offset:3px}
.cynnx-account-button:disabled{opacity:.65;cursor:wait}
.cynnx-account-button[data-account-state="unavailable"]{opacity:.72}
.cynnx-google-button{background:#fff;color:#1f1f1f;border-color:#d5d7da;font-family:Arial,Helvetica,sans-serif;font-weight:600}
.cynnx-google-button:hover{background:#f0f3f7;border-color:#b9bec5}
.cynnx-google-icon{display:flex;align-items:center;flex:0 0 18px;width:18px;height:18px}
.cynnx-google-icon svg{display:block;width:18px;height:18px}
.cynnx-account-subtle{background:#ffffff0a}
.cynnx-account-button.cynnx-phantom-button{background:#ab9ff2;border-color:#ab9ff2;color:#191919}
.cynnx-account-button.cynnx-phantom-button:hover{background:#bdb3f5;border-color:#bdb3f5}
.cynnx-phantom-icon{display:block;flex:0 0 20px;width:20px;height:20px;object-fit:contain}
.cynnx-account-provider{display:flex;align-items:center;gap:6px}
.cynnx-account-provider .cynnx-phantom-icon{flex-basis:18px;width:18px;height:18px}
.cynnx-provider-check{display:flex;flex:0 0 12px;width:12px;height:12px;color:#9bdda2}
.cynnx-provider-check svg{display:block;width:12px;height:12px}
.cynnx-account-name{max-width:160px}
.cynnx-account-name .cynnx-account-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cynnx-account-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#cynnx-account-dialog{padding:0;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid #424449;border-radius:17px;background:#16181c;color:#f5f3eb;overflow:auto;box-shadow:0 20px 100px #0008}
#cynnx-account-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.cynnx-account-panel{padding:24px}
.cynnx-account-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.cynnx-account-panel-head h2{margin:0;font:800 23px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.4px}
.cynnx-account-close{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:50%;background:#ffffff0a;color:#f5f3eb;font:28px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.cynnx-account-description{margin:0 0 18px;font-size:15px;line-height:1.55;color:#bfc3c9}
.cynnx-account-player{font-size:20px;font-weight:700;margin:0 0 18px;overflow-wrap:anywhere}
.cynnx-username-form{margin:0 0 24px}
.cynnx-username-label{display:block;margin:0 0 8px;font-size:14px;font-weight:700;color:#bfc3c9}
.cynnx-username-row{display:flex;align-items:stretch;gap:8px}
.cynnx-username-input{min-width:0;width:100%;padding:10px 12px;border:1px solid #ffffff38;border-radius:9px;background:#ffffff08;color:#f5f3eb;font:700 16px/1.25 Arial,Helvetica,sans-serif}
.cynnx-username-input:focus-visible{outline:2px solid #cbff73;outline-offset:3px}
.cynnx-username-row button{flex:0 0 auto}
.cynnx-username-help{margin:8px 0 0;color:#a1a5aa;font-size:12px;line-height:1.5}
.cynnx-account-identities{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;margin:0 0 24px;font-size:14px;line-height:1.5}
.cynnx-account-identities dt{color:#a1a5aa;font-weight:700}
.cynnx-account-identities dd{margin:0;overflow-wrap:anywhere}
.cynnx-account-wallets{display:grid;gap:8px}
.cynnx-account-wallet{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.cynnx-account-panel-actions{display:flex;flex-wrap:wrap;gap:10px}
.cynnx-account-panel-status{margin:18px 0 0;color:#cbff73;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.cynnx-account-panel-status:empty{display:none}
.cynnx-account-panel-status.cynnx-account-error{color:#ffb8bb}
.cynnx-account-download{margin-bottom:2px}
.nav:has(#cynnx-account-controls){height:auto;min-height:102px;gap:24px;flex-wrap:wrap;padding-block:20px}
.nav #cynnx-account-controls{margin-left:auto}
@media(max-width:1100px){
 .topbar:has(#cynnx-account-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand filters" "account account"}
 .topbar:has(#cynnx-account-controls) .brand{grid-area:brand}
 .topbar:has(#cynnx-account-controls) .filters{grid-area:filters;justify-self:end}
 .topbar #cynnx-account-controls{grid-area:account;justify-self:end}
}
@media(max-width:760px){
 .topbar:has(#cynnx-account-controls){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand filters" "account account";gap:14px}
 .topbar #cynnx-account-controls{width:100%;justify-content:center;justify-self:stretch}
 .nav #cynnx-account-controls{width:100%;justify-content:center;margin-left:0}
 .cynnx-account-controls>.cynnx-account-button{flex:1 1 0;min-width:0;max-width:200px}
 .cynnx-account-name{max-width:130px}
 .cynnx-account-button{padding:10px 11px}
}
@media(max-width:400px){
 .cynnx-account-controls{gap:7px}
 .cynnx-account-controls>.cynnx-account-button{padding:9px 8px;font-size:12px;gap:6px}
 .topbar:has(#cynnx-account-controls) .filters button{padding-inline:13px}
 .cynnx-account-panel{padding:18px}
 .cynnx-account-panel-head h2{font-size:21px}
 .cynnx-account-panel-actions>.cynnx-account-button{flex:1 1 140px}
}
.cynnx-account-controls>.cynnx-linked-provider{flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;padding:4px;gap:3px;background:transparent;border-color:transparent}
.cynnx-account-controls>.cynnx-linked-provider:hover{background:#ffffff0a;border-color:#ffffff30}
@media(prefers-reduced-motion:reduce){.cynnx-account-button{transition:none}}