/* ============================================================================
 * guilde-card.css — Carte de personnage de la Guilde, PORTABLE et AUTONOME.
 * Flip 3D recto/verso, sans React. Tout scopé sous .guilde-card.
 * RECTO = portrait plein cadre (2:3) + bandeau papyrus. VERSO = vieux papier
 * + nom/sens caché + réplique encadrée + liste pouvoirs. Seule var : --lieu.
 * ========================================================================== */
.guilde-card{position:relative;width:320px;max-width:100%;aspect-ratio:2/3;
  perspective:1600px;cursor:pointer;user-select:none;background:#0b0f14;
  border-radius:14px;--lieu:#22D3EE}
.guilde-card .gc-flipper{position:absolute;inset:0;transform-style:preserve-3d;
  transition:transform 620ms cubic-bezier(.22,.61,.36,1);border-radius:inherit}
.guilde-card.is-flipped .gc-flipper{transform:rotateY(180deg)}
.guilde-card .gc-face{position:absolute;inset:0;backface-visibility:hidden;
  -webkit-backface-visibility:hidden;border-radius:inherit;overflow:hidden}
.guilde-card .gc-face--verso{transform:rotateY(180deg)}
/* RECTO */
.guilde-card .gc-recto{position:absolute;inset:0;background:#0b0f14}
.guilde-card .gc-recto__img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center top;display:block}
.guilde-card .gc-recto__fallback{position:absolute;inset:0;display:flex;
  align-items:center;justify-content:center;font:700 96px/1 'Cinzel',Georgia,serif;
  color:rgba(255,255,255,.18);background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.06),transparent 60%),#11161d}
.guilde-card .gc-recto::after{content:'';position:absolute;left:0;right:0;bottom:0;
  height:42%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none}
.guilde-card .gc-banner{position:absolute;left:14px;right:14px;bottom:16px;z-index:2;
  padding:13px 18px 14px;border-radius:6px;
  background:linear-gradient(180deg,#f6ecd2 0%,#efe1c0 52%,#e7d4a8 100%);
  box-shadow:0 10px 24px rgba(0,0,0,.45),0 2px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(120,86,32,.25) inset;
  border:1px solid rgba(120,86,32,.32);border-bottom:3px solid var(--lieu,#22D3EE);text-align:center}
.guilde-card .gc-banner__prenom{margin:0;font:700 27px/1.04 'Cinzel',Georgia,serif;
  letter-spacing:.012em;color:#2c2113;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.guilde-card .gc-banner__fonction{margin:5px 0 0;font:italic 400 13.5px/1.32 Georgia,serif;color:#5a4828}
.guilde-card .gc-banner__lieu{display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  font:600 10.5px/1 'Cinzel',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#6b5530}
.guilde-card .gc-banner__lieu::before{content:'';width:9px;height:9px;border-radius:50%;
  background:var(--lieu,#22D3EE);box-shadow:0 0 0 2px rgba(120,86,32,.18)}
.guilde-card .gc-flip-hint{position:absolute;top:10px;right:12px;z-index:3;padding:4px 9px;
  border-radius:999px;font:600 10px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.86);background:rgba(12,16,22,.42);border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(3px);pointer-events:none}
/* VERSO */
.guilde-card .gc-verso{position:absolute;inset:0;display:flex;flex-direction:column;
  padding:22px 22px 18px;color:#4a3a22;
  background:radial-gradient(80% 55% at 18% 12%,rgba(180,130,60,.14),transparent 60%),
    radial-gradient(70% 50% at 88% 90%,rgba(150,100,40,.16),transparent 62%),
    radial-gradient(40% 30% at 70% 30%,rgba(120,80,30,.10),transparent 70%),
    linear-gradient(160deg,#f3e6c6 0%,#ecdcb4 55%,#e2cd9c 100%);
  box-shadow:0 0 60px rgba(90,60,20,.18) inset}
.guilde-card .gc-verso__head{text-align:center;border-bottom:1px solid rgba(120,86,32,.28);
  padding-bottom:11px;margin-bottom:13px}
.guilde-card .gc-verso__prenom{margin:0;font:700 22px/1.05 'Cinzel',Georgia,serif;color:#3a2c17;letter-spacing:.01em}
.guilde-card .gc-verso__sens{margin:3px 0 0;font:italic 400 12px/1.3 Georgia,serif;color:#7a6034}
.guilde-card .gc-verso__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:13px}
.guilde-card .gc-verso__qui{margin:0;font:400 13.5px/1.5 Georgia,serif;color:#4a3a22}
.guilde-card .gc-verso__replique{position:relative;margin:0;padding:9px 4px 9px 16px;
  font:italic 500 13.5px/1.46 Georgia,serif;color:#5b3d1c;border-left:3px solid var(--lieu,#22D3EE)}
.guilde-card .gc-verso__replique::before{content:'\201C';position:absolute;left:-2px;top:-8px;
  font:700 34px/1 Georgia,serif;color:rgba(120,86,32,.35)}
.guilde-card .gc-verso__pouvoirs-label{margin:0 0 6px;font:700 10.5px/1 'Cinzel',Georgia,serif;
  letter-spacing:.16em;text-transform:uppercase;color:#7a6034}
.guilde-card .gc-verso__pouvoirs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.guilde-card .gc-verso__pouvoirs li{position:relative;padding-left:16px;font:400 12.5px/1.35 Georgia,serif;color:#4a3a22}
.guilde-card .gc-verso__pouvoirs li::before{content:'\2756';position:absolute;left:0;top:0;color:var(--lieu,#22D3EE);font-size:11px}
.guilde-card .gc-flip-back-hint{position:absolute;top:12px;right:14px;font:600 10px/1 system-ui,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;color:#8a724a;pointer-events:none}