/* Eclipse V3 — avatar, cadre et scène animée ont des couches INDÉPENDANTES.
   Ne jamais appliquer clip-path à ec-avatar ou ec-profile-card : seulement à la photo. */
.ec-avatar {
  --ec-avatar-size:96px; --ec-avatar-ring:#b99b62;
  display:block; position:relative; isolation:isolate; flex:0 0 var(--ec-avatar-size);
  width:var(--ec-avatar-size); height:var(--ec-avatar-size); min-width:var(--ec-avatar-size); min-height:var(--ec-avatar-size);
  max-width:var(--ec-avatar-size); max-height:var(--ec-avatar-size); aspect-ratio:1; border:0; padding:0;
  border-radius:50%; overflow:visible; box-sizing:border-box; line-height:1;
}
.ec-avatar--small { --ec-avatar-size:42px; }
.ec-avatar__clip {
  position:absolute; inset:5px; display:block; overflow:hidden; border-radius:50%;
  clip-path:circle(50% at 50% 50%); background:#201c16; z-index:1;
}
.ec-avatar__image {
  position:absolute; inset:0; display:block; width:100%!important; height:100%!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  object-fit:cover!important; object-position:50% 50%; border-radius:50%; margin:0; padding:0; border:0;
  transform:none!important; filter:none!important; animation:none!important;
}
.ec-avatar__initial {display:grid;place-items:center;position:absolute;inset:0;font:700 calc(var(--ec-avatar-size) * .42)/1 var(--display);color:#f2d9a5;background:radial-gradient(circle at 35% 25%,#483a24,#16130e)}
.ec-avatar__ring {position:absolute;inset:0;border:3px solid var(--ec-avatar-ring);border-radius:50%;box-shadow:inset 0 0 0 1px #fff3,0 0 20px color-mix(in srgb,var(--ec-avatar-ring) 25%,transparent);pointer-events:none;z-index:2}
.ec-avatar[data-ec-avatar-frame=none] .ec-avatar__ring {border-width:2px;box-shadow:none}
.ec-avatar[data-ec-avatar-frame=royal] .ec-avatar__ring,.ec-avatar[data-ec-avatar-frame=sovereign] .ec-avatar__ring {border-style:double;border-width:5px}
.ec-avatar[data-ec-avatar-frame=diamond] .ec-avatar__ring,.ec-avatar[data-ec-avatar-frame=prismatic] .ec-avatar__ring {border-style:ridge;border-width:5px}
.ec-avatar[data-ec-avatar-frame=inferno] .ec-avatar__ring,.ec-avatar[data-ec-avatar-frame=dragon] .ec-avatar__ring {box-shadow:0 0 0 2px #40130d,inset 0 0 0 1px #ffdc8d,0 0 16px color-mix(in srgb,var(--ec-avatar-ring) 50%,transparent)}
.ec-avatar[data-ec-avatar-frame=cosmic] .ec-avatar__ring,.ec-avatar[data-ec-avatar-frame=orbital] .ec-avatar__ring {border-style:dashed;border-width:3px}
.ec-avatar--small .ec-avatar__clip {inset:4px}

/* Carte de profil : les effets sont derrière le contenu, sur TOUTE la carte. */
.ec-profile-card {
  --ec-frame:#8b744d;--ec-fx:#d9b45e;--ec-name:#f8efdf;--ec-badge:#d9b45e;
  position:relative;isolation:isolate;min-width:0;width:100%;min-height:220px;
  border-radius:20px;background:#131212;border:1px solid color-mix(in srgb,var(--ec-frame) 48%,#292521);
  box-shadow:0 16px 44px #0005,0 0 28px color-mix(in srgb,var(--ec-frame) 9%,transparent);
  margin:0;overflow:visible;container-type:inline-size;
}
.ec-profile-canvas {position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 86% 80%,color-mix(in srgb,var(--ec-fx) 12%,transparent),transparent 60%),linear-gradient(115deg,#1b1814,#101014)}
.ec-profile-canvas::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10100e5c,transparent 80%);pointer-events:none}
.ec-profile-content {position:relative;z-index:2;display:flex;align-items:center;gap:25px;min-height:220px;padding:32px;min-width:0}
.ec-profile-copy {min-width:0;position:relative;text-shadow:0 2px 6px #000c}
.ec-profile-kicker {display:block;font:600 10px/1.5 var(--body);letter-spacing:.2em;color:#d2c2a0;margin-bottom:8px}
.ec-profile-copy :is(h2,.ec-profile-name) {color:var(--ec-name);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.1;overflow-wrap:anywhere;margin:0}
.ec-profile-copy p {color:#d2c8b7;font-size:13px;margin:9px 0;line-height:1.5}
.ec-profile-badges {display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px}
.ec-badge {color:var(--ec-badge);border:1px solid var(--ec-badge);background:#0e0e10c9;border-radius:99px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font:600 11px/1.3 var(--body);max-width:100%;overflow-wrap:anywhere}
.ec-badge--vip {color:#f6d78d;border-color:#b59858;background:#332610}
.ec-profile-seal {margin-left:auto;display:flex;align-items:center;gap:8px;font:400 clamp(3rem,6vw,5.8rem)/1 Georgia,serif;color:color-mix(in srgb,var(--ec-frame) 32%,transparent);letter-spacing:-.06em;text-shadow:0 0 30px color-mix(in srgb,var(--ec-frame) 16%,transparent);user-select:none}
.ec-profile-seal>span {font-size:.38em;letter-spacing:0}
.ec-profile-card[data-ec-name=metallic] :is(h2,.ec-profile-name) {color:var(--ec-name);text-shadow:0 1px 0 color-mix(in srgb,var(--ec-name) 50%,white),0 0 14px color-mix(in srgb,var(--ec-name) 28%,transparent)}
.ec-profile-card[data-ec-name=neon] :is(h2,.ec-profile-name) {text-shadow:0 0 5px var(--ec-name),0 0 20px color-mix(in srgb,var(--ec-name) 55%,transparent)}
.ec-profile-card[data-ec-name=ice] :is(h2,.ec-profile-name) {text-shadow:1px 1px 0 #101b2a,-1px -1px 0 #ffffff80,0 0 18px color-mix(in srgb,var(--ec-name) 35%,transparent)}

/* Les cadres n'utilisent pas les pseudo-éléments de l'avatar ou de l'effet. */
.ec-profile-rim {position:absolute;inset:0;border:2px solid var(--ec-frame);border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 4px #1010149c,inset 0 0 0 5px color-mix(in srgb,var(--ec-frame) 25%,transparent)}
.ec-profile-card[data-ec-frame=none] .ec-profile-rim {border-color:transparent;box-shadow:none}
.ec-corner {position:absolute;width:27px;height:27px;border:2px solid var(--ec-frame);border-radius:8px 0;top:8px;left:8px;opacity:.9;box-shadow:0 0 9px color-mix(in srgb,var(--ec-frame) 25%,transparent)}
.ec-corner--1 {left:auto;right:8px;transform:rotate(90deg)}
.ec-corner--2 {top:auto;bottom:8px;left:auto;right:8px;transform:rotate(180deg)}
.ec-corner--3 {top:auto;bottom:8px;transform:rotate(270deg)}
.ec-profile-card[data-ec-frame=none] .ec-corner {display:none}
.ec-frame-emblem {position:absolute;right:50%;top:-13px;transform:translateX(50%);width:44px;height:24px;display:grid;place-items:center;background:#171510;border:1px solid var(--ec-frame);border-radius:0 0 12px 12px;color:var(--ec-frame);font:20px/1 Georgia,serif}
.ec-rim-shine {display:none;position:absolute;inset:-2px;border-radius:inherit;padding:3px;overflow:hidden;pointer-events:none}
/* Le masque est appliqué au seul liseré, jamais au conteneur du profil. */
@supports (mask-composite:exclude) {
  .ec-rim-shine {mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;background:linear-gradient(110deg,transparent 15%,var(--ec-frame) 38%,#fff5da 48%,var(--ec-frame) 58%,transparent 82%) -200% 0/250% 100%;animation:ec-rim-travel 7s ease-in-out infinite}
  .ec-profile-card:not([data-ec-frame=none]) .ec-rim-shine {display:block}
}
.ec-profile-card[data-ec-frame=royal] .ec-profile-rim,.ec-profile-card[data-ec-frame=sovereign] .ec-profile-rim {border-style:double;border-width:4px;box-shadow:inset 0 0 0 4px #17120e,inset 0 0 0 5px var(--ec-frame)}
.ec-profile-card[data-ec-frame=sovereign] .ec-corner {width:37px;height:37px;border-style:double;border-width:4px;border-radius:14px 0;animation:ec-gem-glow 5s ease-in-out infinite alternate}
.ec-profile-card[data-ec-frame=sovereign] .ec-frame-emblem {width:62px;height:31px;top:-19px;font-size:27px;box-shadow:0 0 15px color-mix(in srgb,var(--ec-frame) 30%,transparent)}
.ec-profile-card[data-ec-frame=diamond] .ec-corner,.ec-profile-card[data-ec-frame=prismatic] .ec-corner {width:16px;height:16px;top:6px;left:6px;transform:rotate(45deg);border-radius:1px;background:linear-gradient(45deg,var(--ec-frame),#fff,var(--ec-frame));border:1px solid #fff7;box-shadow:0 0 14px var(--ec-frame)}
.ec-profile-card:is([data-ec-frame=diamond],[data-ec-frame=prismatic]) .ec-corner--1 {left:auto;right:6px}
.ec-profile-card:is([data-ec-frame=diamond],[data-ec-frame=prismatic]) .ec-corner--2 {top:auto;bottom:6px;left:auto;right:6px}
.ec-profile-card:is([data-ec-frame=diamond],[data-ec-frame=prismatic]) .ec-corner--3 {top:auto;bottom:6px}
.ec-profile-card[data-ec-frame=prismatic] .ec-profile-rim {border-width:4px;border-style:ridge;animation:ec-gem-glow 5.7s ease-in-out infinite alternate}
.ec-profile-card[data-ec-frame=prismatic] .ec-rim-shine {background-image:linear-gradient(120deg,transparent,#9cf6ff 30%,#f7b9ff 45%,#fff 50%,#c2c6ff 60%,transparent);animation-duration:4.7s}
.ec-profile-card:is([data-ec-frame=inferno],[data-ec-frame=dragon]) .ec-profile-rim {box-shadow:inset 0 0 18px color-mix(in srgb,var(--ec-frame) 24%,transparent),0 0 17px color-mix(in srgb,var(--ec-frame) 22%,transparent);animation:ec-ember-border 4.7s ease-in-out infinite}
.ec-profile-card[data-ec-frame=dragon] .ec-corner {width:40px;height:23px;clip-path:polygon(0 0,100% 0,60% 45%,100% 100%,0 65%);border:0;background:linear-gradient(45deg,#491c14,var(--ec-frame),#ffdeb0)}
.ec-profile-card:is([data-ec-frame=cosmic],[data-ec-frame=orbital]) .ec-corner {border-radius:50%;width:19px;height:19px;border-style:dashed;animation:ec-star-orbit 12s linear infinite}
.ec-profile-card[data-ec-frame=orbital] .ec-profile-rim {border-style:double;border-width:4px}
.ec-profile-card[data-ec-frame=orbital] .ec-rim-shine {animation-duration:4.5s}
@keyframes ec-rim-travel {0%{background-position:200% 0}100%{background-position:-100% 0}}
@keyframes ec-gem-glow {from{filter:brightness(1)}to{filter:brightness(1.35)}}
@keyframes ec-ember-border {0%,100%{opacity:.6}50%{opacity:1}}
@keyframes ec-star-orbit {to{transform:rotate(360deg)}}

/* Scènes plein cadre : particules distribuées sur la largeur, sans interaction. */
.ec-fx,.ec-fx__ambient,.ec-fx__particles {position:absolute;inset:0;pointer-events:none}
.ec-fx {color:var(--ec-fx);opacity:.85;overflow:hidden;border-radius:inherit}
.ec-fx__ambient {background:radial-gradient(ellipse at 80% 100%,color-mix(in srgb,var(--ec-fx) 34%,transparent),transparent 62%);animation:ec-ambient 7s ease-in-out infinite alternate}
.ec-particle {position:absolute;left:var(--px);top:var(--py);width:var(--ps);height:var(--ps);color:var(--ec-fx);background:var(--ec-fx);border-radius:50%;box-shadow:0 0 9px currentColor;font:normal 12px/1 Georgia,serif;animation:ec-dust var(--pd) var(--pdelay) ease-in-out infinite;opacity:.6;will-change:auto}
.ec-fx--gold .ec-particle:nth-child(4n+1) {background:none;box-shadow:none;width:12px;height:12px;text-shadow:0 0 9px currentColor}
.ec-fx--gold .ec-fx__ambient {background:radial-gradient(ellipse at 75% 95%,color-mix(in srgb,var(--ec-fx) 29%,transparent),transparent 68%)}
.ec-lightning {position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px var(--ec-fx))}
.ec-lightning path {stroke:var(--ec-fx);stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:65 9 140 12;animation:ec-current 5s linear infinite,ec-bolt-glow 4s ease-in-out infinite}
.ec-lightning path:nth-child(2) {animation-delay:-2s;stroke:#ddf2ff;opacity:.75}
.ec-lightning path:nth-child(3) {stroke-width:1.3;animation-delay:-1s;opacity:.65}
.ec-fx--electric .ec-particle {height:2px;width:12px;border-radius:0;animation:ec-electron var(--pd) var(--pdelay) ease-in-out infinite}
.ec-fx--electric .ec-fx__ambient {background:radial-gradient(ellipse at 92% 15%,color-mix(in srgb,var(--ec-fx) 30%,transparent),transparent 65%)}
.ec-fx--mystic .ec-fx__ambient {inset:5% -20%;background:radial-gradient(ellipse at 70% 70%,color-mix(in srgb,var(--ec-fx) 35%,transparent),transparent 44%),radial-gradient(ellipse at 27% 80%,#5143914d,transparent 56%);filter:blur(17px);animation:ec-mist 11s ease-in-out infinite alternate}
.ec-fx__orbit {position:absolute;left:56%;top:-55%;width:45%;height:190%;border:1px solid color-mix(in srgb,var(--ec-fx) 40%,transparent);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 30px color-mix(in srgb,var(--ec-fx) 14%,transparent);animation:ec-orbit-tilt 15s ease-in-out infinite alternate}
.ec-fx--mystic .ec-particle,.ec-fx--galaxy .ec-particle {animation:ec-twinkle var(--pd) var(--pdelay) ease-in-out infinite}
.ec-fx__halo {position:absolute;left:58%;top:26%;width:32%;height:40%;border:2px solid var(--ec-fx);border-radius:50%;box-shadow:0 0 12px var(--ec-fx),inset 0 0 12px var(--ec-fx),0 0 36px color-mix(in srgb,var(--ec-fx) 34%,transparent);transform:rotate(-16deg);animation:ec-halo 7s ease-in-out infinite}
.ec-fx--halo .ec-fx__ambient {background:radial-gradient(ellipse at 75% 50%,color-mix(in srgb,var(--ec-fx) 30%,transparent),transparent 60%)}
.ec-fx--halo .ec-particle {animation:ec-halo-dust var(--pd) var(--pdelay) ease-in-out infinite}
.ec-fx--fire .ec-fx__ambient {background:linear-gradient(0deg,color-mix(in srgb,var(--ec-fx) 40%,transparent),transparent 60%),radial-gradient(ellipse at 65% 110%,#9c280b70,transparent 60%);animation:ec-ambient 5s ease-in-out infinite alternate}
.ec-fx--fire .ec-particle {top:auto;bottom:-15px;height:calc(var(--ps) * 1.85);border-radius:70% 15% 65% 35%;background:linear-gradient(0deg,var(--ec-fx),color-mix(in srgb,var(--ec-fx) 45%,#ffc66b),transparent);filter:blur(2px);box-shadow:0 0 13px color-mix(in srgb,var(--ec-fx) 65%,transparent);transform-origin:50% 100%;animation:ec-flame var(--pd) var(--pdelay) ease-in-out infinite}
.ec-fx--fire .ec-particle:nth-child(3n) {bottom:8px;width:3px;height:3px;border-radius:50%;background:#ffe6a6;filter:none;animation:ec-ember var(--pd) var(--pdelay) linear infinite}
.ec-fx--neon .ec-fx__grid {position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ec-fx) 15%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ec-fx) 15%,transparent) 1px,transparent 1px);background-size:42px 42px;opacity:.6;transform:perspective(500px) rotateX(22deg) scale(1.2);transform-origin:bottom}
.ec-fx--neon .ec-fx__scan {position:absolute;left:0;right:0;height:2px;top:20%;background:linear-gradient(90deg,transparent,var(--ec-fx),#fff,var(--ec-fx),transparent);box-shadow:0 0 15px var(--ec-fx);animation:ec-scan 7s ease-in-out infinite;opacity:.55}
.ec-fx--neon .ec-particle {width:26px;height:1px;border-radius:0;animation:ec-electron var(--pd) var(--pdelay) ease-in-out infinite}
.ec-fx--galaxy .ec-fx__ambient {background:radial-gradient(ellipse at 75% 30%,#a869ff55,transparent 40%),radial-gradient(ellipse at 40% 90%,#2679b344,transparent 50%),radial-gradient(ellipse at 95% 90%,color-mix(in srgb,var(--ec-fx) 34%,transparent),transparent 48%);animation:ec-galaxy 13s ease-in-out infinite alternate}
.ec-fx--galaxy .ec-fx__orbit::after {content:'';position:absolute;top:30%;left:2%;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 9px var(--ec-fx)}
.ec-fx--galaxy .ec-particle:nth-child(3n) {width:1px;height:1px;background:#fff;box-shadow:0 0 7px #fff}
.ec-fx--diamonds .ec-particle {width:var(--ps);height:calc(var(--ps) * 1.2);border-radius:0;font-size:0;background:conic-gradient(from 45deg,#fff,var(--ec-fx),#12384f,#fff,var(--ec-fx),#fff);clip-path:polygon(50% 0,95% 40%,50% 100%,5% 40%);box-shadow:none;filter:drop-shadow(0 0 4px var(--ec-fx));animation:ec-diamond-fall var(--pd) var(--pdelay) linear infinite}
.ec-fx--diamonds .ec-fx__ambient {background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--ec-fx) 28%,transparent),transparent 67%)}
@keyframes ec-ambient {from{opacity:.6}to{opacity:1}}
@keyframes ec-dust {0%{opacity:0;transform:translate(0,26px) scale(.5)}30%{opacity:.8}75%{opacity:.5}100%{opacity:0;transform:translate(var(--drift),-45px) scale(1.2)}}
@keyframes ec-current {to{stroke-dashoffset:-240}}
@keyframes ec-bolt-glow {0%,100%{opacity:.35}45%,65%{opacity:.95}}
@keyframes ec-electron {0%{opacity:0;transform:translateX(-45px)}40%{opacity:.7}100%{opacity:0;transform:translateX(70px)}}
@keyframes ec-mist {from{transform:translate(-3%,5%) scale(1)}to{transform:translate(5%,-4%) scale(1.15)}}
@keyframes ec-orbit-tilt {from{transform:rotate(-25deg) scale(.95)}to{transform:rotate(15deg) scale(1.1)}}
@keyframes ec-twinkle {0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1.2)}}
@keyframes ec-halo {0%,100%{transform:rotate(-16deg) translateY(0);opacity:.5}50%{transform:rotate(-9deg) translateY(-12px);opacity:1}}
@keyframes ec-halo-dust {0%,100%{opacity:.1;transform:translateY(12px)}50%{opacity:.7;transform:translateY(-8px)}}
@keyframes ec-flame {0%,100%{transform:scale(.5,.6) rotate(-9deg);opacity:.3}40%{transform:translate(4px,-12px) scale(.8,1.4) rotate(8deg);opacity:.85}75%{transform:translate(-4px,-4px) scale(1,.95) rotate(-5deg);opacity:.55}}
@keyframes ec-ember {0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translate(var(--drift),-170px);opacity:0}}
@keyframes ec-scan {0%,100%{top:20%;opacity:.15}50%{top:80%;opacity:.7}}
@keyframes ec-galaxy {from{transform:scale(1.03) translate(-1%,1%)}to{transform:scale(1.2) translate(3%,-3%)}}
@keyframes ec-diamond-fall {0%{transform:translate(0,-110px) rotate(-25deg);opacity:0}20%{opacity:.75}80%{opacity:.55}100%{transform:translate(var(--drift),150px) rotate(120deg);opacity:0}}

/* Boutique : cartes d'essayage et vraie scène de prévisualisation. */
.ec-shop-visual {height:164px;padding:18px 10px;background:#100f12;overflow:hidden;position:relative;border-bottom:1px solid #3c3325;display:grid;align-items:center}
.ec-profile-card--compact {min-height:118px;border-radius:12px;container-type:normal}
.ec-profile-card--compact .ec-profile-content {min-height:118px;padding:19px 12px;gap:10px}
.ec-profile-card--compact .ec-profile-kicker,.ec-profile-card--compact .ec-profile-seal,.ec-profile-card--compact .ec-profile-copy p {display:none}
.ec-profile-card--compact .ec-profile-copy :is(h2,.ec-profile-name) {font-size:1.2rem}
.ec-profile-card--compact .ec-badge {font-size:9px;padding:3px 5px}
.ec-profile-card--compact .ec-profile-badges {margin-top:8px}
.ec-profile-card--compact .ec-corner {width:12px;height:12px}
.ec-profile-card--compact .ec-frame-emblem {font-size:14px;width:29px;height:20px;top:-11px}
.ec-shop-visual *,.ec-shop-visual *::before,.ec-shop-visual *::after {animation-play-state:paused!important}
.casino-shop-item:hover .ec-shop-visual *,.casino-shop-item:focus-within .ec-shop-visual * {animation-play-state:running!important}
.casino-shop-item {content-visibility:auto;contain-intrinsic-size:auto 425px}
.ec-legend-label {display:inline-flex;gap:6px;padding:4px 8px;border:1px solid #8e6d3d;color:#eed09b;background:#251b11;border-radius:50px;font-size:9px;letter-spacing:.08em;margin-bottom:8px}
.ec-preview-dialog {width:min(1000px,calc(100vw - 28px));padding:0;border:1px solid #8a7148;border-radius:20px;background:#101012;max-height:calc(100dvh - 28px);box-shadow:0 35px 100px #000b;overflow:auto}
.ec-preview-dialog::backdrop {background:#000b;backdrop-filter:blur(5px)}
.ec-preview-header {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 26px;border-bottom:1px solid #393029}
.ec-preview-header small {color:#ccaf74;font-size:10px;letter-spacing:.17em}
.ec-preview-header :is(h2,.ec-profile-name) {margin:8px 0 0;font-size:1.9rem}
.ec-preview-close {border-radius:50%;width:36px;height:36px;padding:0;flex:none;font-size:24px;background:#201d19;color:#f8ead3}
.ec-preview-controls {display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px 26px;color:#c6bba6}
.ec-preview-controls label {display:flex;align-items:center;gap:8px;font-size:12px}
.ec-preview-controls input[type=checkbox] {width:16px;height:16px;accent-color:#d9b45e}
.ec-preview-controls button,.ec-preview-controls select {width:auto;font-size:12px;padding:7px 12px}
.ec-preview-stage {padding:20px 26px 26px;min-width:0}
.ec-preview-caption {color:#c7bda8;font-size:12px;line-height:1.65;margin-bottom:20px}
.ec-preview-footer {display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:20px 26px;border-top:1px solid #393029;background:#151311}
.ec-preview-price {display:block;color:#edcf97;font-size:20px;font-weight:700}
.ec-preview-footer p {color:#ad9f87;font-size:12px;margin-top:5px}
.ec-preview-error {padding:0 26px;color:#f3ab9b;font-size:13px;min-height:1.6em}
.ec-preview-status {font-size:11px;color:#d6b981;margin:0 26px 14px}
.ec-visual-editor {display:grid;grid-template-columns:minmax(180px,1fr) minmax(175px,1fr) 80px auto;gap:12px;align-items:end;padding:12px;border:1px solid #50412c;border-radius:10px;margin-bottom:9px}
.ec-visual-editor>strong {align-self:center;font-size:13px}
.ec-create-preview {grid-column:1/-1;padding:24px 0}
.ec-create-preview .ec-profile-card {min-height:190px}
.ec-create-preview .ec-profile-content {min-height:190px}
.ec-profile-tools {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 24px}
.ec-profile-tools p {color:#bcb09a;font-size:12px}
.ec-motion-toggle {font-size:12px;padding:8px 13px;background:#211c14;border:1px solid #6a5530;border-radius:99px}
.ec-motion-off .ec-profile-card *,.ec-motion-off .ec-profile-card *::before,.ec-motion-off .ec-profile-card *::after {animation-play-state:paused!important}
.ec-animations-paused .ec-profile-card *,.ec-animations-paused .ec-profile-card *::before,.ec-animations-paused .ec-profile-card *::after {animation-play-state:paused!important}
.ec-motion-note {display:none;color:#bdb4a3;font-size:12px}
.ec-game-preview {--lux:var(--owned-theme,#d9b45e);--lux-soft:color-mix(in srgb,var(--lux) 22%,#121015);width:100%;padding:10px;max-width:100%;border-radius:16px;background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--lux) 20%,#131214),#0b0c0e)}
.ec-game-preview .casino-blackjack-felt {min-height:240px;gap:22px;padding:24px 18px;box-shadow:none;border-radius:50px 50px 20px 20px}
.ec-game-preview .casino-card-row {min-height:100px;gap:15px}
.ec-demo-label {text-align:center;color:#f1ddb7;font:700 16px/1.4 var(--body);letter-spacing:.12em}
.ec-demo-label small {display:block;font-size:9px;font-weight:400;letter-spacing:.1em;margin-top:5px}
.ec-shop-visual--game {padding:8px}
.ec-shop-visual--game .ec-game-preview {padding:0;height:144px;overflow:hidden}
.ec-shop-visual--game .casino-blackjack-felt {min-height:140px;gap:6px;padding:12px;border-width:3px;border-radius:16px}
.ec-shop-visual--game .ec-demo-label {font-size:9px}
.ec-shop-visual--game .ec-demo-label small,.ec-shop-visual--game .casino-felt-middle {display:none}
.ec-shop-visual--game .casino-card-row {min-height:80px;gap:9px}
.ec-shop-visual--game .casino-playing-card {width:45px;height:65px;font-size:14px}
.ec-shop-visual--game .casino-playing-card>span {font-size:22px}
.ec-shop-visual--game .hidden-card>span {width:30px!important;height:30px!important;font-size:22px}

/* Un preset explicite fonctionne aussi pour un article créé par l'administrateur. */
[data-cards-visual=obsidian] .casino-playing-card.hidden-card {background:repeating-linear-gradient(45deg,#0f1116 0 8px,var(--owned-cards) 8px 16px,#0f1116 16px 24px)!important}
[data-cards-visual=ruby] .casino-playing-card.hidden-card {background:repeating-radial-gradient(circle at center,#330d17 0 6px,var(--owned-cards) 6px 12px,#16070b 12px 18px)!important}
[data-cards-visual=gold] .casino-playing-card.hidden-card {background:linear-gradient(145deg,#6f4e12,var(--owned-cards),#fbe3a1,#9f7222)!important}
[data-cards-visual=galaxy] .casino-playing-card.hidden-card {background:radial-gradient(circle at 30% 30%,white 0 1px,transparent 2px),radial-gradient(circle at 80% 20%,#cbbcff 0 1px,transparent 2px),radial-gradient(circle at 70% 80%,white 0 1px,transparent 2px),linear-gradient(135deg,#11081b,color-mix(in srgb,var(--owned-cards) 50%,#1a0d2b),#1a0d2b)!important}
[data-theme-visual=royal] .casino-blackjack-felt {background:radial-gradient(ellipse at center,#3c3423,#15130f 85%)!important}
[data-theme-visual=ruby] .casino-blackjack-felt {background:repeating-linear-gradient(105deg,#0000 0 8px,#ffffff03 8px 9px),radial-gradient(ellipse at center,color-mix(in srgb,var(--lux) 45%,#270c13),#220a10 85%)!important}
[data-theme-visual=sapphire] .casino-blackjack-felt {background:radial-gradient(ellipse at center,color-mix(in srgb,var(--lux) 42%,#122141),#0a162d 90%)!important}
[data-theme-visual=emerald] .casino-blackjack-felt {background:repeating-linear-gradient(0deg,#0000 0 2px,#0001 2px 3px),radial-gradient(ellipse at center,color-mix(in srgb,var(--lux) 38%,#174237),#082c22 85%)!important}
[data-theme-visual=neon] .casino-blackjack-felt,[data-theme-visual=neon] .casino-slot-machine {background:linear-gradient(0deg,#c0f1 1px,transparent 1px),linear-gradient(90deg,#c0f1 1px,transparent 1px),radial-gradient(ellipse at center,color-mix(in srgb,var(--lux) 22%,#121018),#100d17)!important;background-size:38px 38px,38px 38px,100% 100%!important;box-shadow:0 0 20px color-mix(in srgb,var(--lux) 25%,transparent)!important}
[data-theme-visual=ice] .casino-blackjack-felt,[data-theme-visual=ice] .casino-slot-machine {background:linear-gradient(130deg,transparent 20%,#cbffff15 20% 21%,transparent 21% 65%,#cbffff12 65% 67%,transparent 67%),radial-gradient(ellipse at center,color-mix(in srgb,var(--lux) 24%,#152733),#101b24)!important}

@media(max-width:640px) {
 .ec-profile-content {min-height:190px;padding:27px 20px;gap:16px}.ec-profile-card {min-height:190px}
 .ec-avatar {--ec-avatar-size:80px}.ec-avatar--small {--ec-avatar-size:36px}
 .ec-profile-seal {display:none}.ec-profile-kicker {font-size:8px;letter-spacing:.1em}
 .ec-profile-copy :is(h2,.ec-profile-name) {font-size:1.8rem}.ec-profile-copy p {font-size:11px}
 .ec-profile-card--compact .ec-profile-content {padding:18px 10px;gap:8px}.ec-profile-card--compact .ec-avatar {--ec-avatar-size:34px}
 .ec-profile-card--compact .ec-profile-copy :is(h2,.ec-profile-name) {font-size:1rem}
 .ec-profile-card--compact {min-height:118px}.ec-profile-card--compact .ec-profile-content {min-height:118px}
 .ec-profile-card--compact .ec-badge {font-size:8px;padding:2px 4px}.ec-profile-card--compact .ec-profile-badges {gap:3px}
 .ec-preview-header,.ec-preview-controls,.ec-preview-stage,.ec-preview-footer {padding-left:16px;padding-right:16px}
 .ec-preview-dialog {border-radius:14px}.ec-preview-stage {padding-top:15px}.ec-preview-header :is(h2,.ec-profile-name) {font-size:1.55rem}
 .ec-preview-footer {align-items:stretch}.ec-preview-footer>button {width:100%}
 .ec-visual-editor {grid-template-columns:minmax(0,1fr) 65px}.ec-visual-editor>strong {grid-column:1/-1}.ec-visual-editor>button {grid-column:1/-1}
 .ec-shop-visual {padding:16px 7px}.casino-shop-grid {grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
 .casino-shop-item .casino-shop-details h3 {font-size:1.6rem}
}
@media(max-width:370px) {.ec-profile-content {padding:26px 13px;gap:12px}.ec-avatar{--ec-avatar-size:68px}.ec-avatar--small{--ec-avatar-size:32px}.ec-profile-copy :is(h2,.ec-profile-name){font-size:1.6rem}}
@media(prefers-reduced-motion:reduce) {
 .ec-profile-card *,.ec-profile-card *::before,.ec-profile-card *::after {animation:none!important;transition:none!important}
 .ec-motion-note {display:block}.ec-particle {opacity:.45}.ec-fx--fire .ec-particle {transform:scale(.8,1.2)}
}

/* L'essayage a son propre bouton pause/reprise, sans changer la préférence du profil. */
.ec-preview-dialog .ec-preview-stage .ec-preview-playing .ec-profile-card *,
.ec-preview-dialog .ec-preview-stage .ec-preview-playing .ec-profile-card *::before,
.ec-preview-dialog .ec-preview-stage .ec-preview-playing .ec-profile-card *::after {animation-play-state:running!important}
.ec-motion-off .ec-shop-visual .ec-profile-card *,
.ec-animations-paused .ec-preview-dialog .ec-preview-stage .ec-preview-playing .ec-profile-card * {animation-play-state:paused!important}

.casino-custom-profile .casino-game-card > .ec-shop-visual {width:100%;min-width:0;margin-bottom:14px;border-radius:12px}

/* ---------- Collection personnelle du Souverain : six rendus dédiés ---------- */
/* Le CSS est décoratif. L'accès aux articles est décidé exclusivement côté serveur. */
.ec-profile-card[data-ec-frame=boss_throne] {
  border:1px solid #d9b861;border-radius:18px;
  box-shadow:0 18px 50px #0009,0 0 0 4px #18130d,0 0 0 5px #927131,0 0 38px #c9a22720;
}
.ec-profile-card[data-ec-frame=boss_throne] .ec-profile-rim {
  inset:5px;border:3px double var(--ec-frame);border-radius:12px;
  box-shadow:inset 0 0 0 5px #0c0b0ada,inset 0 0 0 6px #9c793b,0 0 10px #d9ad4933;
}
.ec-profile-card[data-ec-frame=boss_throne] .ec-corner {
  top:9px;left:9px;width:30px;height:30px;border:3px double #e5cb86;border-radius:0;
  clip-path:polygon(0 0,100% 0,100% 24%,24% 24%,24% 100%,0 100%);box-shadow:none;
}
.ec-profile-card[data-ec-frame=boss_throne] .ec-corner--1 {left:auto;right:9px}
.ec-profile-card[data-ec-frame=boss_throne] .ec-corner--2 {top:auto;bottom:9px;left:auto;right:9px}
.ec-profile-card[data-ec-frame=boss_throne] .ec-corner--3 {top:auto;bottom:9px}
.ec-profile-card[data-ec-frame=boss_throne] .ec-frame-emblem {
  top:-18px;right:50%;width:66px;height:34px;line-height:1;font-size:26px;border:2px solid #d9bb70;
  background:linear-gradient(120deg,#17120a,#443318,#17120a);border-radius:6px 6px 50% 50%;
  box-shadow:0 3px 15px #0009,0 0 16px #c9a22755;color:#ffdf86;
}
.ec-profile-card[data-ec-frame=boss_throne] .ec-rim-shine {display:block}
.ec-profile-card[data-ec-frame=boss_throne] .ec-rim-shine::before {
  content:'';position:absolute;inset:-4px;
  background:linear-gradient(115deg,transparent 20%,#fff3be 37%,transparent 48%,transparent 62%,#ffd76a99 76%,transparent 87%);
  background-size:320% 100%;animation:ec-boss-gilding 9s ease-in-out infinite;
}
.ec-avatar[data-ec-avatar-frame=boss_throne] .ec-avatar__ring {
  border:5px double #f3ce72;box-shadow:0 0 0 1px #6c4e1d,0 0 0 3px #e5bb482e,0 0 20px #d9b86140;
}
.ec-profile-card[data-ec-badge=boss_emblem] .ec-badge:not(.ec-badge--vip) {
  background:linear-gradient(120deg,#21190e,#4a3416,#1a130a);border:1px solid #edcf88;
  box-shadow:inset 0 0 0 2px #0f0d0980,0 0 16px #e7ba3822;color:#ffe3a0;padding:7px 13px;
}
.ec-boss-title {display:inline-flex;align-items:center;gap:8px;font:700 10px/1.4 var(--body);color:#f2d085;letter-spacing:.3em;margin-top:9px}
.ec-boss-title::before,.ec-boss-title::after {content:'';width:22px;height:1px;background:linear-gradient(90deg,transparent,#e5b851)}
.ec-boss-title::after {transform:rotate(180deg)}
.ec-profile-card[data-ec-name=boss_gold] :is(h2,.ec-profile-name),
[data-profile-visual=boss_gold] .casino-account-chip strong {
  color:#f5d27a!important;background:linear-gradient(110deg,#d8aa39 10%,#ffefb1 30%,#b78623 46%,#fff4ce 52%,#d4a53b 65%,#f3d384 85%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;filter:drop-shadow(0 2px 3px #000a);animation:ec-boss-gilding 9s ease-in-out infinite;
}
.ec-fx--boss_presence {opacity:1}
.ec-fx--boss_presence .ec-fx__ambient {
  background:radial-gradient(ellipse at 76% 50%,#bd87302b,transparent 48%),linear-gradient(110deg,#0a0907 10%,#21190c 68%,#0b0906);
}
.ec-boss-eclipse {position:absolute;right:12%;top:50%;width:172px;height:172px;transform:translateY(-50%);border-radius:50%;box-shadow:0 0 28px #ffc45b50,0 0 70px #d3a03b30}
.ec-boss-eclipse::before {
  content:'';position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,#b18725,#fff1b7,#8e5b12,#eac45c,#ffedac,#825d1b,#b18725);
  animation:ec-boss-orbit 24s linear infinite;
}
.ec-boss-eclipse>span {position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#201c14,#080807 72%);box-shadow:inset -5px -2px 11px #a27a2130}
.ec-boss-eclipse::after {content:'✦';position:absolute;top:14%;right:8%;color:#fff4c7;font:25px/1 Georgia,serif;text-shadow:0 0 20px #ffda76,0 0 35px #ffe9b4;animation:ec-twinkle 5s ease-in-out infinite}
.ec-boss-smoke {position:absolute;inset:-10%;background:radial-gradient(ellipse at 15% 70%,#000b,transparent 50%),radial-gradient(ellipse at 65% 90%,#000c,transparent 45%),radial-gradient(ellipse at 45% 15%,#b78a3020,transparent 40%);filter:blur(12px);animation:ec-boss-smoke 14s ease-in-out infinite alternate}
.ec-boss-smoke--second {opacity:.7;animation-direction:alternate-reverse;animation-delay:-7s}
.ec-boss-horizon {position:absolute;top:51%;left:2%;right:2%;height:1px;background:linear-gradient(90deg,transparent,#bda14825,#f1c97866,#ffdfab88,transparent);box-shadow:0 0 12px #e6bb5433}
.ec-fx--boss_presence .ec-particle {background:var(--ec-fx);box-shadow:0 0 8px #f9d06a80;animation:ec-boss-dust var(--pd) var(--pdelay) ease-in-out infinite}
.ec-fx--boss_presence .ec-particle:nth-child(3n+1) {width:13px;height:13px;background:none;box-shadow:none;color:#ffe3a0;font:13px/1 Georgia,serif;text-shadow:0 0 9px #e8b94380}
@keyframes ec-boss-gilding {0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ec-boss-orbit {to{transform:rotate(360deg)}}
@keyframes ec-boss-smoke {from{transform:translate(-3%,3%) scale(1)}to{transform:translate(4%,-4%) scale(1.12)}}
@keyframes ec-boss-dust {0%{opacity:.1;transform:translate(0,23px) scale(.6)}40%{opacity:.75}100%{opacity:.05;transform:translate(var(--drift),-35px) scale(1.1)}}
[data-cards-visual=boss_cards] .casino-playing-card.hidden-card {
  position:relative;background:linear-gradient(45deg,#cda74612 25%,transparent 25%,transparent 75%,#cda74612 75%),linear-gradient(45deg,#cda74612 25%,#11100e 25%,#11100e 75%,#cda74612 75%)!important;
  background-size:16px 16px!important;background-position:0 0,8px 8px!important;
  border:3px double #e8c46c!important;box-shadow:inset 0 0 0 3px #12100a,inset 0 0 0 4px #9b7939,0 5px 12px #0008!important;
}
[data-cards-visual=boss_cards] .casino-playing-card.hidden-card>span {
  border:1px solid #bd963b!important;color:#e5bd5a!important;background:#12100bcc!important;
  border-radius:50%!important;width:36px!important;height:36px!important;font-size:25px!important;
}
[data-cards-visual=boss_cards] .casino-playing-card.hidden-card::after {
  content:'♛';position:absolute;top:7px;left:0;right:0;text-align:center;font:13px/1 Georgia,serif;color:#f3d484;
}
[data-theme-visual=boss_palace] {--lux:var(--owned-theme,#c9a227);--lux-soft:#272012;background:radial-gradient(ellipse at 80% 0%,#a7802424,transparent 48%),#080908!important}
[data-theme-visual=boss_palace] .casino-blackjack-felt {
  background:repeating-linear-gradient(45deg,transparent 0 21px,#cda7470c 22px 23px,transparent 24px 44px),repeating-linear-gradient(-45deg,transparent 0 21px,#cda7470c 22px 23px,transparent 24px 44px),radial-gradient(ellipse at center,#24251d,#0a0d0b 82%)!important;
  border:8px double #b59040!important;outline:1px solid #f0d38a!important;box-shadow:inset 0 0 0 2px #514022,inset 0 0 80px #000a,0 15px 40px #000a!important;
}
[data-theme-visual=boss_palace] .casino-felt-middle {border:2px double #d0ad5766;background:#090b09aa;color:#e7c46a;letter-spacing:.2em;box-shadow:0 0 0 4px #b8943720}
[data-theme-visual=boss_palace] .casino-slot-machine {
  background:repeating-linear-gradient(110deg,transparent 0 80px,#d5b66d08 81px 83px,transparent 84px 160px),radial-gradient(ellipse at 50% 0%,#3d3119,#0c0d0c 70%)!important;
  border:4px double #dbb861!important;box-shadow:inset 0 0 0 4px #0d0d0b,inset 0 0 0 5px #685426,0 10px 40px #0009!important;
}
[data-theme-visual=boss_palace] .casino-reel {border:5px double #b28f42;background:linear-gradient(#fff3d0,#c1aa75 50%,#f5e8c5);box-shadow:inset 0 0 25px #53401755,0 0 0 2px #14100b}
[data-theme-visual=boss_palace] .casino-gold-button {background:linear-gradient(115deg,#a47b28,#efd69a,#b58c34)!important;border:1px solid #e8c36a!important;box-shadow:inset 0 0 0 2px #694f1920}
[data-theme-visual=boss_palace] .casino-game-intro {background:radial-gradient(ellipse at 50% 0%,#c9a22733,transparent 70%),repeating-linear-gradient(45deg,#0000 0 25px,#ad883d12 26px 27px,#0000 28px 52px),#10110d}
.ec-private-label {display:inline-flex;padding:5px 9px;border:1px solid #bf9c51;border-radius:5px;background:#20180c;color:#f0d59b;font:700 9px/1.5 var(--body);letter-spacing:.16em;margin-bottom:9px}
.ec-boss-suite {margin:28px 0 34px;padding:30px;border:1px solid #b99a55;border-radius:20px;background:radial-gradient(ellipse at top right,#bd873026,transparent 55%),#11110f}
.ec-boss-suite-head {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}
.ec-boss-suite :is(h2,.ec-profile-name) {font-size:2.3rem;margin:8px 0 10px;color:#f2d492}
.ec-boss-suite p {color:#c3b69c;font-size:13px;line-height:1.7}
.ec-boss-suite-count {white-space:nowrap;font:700 11px/1.6 var(--body);letter-spacing:.14em;color:#c3a669;flex:none}
.ec-boss-suite .ec-profile-card {margin:24px 0}
.ec-boss-suite-actions {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:23px}
.ec-boss-suite-actions small {color:#c4b496}
.ec-boss-suite .casino-shop-grid {margin-top:28px}
.ec-boss-suite .casino-shop-item {border-color:#6b552c}
.ec-boss-suite .ec-boss-catalogue-title {font-size:1.4rem;margin-top:28px}
.ec-boss-title + p {margin-top:7px}
.ec-profile-card--compact .ec-boss-title {font-size:7px;letter-spacing:.14em;margin-top:5px}
.ec-profile-card--compact .ec-boss-title::before,.ec-profile-card--compact .ec-boss-title::after {width:10px}
.ec-profile-card--compact .ec-boss-eclipse {width:86px;height:86px;right:8%;opacity:.65}
.ec-profile-card--compact[data-ec-frame=boss_throne] .ec-frame-emblem {width:32px;height:20px;font-size:15px;top:-12px}
.ec-profile-card--compact[data-ec-frame=boss_throne] .ec-corner {width:14px;height:14px}
@media(max-width:640px) {
  .ec-boss-suite {padding:19px 13px;border-radius:14px}.ec-boss-suite :is(h2,.ec-profile-name) {font-size:1.8rem}
  .ec-boss-suite-head {flex-direction:column;gap:6px}.ec-boss-suite-actions>button {width:100%}
  .ec-boss-eclipse {right:-28px;width:155px;height:155px;opacity:.5}
  .ec-profile-card[data-ec-frame=boss_throne] .ec-profile-content {padding:30px 18px}
  .ec-profile-card[data-ec-frame=boss_throne].ec-profile-card--compact .ec-profile-content {padding:20px 12px}
  .ec-boss-suite .casino-shop-grid {grid-template-columns:1fr}
  .ec-boss-title {font-size:8px}.ec-boss-suite-count {white-space:normal}
  [data-cards-visual=boss_cards] .casino-playing-card.hidden-card::after {top:3px;font-size:11px}
}
.ec-motion-off [data-profile-visual=boss_gold] .casino-account-chip strong,
.ec-animations-paused [data-profile-visual=boss_gold] .casino-account-chip strong {animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce) {
 [data-profile-visual=boss_gold] .casino-account-chip strong {animation:none!important}
 .ec-fx--boss_presence .ec-particle {opacity:.45}
}

/* ---------- En-tête : mini-profil cliquable, même rendu que la carte complète ---------- */
.ec-account-topbar {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}
.ec-account-heading {min-width:0}
.ec-account-heading h2 {overflow-wrap:anywhere}
.ec-account-tools {display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}
.ec-account-tools .casino-top-balance {flex:none}
/* Aucun sélecteur de l'ancien .casino-account-chip : le rôle et l'identifiant
   ne reçoivent pas la couleur ou les animations réservées au pseudo. */
.ec-profile-card.ec-profile-card--header {
  appearance:none;
  display:block;
  flex:0 0 auto;
  width:330px;
  max-width:100%;
  min-height:104px;
  border-radius:14px;
  padding:0;
  text-align:left;
  font:inherit;
  color:#f8efdf;
  line-height:1.3;
  cursor:pointer;
  transition:box-shadow .18s ease,border-color .18s ease;
  box-shadow:0 7px 22px #0004;
  -webkit-tap-highlight-color:transparent;
}
.ec-profile-card.ec-profile-card--header .ec-profile-content {
  display:flex;
  min-height:104px;
  padding:15px 16px;
  gap:12px;
}
.ec-profile-card.ec-profile-card--header .ec-avatar {--ec-avatar-size:48px}
.ec-profile-card.ec-profile-card--header .ec-profile-copy {display:block;flex:1;min-width:0}
.ec-profile-card.ec-profile-card--header .ec-header-name-line {
  display:flex;align-items:center;gap:8px;min-width:0;
}
.ec-profile-card.ec-profile-card--header .ec-profile-name {
  display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:800 1.45rem/1.1 var(--display);letter-spacing:.015em;
}
.ec-header-open {flex:none;color:#e6cd93;font:600 17px/1 var(--body);opacity:.7}
.ec-profile-card--header .ec-header-meta {
  display:block;color:#cec5b7;font:400 10px/1.45 var(--body);margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ec-profile-card.ec-profile-card--header .ec-profile-badges {
  display:flex;flex-wrap:nowrap;min-width:0;margin-top:6px;gap:5px;
}
.ec-profile-card.ec-profile-card--header .ec-badge {
  display:block;min-width:0;max-width:100%;padding:3px 7px;font-size:9px;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ec-profile-card--header .ec-badge--vip {flex:none}
.ec-profile-card.ec-profile-card--header .ec-boss-title {display:flex;font-size:8px;margin-top:4px;letter-spacing:.2em}
.ec-profile-card.ec-profile-card--header .ec-boss-title::before,
.ec-profile-card.ec-profile-card--header .ec-boss-title::after {width:12px}
.ec-profile-card.ec-profile-card--header .ec-frame-emblem {
  width:28px;height:18px;top:-9px;right:28px;font-size:15px;line-height:1;
}
.ec-profile-card.ec-profile-card--header .ec-corner {width:12px;height:12px}
.ec-profile-card.ec-profile-card--header .ec-boss-eclipse {
  width:82px;height:82px;right:5%;opacity:.65;
}
.ec-profile-card--header .ec-particle {pointer-events:none}
.ec-profile-card.ec-profile-card--header:hover {
  border-color:var(--ec-frame);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ec-frame) 50%,transparent),0 8px 26px #0006;
}
.ec-profile-card--header:hover .ec-header-open,
.ec-profile-card--header:focus-visible .ec-header-open {opacity:1;color:#fff0c6}
.ec-profile-card.ec-profile-card--header:focus-visible {
  outline:3px solid #f5d481;outline-offset:5px;
}
.ec-profile-card.ec-profile-card--header[aria-current=page] {
  outline:1px solid color-mix(in srgb,var(--ec-frame) 78%,#fff);outline-offset:3px;
}
.ec-profile-card.ec-profile-card--header[aria-current=page]:focus-visible {outline:3px solid #f5d481;outline-offset:5px}
/* Les scènes en <span> remplissent les mêmes calques que leurs variantes <div>. */
.ec-profile-card--header .ec-profile-canvas,
.ec-profile-card--header .ec-profile-rim,
.ec-profile-card--header .ec-fx,
.ec-profile-card--header .ec-fx__ambient,
.ec-profile-card--header .ec-fx__particles {display:block}
@media(max-width:1000px) {
  .ec-account-topbar {grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:10px 18px}
  .ec-account-heading {grid-column:1;grid-row:1;align-self:end}
  .ec-account-tools {display:contents}
  .ec-account-tools .casino-top-balance {grid-column:1;grid-row:2;justify-self:start;align-self:start;max-width:100%}
  .ec-account-tools .ec-profile-card--header {grid-column:2;grid-row:1 / span 2;width:100%}
}
@media(max-width:580px) {
  .ec-account-topbar {grid-template-columns:minmax(0,1fr) minmax(190px,1.5fr);padding:18px 12px;gap:7px 12px;align-items:center}
  .ec-account-heading h2 {font-size:1.45rem}
  .ec-account-heading .casino-top-eyebrow {font-size:8px;letter-spacing:.12em;line-height:1.5}
  .ec-account-tools .casino-top-balance {padding:7px 8px;font-size:11px;white-space:normal;overflow-wrap:anywhere}
  .ec-profile-card.ec-profile-card--header {min-height:96px;border-radius:12px}
  .ec-profile-card.ec-profile-card--header .ec-profile-content {min-height:96px;padding:13px 11px;gap:8px}
  .ec-profile-card.ec-profile-card--header .ec-avatar {--ec-avatar-size:36px}
  .ec-profile-card.ec-profile-card--header .ec-profile-name {font-size:1.22rem}
  .ec-profile-card--header .ec-header-meta {font-size:9px}
  .ec-profile-card.ec-profile-card--header .ec-badge {font-size:8px;padding:3px 5px}
  .ec-profile-card.ec-profile-card--header .ec-boss-title {font-size:7px;letter-spacing:.12em}
  .ec-profile-card.ec-profile-card--header .ec-boss-title::before,
  .ec-profile-card.ec-profile-card--header .ec-boss-title::after {width:7px}
  .ec-profile-card.ec-profile-card--header .ec-boss-eclipse {width:70px;height:70px;right:0}
  .ec-profile-card--header .ec-header-open {font-size:14px}
}
@media(max-width:370px) {
  .ec-account-topbar {grid-template-columns:minmax(0,1fr) 190px;gap:7px 9px;padding:17px 10px}
  .ec-account-heading .casino-top-eyebrow {display:none}
  .ec-account-heading h2 {font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce) {
  .ec-profile-card.ec-profile-card--header {transition:none}
}