/* Cuenta de jugador, ranking y estado en vivo (DMOWeb Engine). Usa las variables del tema EpicMU. */
.nav__account{background:none;border:1px solid #75623b;color:var(--e-gold-l);font:800 10px var(--body);letter-spacing:1.3px;text-transform:uppercase;min-height:44px;padding:0 14px;margin-top:8px;cursor:pointer}
.nav__account:hover,.nav__account.is-logged{border-color:var(--e-cyan);color:var(--e-cyan)}
@media (min-width:801px){.nav__account{margin:0 0 0 10px;min-height:0;height:32px}}

.dmo-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:24px 22px;background:var(--e-body);color:var(--text);border:1px solid var(--e-border2);border-top:2px solid var(--e-gold);box-shadow:0 24px 80px #000c}
.dmo-dialog::backdrop{background:#04070dcc;backdrop-filter:blur(2px)}
.dmo-dialog h2{margin:0 28px 14px 0;font-size:20px}
.dmo-dialog h3{margin:16px 0 8px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--e-gold-l)}
.dmo-dialog label{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#aeb7c9}
.dmo-dialog label[hidden],.dmo-dialog form[hidden],.dmo-dialog section[hidden]{display:none}
.dmo-close{position:absolute;top:8px;right:10px;width:36px;height:36px;background:none;border:0;color:#aeb7c9;font-size:26px;line-height:1;cursor:pointer}
.dmo-close:hover{color:#fff}
.dmo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.dmo-feedback{margin:0 0 12px;padding:9px 12px;border:1px solid var(--e-border2);background:#0c1622;color:#c7d4e2;font-size:12px}
.dmo-feedback.is-error{border-color:#8a3b4e;color:#ffb3c2;background:#2a1118}
.dmo-chars{list-style:none;margin:0 0 12px;padding:0}
.dmo-chars li{padding:8px 0;border-bottom:1px solid #202837;font-size:12px}
.dmo-link{display:block;margin:14px 0 0;color:var(--e-cyan);font-size:12px}
.dmo-link:hover{color:#fff}
.dmo-pass{margin:14px 0}
.dmo-pass summary{cursor:pointer;color:var(--e-cyan);font-size:12px;margin-bottom:10px}

.rank-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 14px}
.rank-tools input[type=search]{flex:1;min-width:180px}
.rank-tools select{width:auto;min-width:170px}
.rank-wrap{overflow-x:auto;border:1px solid var(--e-border2);background:var(--e-body)}
.rank-table{width:100%;border-collapse:collapse;font-size:13px}
.rank-table th{padding:12px 14px;text-align:left;background:var(--e-head);border-bottom:1px solid var(--e-border2);color:#dfeaf5;font:800 11px var(--body);letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.rank-table td{padding:10px 14px;border-bottom:1px solid #1e2735;white-space:nowrap}
.rank-table tbody tr:hover{background:#ffffff08}
.rank-table tbody tr:nth-child(-n+3) .rank-pos{color:var(--e-gold-l);font-weight:800}
.rank-pos{color:var(--e-gold);width:56px}
.rank-name{color:#fff;font-weight:700}
@media (max-width:600px){.rank-table th,.rank-table td{padding:9px 10px}}

/* Campos del diálogo: mismo aspecto siempre, también con el autocompletado del navegador */
.dmo-dialog input{width:100%;min-height:44px;padding:10px 12px;background:#0a0f16;color:var(--text);border:1px solid var(--e-border2);border-radius:0;font:inherit;text-transform:none;letter-spacing:0}
.dmo-dialog input:focus{outline:2px solid var(--e-gold);outline-offset:1px;border-color:var(--e-gold)}
.dmo-dialog input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px #0a0f16 inset;caret-color:var(--text)}

/* Botones de registro (se ocultan al iniciar sesión) */
[data-dmo-guest][hidden]{display:none!important}
button.hero-cta,button.outline-button{font-family:inherit;cursor:pointer}
button.outline-button{width:100%;background:none}