.asen-copy-wrap{display:inline-flex;align-items:center;gap:.2em;margin-right:.65em;vertical-align:middle;max-width:100%}
.asen-copy-text,.asen-copy-icon{appearance:none;border:0;background:transparent;color:inherit;cursor:copy;padding:.12em .2em;font:inherit;overflow-wrap:anywhere}
.asen-copy-text:hover,.asen-copy-icon:hover{text-decoration:underline}
.asen-copy-icon{opacity:.54;font-size:.85em;transition:opacity .15s}
.asen-copy-icon:hover,.asen-copy-icon:focus-visible{opacity:1}
#memberIdentity{display:flex;flex-wrap:wrap}
#memberNickname{margin:0 0 1em 3em}
.asen-copy-field{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%}
.asen-copy-field>input,.asen-copy-field>textarea{min-width:0;flex:1}
.asen-copy-field>.asen-copy-icon{flex:none;min-width:28px;min-height:32px;margin:0}
.brand-domain-row{grid-column:1;grid-row:2;display:flex;align-items:center;gap:3px;max-width:144px;min-width:0;transform-origin:top left}
html.asen-geometry-locked .brand-domain-row #brandDomain,.brand-domain-row #brandDomain{width:auto;min-width:max-content;flex:0 0 auto;font-size:clamp(10px,3.6vw,15px);line-height:20px;margin:0;transform:none;gap:0;letter-spacing:0;overflow:visible;text-overflow:clip;display:block;white-space:nowrap}
.brand-domain-row>.asen-copy-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:16px;line-height:20px;height:20px;padding:0 2px;min-width:20px;margin:0;opacity:.85;align-self:center;transform:none}
.brand [data-route]{cursor:pointer}
html.asen-touch-guard .asen-copy-text,html.asen-touch-guard .asen-copy-field [role=button]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
#playerCustomerFields{display:grid;gap:10px}
#playerCustomerFields .asen-copy-wrap{margin:0}

.asen-copy-icon svg{display:block;pointer-events:none;flex:none}.asen-copy-wrap>.asen-copy-icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:28px}
button.asen-copy-icon::before{display:none}


/* Keep the complete address and its copy affordance together. */
.topbar .brand{position:relative}
.brand-domain-row{max-width:none;width:max-content}
.brand-domain-row #brandDomain{cursor:copy}
.brand .brand-symbol,.brand #brandName{cursor:copy}
.brand-copy-status{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);z-index:20;padding:5px 10px;border:1px solid #a88955;border-radius:7px;background:#171e29;color:#f6d697;font:12px/1.4 system-ui;white-space:nowrap;box-shadow:0 3px 12px #0007}
.brand-copy-status[hidden]{display:none}

/* A phone has no hover title: show the result beside every copied field. */
.asen-copy-status{position:fixed;z-index:2147483000;box-sizing:border-box;max-width:calc(100vw - 16px);padding:5px 9px;border:1px solid #a88955;border-radius:7px;background:#171e29;color:#f6d697;font:12px/1.4 system-ui,sans-serif;text-align:center;overflow-wrap:anywhere;box-shadow:0 3px 12px #0007;pointer-events:none}
.asen-copy-status[data-result=failure]{border-color:#b88174;color:#ffb6a6}
.asen-copy-status[hidden]{display:none}