/* RATL Arena — éléments propres au mode PvP, compteur de dégâts, icône de braises.
   Le PvP réutilise le HUD du raid : ici seulement ce qui s'y ajoute. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- Braises (icône d'ambre animée) ---- */
.ember{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.3em;margin:0 .1em;overflow:visible}
.ember.on{filter:drop-shadow(0 0 2px #ff8a2a) drop-shadow(0 0 5px #ff5a1a99);animation:embGlow 1.8s ease-in-out infinite alternate}
.ember.off{filter:grayscale(1) brightness(.55);opacity:.55}
@keyframes embGlow{0%{filter:drop-shadow(0 0 1.5px #ff8a2a) drop-shadow(0 0 3px #ff5a1a66)}100%{filter:drop-shadow(0 0 3px #ffc04a) drop-shadow(0 0 8px #ff6a1acc)}}
.ember-count{display:inline-flex;align-items:center;gap:5px;font-weight:800}
.ember-count .ember{width:20px;height:20px;vertical-align:middle}
.ember-count b{font-size:16px;color:#ffd98a;text-shadow:0 1px 2px #000;min-width:.7em;text-align:center}
.ember-count .em-max{color:#a89a7c;font-size:11px;font-weight:600;margin-left:-3px}
.ember-count.full .ember{animation:embGlow .7s ease-in-out infinite alternate;transform:scale(1.1)}
.em-hint{color:#cfc3a8;font-weight:500;font-size:12px;margin-left:8px}
@media (prefers-reduced-motion:reduce){.ember.on,.ember-count.full .ember{animation:none}}

/* ---- Sélecteur de mode (titre) ---- */
.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mode-tab{font:700 14px var(--font);color:var(--dim);background:#10151d;border:1px solid #434a55;border-radius:4px;padding:9px 6px;cursor:pointer;line-height:1.2;transition:background .15s,border-color .15s,color .15s}
.mode-tab small{display:block;font:500 11px var(--ui);color:#8d96a3;margin-top:2px}
.mode-tab:hover{border-color:var(--gold2);color:var(--txt)}
.mode-tab.on{color:#fff3d0;border-color:#dcc18a;background:linear-gradient(#3b3424,#1b1810);box-shadow:inset 0 0 0 1px #e8c35a40,0 0 14px #e8c35a22}
.mode-tab.on small{color:#d8c79a}
.fmt-row{display:flex;gap:6px;justify-content:center}.fmt-row[hidden]{display:none}
.fmt{flex:1;font:800 15px var(--font);padding:7px 0;color:var(--dim);background:#10151d;border:1px solid #434a55;border-radius:4px;cursor:pointer}
.fmt.on{color:#fff3d0;border-color:#dcc18a;background:linear-gradient(#3b3424,#1b1810)}
.fmt:hover{border-color:var(--gold2)}

/* ---- Salon PvP : deux équipes ---- */
body[data-mode=pvp] #screen-lobby{grid-template-columns:min(520px,46vw) 1fr}
.team-col{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.team-h{display:flex;align-items:center;gap:8px;font:800 13px var(--font);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:3px;border-left:4px solid var(--tc,#6fbaff);background:linear-gradient(90deg,color-mix(in srgb,var(--tc,#6fbaff) 22%,#10151d),#10151d 80%);color:color-mix(in srgb,var(--tc,#6fbaff) 70%,#fff)}
.team-h .tn{margin-left:2px;color:var(--dim);font:600 11px var(--ui);letter-spacing:0}
.team-h .btn{margin-left:auto;padding:3px 10px;font-size:11px}
.team-col.t0{--tc:#6fbaff}.team-col.t1{--tc:#ff7a66}
.slot .sel-col{display:flex;flex-direction:column;gap:3px;margin-left:auto;min-width:150px}
.slot .sel-col .dd{font-size:11px}
.vs-sep{text-align:center;font:900 13px var(--font);color:var(--gold2);letter-spacing:.3em;margin:-2px 0 6px}

/* ---- HUD PvP ---- */
#screen-hud.pvp #bossframe,#screen-hud.pvp #threat{display:none}
#pvp-top{position:absolute;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:stretch;gap:0;min-width:430px;border:1px solid #6b6250;border-radius:4px;background:linear-gradient(#20252ef2,#10141bf2);box-shadow:0 6px 20px #0008,inset 0 0 0 1px #090c11;overflow:hidden;pointer-events:none}
#pvp-top[hidden]{display:none}
.pt-team{flex:1;padding:8px 16px;font:800 14px var(--font);letter-spacing:.05em;display:flex;align-items:center;gap:10px;text-transform:uppercase}
.pt-team b{font:900 24px var(--font);color:#fff}
.pt-team.a{color:#8ec9ff;background:linear-gradient(90deg,#1c3a5c88,transparent)}
.pt-team.b{color:#ff9a88;background:linear-gradient(270deg,#5c1c1c88,transparent);justify-content:flex-end}
.pt-mid{padding:5px 16px;text-align:center;border-left:1px solid #3a3a3a;border-right:1px solid #3a3a3a;min-width:96px}
#pt-clock{font:900 20px var(--font);color:var(--gold);font-variant-numeric:tabular-nums}
#pt-fmt{font:700 10px var(--ui);color:var(--dim);letter-spacing:.14em;text-transform:uppercase}
#pt-damp{font:700 10px var(--ui);color:#e68a7c;min-height:12px}
#enemies{position:absolute;right:18px;top:96px;width:224px;display:flex;flex-direction:column;gap:7px}
#enemies[hidden]{display:none}
.pf.enemy{border-color:#7a3c36;background:linear-gradient(250deg,color-mix(in srgb,#d8534a 16%,#201418),#14101a 65%);cursor:crosshair}
.pf.enemy.sel{border-color:#ff9a7a;box-shadow:inset 3px 0 #ff7a5a,0 0 14px #ff5a3a66}
.pf.enemy .bar.r{display:none}
.pf.enemy .pf-name{color:#ffb4a4}
.pf.enemy.targeted:after{content:'';position:absolute;inset:-3px;border:2px dashed #ffcf70aa;border-radius:6px;pointer-events:none}
#pvp-extra{display:flex;gap:8px;pointer-events:auto}#pvp-extra[hidden]{display:none}
.px{font:600 12px var(--ui);color:#d8d2c0;background:linear-gradient(#2a303a,#141922);border:1px solid #5b5a52;border-radius:3px;padding:4px 10px;cursor:pointer}
.px kbd{display:inline-block;font:800 10px var(--ui);padding:1px 5px;margin-right:4px;border:1px solid #8a8266;border-radius:3px;background:#0c1119;color:#f0dfb0}
.px i{font-style:normal;color:#ffd98a;margin-left:6px;font-weight:800}
.px.cd{opacity:.5}.px.rdy{border-color:#dcc18a}
#screen-hud.pvp #p-target{color:#cfc3a8}

/* ---- Barres d'incantation (HUD) avec icône ---- */
#p-cast,.b-cast{overflow:hidden}
#pc-icon,#bc-icon{position:absolute;left:0;top:0;height:100%;width:auto;aspect-ratio:1;z-index:3;border-right:1px solid #000;image-rendering:auto}
#pc-name{padding-left:22px;z-index:2}#bc-name{left:28px!important;z-index:2}
#pc-fill,.bc-fill{z-index:1}

/* ---- Infobulles ---- */
#tooltip .tt-h{display:flex;gap:9px;align-items:center;margin-bottom:4px}
#tooltip .tt-ic{width:40px;height:40px;border-radius:5px;border:1px solid #000;flex:none;box-shadow:0 0 0 1px #a18a60}
#tooltip .tt-h .tt-n{line-height:1.15}#tooltip .tt-h .tt-m{margin:1px 0 0}

/* ---- Compteur de dégâts (style Details!) ---- */
#meter{position:absolute;right:18px;bottom:46px;width:262px;z-index:30;pointer-events:auto;border:1px solid #5b5a52;border-radius:4px;background:linear-gradient(#171b22f2,#0c1016f2);box-shadow:0 8px 26px #000a,inset 0 0 0 1px #07090d;font:12px var(--ui);color:#e4e0d6;user-select:none}
#meter.hidden{display:none}
.m-head{display:flex;align-items:center;gap:4px;padding:4px 4px 0 6px;border-bottom:1px solid #2c323c}
.m-tabs{display:flex;gap:2px;flex:1}
.m-tab{font:700 11px var(--ui);color:#8d96a3;background:none;border:0;border-bottom:2px solid transparent;padding:4px 8px;cursor:pointer}
.m-tab:hover{color:#e4e0d6}.m-tab.on{color:var(--gold);border-bottom-color:var(--gold)}
.m-x{background:none;border:0;color:#8d96a3;cursor:pointer;font-size:12px;padding:2px 6px}.m-x:hover{color:#fff}
.m-sub{display:flex;justify-content:space-between;padding:4px 8px;color:#a3abb5;font-size:11px;font-variant-numeric:tabular-nums}
#m-rows{display:flex;flex-direction:column;gap:2px;padding:0 5px 4px;min-height:22px}
.m-row{position:relative;height:20px;border-radius:2px;background:#0b0f15;overflow:hidden;display:flex;align-items:center;gap:5px;padding:0 6px 0 5px}
.m-bar{position:absolute;left:0;top:0;bottom:0;width:0;opacity:.82;transition:width .35s ease-out;border-right:1px solid #fff5}
.m-rank{position:relative;width:11px;font-size:10px;color:#fffc;text-align:right;text-shadow:0 1px 2px #000}
.m-ic{position:relative;width:15px;height:15px;border-radius:2px;border:1px solid #000;flex:none}
.m-name{position:relative;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;text-shadow:0 1px 2px #000,0 0 3px #000}
.m-row.me .m-name{color:#fff3b0}
.m-row.t0{box-shadow:inset 3px 0 #6fbaff}.m-row.t1{box-shadow:inset 3px 0 #ff7a66}
.m-val{position:relative;font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}
.m-val em{font-style:normal;font-weight:500;color:#e8e0c8;opacity:.9;margin-left:4px;font-size:10.5px}
.m-foot{display:flex;justify-content:space-between;align-items:center;padding:3px 8px 5px;border-top:1px solid #2c323c;color:#a3abb5;font-size:11px}
.m-mode{font:700 10px var(--ui);color:#cfc3a8;background:#10151d;border:1px solid #434a55;border-radius:3px;padding:2px 7px;cursor:pointer}
.m-mode:hover{border-color:var(--gold2)}
.m-empty{color:#6c7480;text-align:center;padding:6px;font-size:11px}
#btn-meter{position:absolute;right:76px;top:12px}
#btn-meter[aria-pressed=true]{border-color:#dcc18a;color:#fff3d0}
body[data-screen=results] #meter{display:none}
@media(max-width:800px){#meter{width:200px;bottom:60px}.m-ic{display:none}}

/* --- ajouts : salon PvP, résultats, compteur --- */
.slot .dd-btn{min-width:130px;padding:5px 8px;font-size:12px}
.ccard.taken{opacity:.38;filter:grayscale(.6)}
#res-table tr.team0 td:first-child,.res-row.team0{border-left:3px solid #6fbaff}
#res-table tr.team1 td:first-child,.res-row.team1{border-left:3px solid #ff7a66}
.m-val em.ps,em.ps{font-style:normal;opacity:.65;font-size:.85em;margin-left:5px}
.slot>div:nth-child(2){flex:1 1 auto;min-width:0}
.slot .nm,.slot .cl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot .sel-col{flex:none}.slot .sel-col .dd-btn{min-width:92px;max-width:128px}
.slot .x{flex:none}