/* Nobody — boussole morale, traits cachés, liens, besoin de parler (V1_SPEC §10). Feuille à part (agent « social »). */

/* ── Créateur : bloc « Valeurs » ─────────────────────────────── */
.values-block { flex: none; display: grid; grid-template-columns: 1fr 172px; gap: 12px; padding: 10px 12px 10px 14px;
  background: rgba(255,255,255,.035); border-left: 3px solid var(--orange); }
.values-block .vb-main { min-width: 0; display: flex; flex-direction: column; }
.values-block .vb-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.values-block .vb-reroll { background: none; border: 1px solid var(--grey-2); color: var(--paper-dark); font-size: 12px; padding: 2px 9px; cursor: pointer;
  text-transform: uppercase; letter-spacing: .03em; white-space: nowrap; }
.values-block .vb-reroll:hover:not(:disabled) { border-color: var(--orange); color: var(--orange-2); }
.values-block .vb-reroll:disabled { opacity: .4; cursor: default; }
.values-block .vb-dots { display: flex; gap: 6px; margin: 7px 0 6px; }
.values-block .vb-dot { width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--grey-2); background: transparent; color: var(--grey);
  cursor: pointer; font-size: 12px; padding: 0; }
.values-block .vb-dot.done { background: var(--grey-2); color: var(--paper); }
.values-block .vb-dot.cur { border-color: var(--orange); color: var(--orange-2); box-shadow: 0 0 0 2px rgba(226,112,42,.3); }
.values-block .vb-dot.done.cur { color: #fff; }
.values-block .vb-dot.sum:disabled { opacity: .3; cursor: default; }
.values-block .vb-q .q { font-family: var(--type); font-size: 16px; line-height: 1.3; color: var(--paper); margin-bottom: 8px; }
.values-block .vb-ans { display: flex; flex-wrap: wrap; gap: 6px; }
.values-block .vb-a { background: var(--paper); color: var(--ink); border: 0; padding: 6px 11px; font-size: 14.5px; cursor: pointer; text-align: left;
  clip-path: polygon(0 3%, 99% 0, 100% 96%, 1% 100%); transition: background .12s; }
.values-block .vb-a:hover { background: var(--orange-2); }
.values-block .vb-a.on { background: var(--orange); color: #fff; }
.values-block .vb-sum { display: flex; flex-direction: column; gap: 3px; }
.values-block .vb-line { font-size: 13.5px; color: var(--grey); cursor: pointer; line-height: 1.25; }
.values-block .vb-line:hover { color: var(--paper-dark); }
.values-block .vb-line b { color: var(--paper); font-weight: 500; }
.values-block .vb-side { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.values-block .vb-lbl { font-size: 14px; color: var(--orange-2); text-transform: uppercase; line-height: 1.1; }
.values-block .vb-note { font-size: 11px; color: var(--grey); line-height: 1.2; }
@media (max-height: 820px) { .values-block { padding: 6px 10px; } .values-block .vb-q .q { font-size: 14.5px; margin-bottom: 5px; } .values-block .vb-a { padding: 4px 9px; font-size: 13.5px; } }

/* ── Boussole (SVG) ──────────────────────────────────────────── */
.ethic-compass { display: block; overflow: visible; }
.ethic-compass .ring { fill: rgba(255,255,255,.03); stroke: var(--grey-2); stroke-width: 1; }
.ethic-compass .sector { stroke: var(--grey-2); stroke-width: .6; stroke-dasharray: 2 3; opacity: .7; }
.ethic-compass .axis { stroke: var(--grey); stroke-width: .8; }
.ethic-compass .dot { fill: var(--orange-2); }
.ethic-compass .pname { font-size: 6.8px; fill: var(--grey); font-family: var(--font); text-transform: uppercase; letter-spacing: .02em; }
.ethic-compass .axlbl { font-size: 8.5px; fill: var(--paper-dark); font-family: var(--font); text-transform: uppercase; }
.big-polaroid .ethic-compass .ring { fill: rgba(0,0,0,.04); stroke: #8a8178; }
.big-polaroid .ethic-compass .axis { stroke: #8a8178; }
.big-polaroid .ethic-compass .sector { stroke: #a39b8c; }
.big-polaroid .ethic-compass .dot { fill: #b4531a; }

/* ── Fiche au survol ─────────────────────────────────────────── */
.big-polaroid .ethic-line { display: flex; gap: 8px; align-items: center; margin-top: 6px; }
.big-polaroid .ethic-line .lbl { font-size: 14px; color: var(--ink-3); text-transform: uppercase; line-height: 1.05; }
.big-polaroid .ethic-line .sub { font-size: 11px; color: var(--grey-2); }
.big-polaroid .hidden-chip { display: inline-block; font-size: 12px; padding: 1px 7px; margin-top: 5px; color: #f3eee4; background: var(--grey-2); }
.big-polaroid .hidden-chip.good { background: #3c5a2c; }
.big-polaroid .hidden-chip.bad { background: #7d2a17; }
.big-polaroid .hidden-chip.odd { background: #4a4540; }
.big-polaroid .hidden-chip small { opacity: .75; font-size: 11px; }
.big-polaroid .bonds { display: flex; flex-wrap: wrap; gap: 0 10px; font-family: var(--hand); font-size: 18px; line-height: 1.1; margin-top: 4px; }
.big-polaroid .bonds .close { color: #2f5b22; }
.big-polaroid .bonds .cold { color: #8c2412; }
.big-polaroid .learn { font-size: 12px; color: var(--ink-3); margin-top: 3px; }
.big-polaroid .st.talk { color: #fff; background: var(--orange); padding: 0 6px; display: inline-block; margin-top: 2px; }

/* ── Portraits : « Besoin de parler » ────────────────────────── */
.polaroid .talk-badge { position: absolute; top: 5px; left: 5px; width: 26px; height: 26px; border-radius: 50%; background: var(--orange); color: #fff;
  display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,.5); animation: talk-pulse 2.6s ease-in-out infinite; z-index: 2; }
@keyframes talk-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }

/* ── Journal et rapport ──────────────────────────────────────── */
.journal .social { color: #4a3b2a; }
.journal .reveal { color: #8a4a12; }
.report .wall .social { color: #d8c6a8; }
.report .wall .reveal { color: var(--orange-2); }