.support-wall-page{
  --wall-blue:#5c8fbd;
  --wall-red:#b95a69;
  --wall-line:rgba(221,232,242,.2);
  --wall-panel:linear-gradient(145deg,rgba(12,28,47,.9),rgba(6,16,29,.86));
  position:relative;
  max-width:1080px;
  margin:0 auto;
  padding-bottom:34px;
}

.wall-preview-banner{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 18px;
  padding:11px 13px;
  border:1px solid rgba(218,190,118,.22);
  border-radius:14px;
  background:rgba(74,58,24,.18);
  color:#d5e0ea;
  font-size:11px;
}
.wall-preview-banner strong{color:#e9d49a}
.wall-preview-banner a{margin-left:auto;color:#e7d9ad;font-weight:800}
.wall-preview-dot{
  width:8px;height:8px;border-radius:50%;background:#d9b85e;
  box-shadow:0 0 0 4px rgba(217,184,94,.08)
}

.wall-hero{padding:26px 4px 20px}
.wall-hero h1{
  max-width:760px;margin:8px 0 7px;
  font-size:clamp(38px,10vw,68px);line-height:1.01;letter-spacing:-.055em
}
.wall-hero>p{max-width:760px;margin:14px 0 0;color:#b4c3d1;font-size:14px;line-height:1.65}
.wall-tricolor{display:grid;grid-template-columns:1fr 1fr 1fr;width:150px;height:3px;overflow:hidden;border-radius:99px;opacity:.82}
.wall-tricolor i:nth-child(1){background:#4f7fae}
.wall-tricolor i:nth-child(2){background:#dce4eb}
.wall-tricolor i:nth-child(3){background:#ad5363}

.wall-hero-stats{display:grid;grid-template-columns:1fr 1fr .9fr;gap:8px;margin-top:18px}
.wall-hero-stats>div{
  min-width:0;padding:12px;border:1px solid rgba(255,255,255,.075);
  border-radius:14px;background:rgba(255,255,255,.032)
}
.wall-hero-stats span,.wall-hero-stats strong{display:block}
.wall-hero-stats>div>span{color:#879db1;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.wall-hero-stats>div>strong{margin-top:3px;font-size:18px}
.wall-live-state>span{display:flex!important;align-items:center;gap:6px;color:#d78c98!important}
.wall-live-state i,.wall-live-button i{
  display:inline-block;width:7px;height:7px;border-radius:50%;background:#c25769;
  box-shadow:0 0 0 4px rgba(194,87,105,.08)
}
.wall-live-state>strong{font-size:13px!important}

.wall-map-card,.wall-ranking-card,.wall-history-card{padding:16px;border-radius:22px}
.wall-map-card{position:relative;overflow:hidden}
.wall-map-card:before{
  content:"";position:absolute;width:230px;height:230px;border-radius:50%;
  background:rgba(66,103,139,.08);filter:blur(70px);top:-130px;right:-90px;pointer-events:none
}
.wall-section-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}
.wall-section-head h2,.wall-history-head h2{margin:4px 0 0;font-size:22px;line-height:1.1;letter-spacing:-.04em}
.wall-live-button{
  display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;
  border:1px solid rgba(190,91,108,.28);border-radius:999px;background:rgba(116,42,55,.12);
  color:#d9a6ae;font:inherit;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer
}
.wall-live-button:not(.is-active){border-color:rgba(124,151,176,.18);background:rgba(255,255,255,.025);color:#879caf}
.wall-live-button:not(.is-active) i{background:#718496;box-shadow:none}

.wall-board{
  position:relative;aspect-ratio:1.08/1;overflow:hidden;
  border:1px solid rgba(150,177,201,.18);border-radius:18px;
  background:radial-gradient(circle at 50% 30%,rgba(57,91,124,.08),transparent 46%),linear-gradient(180deg,rgba(3,10,19,.985),rgba(5,13,24,.99));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 16px 38px rgba(0,0,0,.2);
  touch-action:manipulation
}
.wall-board canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.wall-board [data-wall-canvas]{z-index:1;cursor:pointer}
.wall-selection-canvas{z-index:2;pointer-events:none}
.wall-map-labels{position:absolute;inset:0;z-index:3;pointer-events:none}
.wall-map-label{
  appearance:none;position:absolute;display:flex;flex-direction:column;gap:1px;
  max-width:118px;min-width:76px;padding:6px 8px;
  border:1px solid rgba(220,231,241,.18);border-left:2px solid var(--label-color);
  border-radius:9px;background:rgba(5,13,24,.8);box-shadow:0 6px 18px rgba(0,0,0,.24);
  backdrop-filter:blur(9px);color:#f4f7fa;text-align:left;pointer-events:auto;
  font:inherit;cursor:pointer;transform:translate(-50%,-50%);
  transition:transform .2s var(--ease),border-color .2s,background .2s,opacity .2s
}
.wall-map-label:hover,.wall-map-label:focus-visible{transform:translate(-50%,-50%) scale(1.025);outline:none;border-color:rgba(235,243,250,.34)}
.wall-map-label.is-selected{
  border-color:rgba(241,247,252,.58);border-left-color:var(--label-color);
  background:rgba(7,17,30,.92);box-shadow:0 7px 22px rgba(0,0,0,.3)
}
.wall-map-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.wall-map-label span{font-size:15px;font-weight:800}
.wall-map-label small{color:#a5b5c4;font-size:8px}

.wall-board-loading{
  position:absolute;inset:0;z-index:5;display:grid;place-items:center;align-content:center;gap:10px;
  background:rgba(3,10,19,.76);backdrop-filter:blur(5px);transition:opacity .3s
}
.wall-board-loading.is-hidden{opacity:0;pointer-events:none}
.wall-board-loading span{width:24px;height:24px;border:2px solid rgba(255,255,255,.12);border-top-color:#7fa2c2;border-radius:50%;animation:wallSpin .8s linear infinite}
.wall-board-loading strong{font-size:11px;color:#a9bac9}
@keyframes wallSpin{to{transform:rotate(360deg)}}

.wall-focus{
  display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;
  margin-top:10px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:15px;
  background:rgba(255,255,255,.032);transition:border-color .2s,background .2s,box-shadow .2s
}
.wall-focus.is-selected{
  border-color:color-mix(in srgb,var(--selected-color) 36%,rgba(255,255,255,.12));
  background:linear-gradient(90deg,color-mix(in srgb,var(--selected-color) 7%,rgba(255,255,255,.03)),rgba(255,255,255,.025));
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--selected-color) 74%,white 8%)
}
.wall-focus img{width:46px;height:46px;border-radius:12px;object-fit:cover;background:#112438;filter:saturate(.88)}
.wall-focus-copy{min-width:0}
.wall-focus-copy span,.wall-focus-copy strong,.wall-focus-copy small{display:block}
.wall-focus-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8196aa;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.wall-focus-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px}
.wall-focus-copy small{margin-top:2px;color:#a5b5c4;font-size:9px}
.wall-focus-copy small b{color:#fff}
.wall-focus>a{
  display:inline-flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid rgba(132,164,193,.17);
  border-radius:10px;background:rgba(62,96,127,.07);color:#b8cfdf;font-size:9px;font-weight:800;white-space:nowrap
}

.wall-territory-strip{display:flex;gap:7px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.wall-territory-strip::-webkit-scrollbar{display:none}
.wall-territory-chip{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:36px;padding:6px 10px;
  border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.028);
  color:#d6e0e9;font:inherit;font-size:9px;cursor:pointer
}
.wall-territory-chip i{width:8px;height:8px;border-radius:50%;background:var(--chip-color)}
.wall-territory-chip strong{font-size:10px}
.wall-territory-chip.is-active{
  border-color:color-mix(in srgb,var(--chip-color) 42%,rgba(255,255,255,.12));
  background:color-mix(in srgb,var(--chip-color) 7%,rgba(255,255,255,.025))
}
.wall-touch-hint{margin:9px 2px 0;color:#72879a;font-size:9px;line-height:1.45;text-align:center}

.wall-ranking-card{margin-top:14px}
.wall-small-link{color:#a8bfd2;font-size:10px;font-weight:800}
.wall-ranking-list{display:grid;gap:7px}
.wall-rank-row{
  display:grid;grid-template-columns:26px 42px minmax(0,1fr) auto 12px;align-items:center;gap:8px;
  min-height:64px;padding:8px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.026);
  transition:transform .2s var(--ease),border-color .2s,background .2s
}
.wall-rank-row:hover{transform:translateY(-1px);border-color:rgba(155,181,203,.2);background:rgba(255,255,255,.045)}
.wall-rank-number{color:#7d91a5;font-size:15px;font-weight:800;text-align:center}
.wall-rank-row>img{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#13263a;filter:saturate(.88)}
.wall-rank-copy{min-width:0}
.wall-rank-copy strong,.wall-rank-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wall-rank-copy strong{font-size:11px}
.wall-rank-copy small{margin-top:2px;color:#7f93a6;font-size:8px}
.wall-rank-copy i{display:block;height:3px;margin-top:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055)}
.wall-rank-copy i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c819f,#9a5360)}
.wall-rank-score{text-align:right}
.wall-rank-score strong,.wall-rank-score small{display:block}
.wall-rank-score strong{font-size:12px}
.wall-rank-score small{margin-top:2px;color:#899caf;font-size:8px}
.wall-rank-arrow{color:#92a9bd;font-size:20px}

.wall-history-card{margin-top:14px}
.wall-history-head{display:grid;grid-template-columns:42px 1fr;gap:11px}
.wall-history-head p{margin:6px 0 0;color:#899daf;font-size:10px;line-height:1.5}
.wall-history-icon,.wall-method-icon{
  display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(101,141,177,.24);
  border-radius:13px;background:rgba(61,100,135,.08);color:#88a9c6;font-size:22px
}
.wall-history-controls{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;margin-top:16px}
.wall-play-button{
  display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(117,153,185,.3);border-radius:50%;
  background:rgba(62,99,132,.08);color:#a5bfd5;font:inherit;cursor:pointer
}
.wall-play-button.is-playing{background:rgba(72,108,140,.16);box-shadow:0 0 0 3px rgba(115,148,177,.06)}
.wall-timeline{min-width:0}
.wall-timeline-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:7px;margin-bottom:8px;color:#708597;font-size:8px}
.wall-timeline-meta strong{
  padding:4px 7px;border:1px solid rgba(117,150,179,.18);border-radius:8px;background:rgba(64,95,123,.06);
  color:#d3e0ea;font-size:9px;text-align:center
}
.wall-timeline-meta span:last-child{text-align:right}
.wall-timeline input{display:block;width:100%;accent-color:#6f92b1;cursor:pointer}
.wall-history-status{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);color:#738799;font-size:9px}

.wall-method-card{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;
  margin-top:14px;padding:15px;border-radius:20px;transition:transform .2s var(--ease),border-color .2s
}
.wall-method-card:hover{transform:translateY(-1px);border-color:rgba(151,176,198,.2)}
.wall-method-card span:nth-child(2) strong,.wall-method-card span:nth-child(2) small{display:block}
.wall-method-card span:nth-child(2) strong{font-size:12px}
.wall-method-card span:nth-child(2) small{margin-top:4px;color:#8ea1b2;font-size:9px;line-height:1.5}
.wall-method-card>b{font-size:24px;color:#94aabd}

.wall-sticky-action{
  position:fixed;left:0;right:0;bottom:0;z-index:80;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,transparent,rgba(4,12,23,.94) 28%);pointer-events:none
}
.wall-sticky-action a{
  display:flex;align-items:center;justify-content:center;gap:10px;max-width:520px;min-height:52px;margin:0 auto;
  border:1px solid rgba(185,82,100,.48);border-radius:16px;
  background:linear-gradient(180deg,rgba(157,47,66,.94),rgba(105,27,42,.95));
  box-shadow:0 9px 28px rgba(92,20,34,.24),inset 0 1px 0 rgba(255,255,255,.1);
  color:#fff;font-size:14px;font-weight:800;pointer-events:auto
}
.wall-sticky-action a>span{font-size:22px}
.wall-sticky-action a>b{font-size:16px}
.wall-map-card.is-history .wall-board{border-color:rgba(139,127,168,.22)}
.wall-map-card.is-history .wall-live-button{border-color:rgba(139,127,168,.2);color:#aca3c2;background:rgba(91,76,119,.07)}

.wall-hover-tooltip{
  position:absolute;z-index:7;min-width:140px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:rgba(4,12,23,.94);box-shadow:0 10px 24px rgba(0,0,0,.3);backdrop-filter:blur(10px);
  pointer-events:none;transform:translate(10px,10px)
}
.wall-hover-tooltip strong,.wall-hover-tooltip span{display:block}
.wall-hover-tooltip strong{font-size:11px}
.wall-hover-tooltip span{margin-top:2px;color:#9aabba;font-size:9px}

.wall-live-tools{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto
}
.wall-event{
  position:static;display:flex;align-items:center;gap:7px;max-width:190px;min-height:38px;
  padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(4,13,24,.92);
  box-shadow:0 7px 20px rgba(0,0,0,.22);backdrop-filter:blur(12px);opacity:0;transform:translateX(5px);
  transition:opacity .25s,transform .25s;pointer-events:none
}
.wall-event[hidden]{display:none!important}
.wall-event.is-visible{opacity:1;transform:none}
.wall-event>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%}
.wall-event span,.wall-event strong,.wall-event small{display:block;min-width:0}
.wall-event strong{font-size:9px;line-height:1.15}
.wall-event small{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93a5b6;font-size:8px;line-height:1.2}

@media(min-width:720px){
  .support-wall-page{padding-bottom:34px}
  .wall-hero{padding-top:42px}
  .wall-hero>p{font-size:16px}
  .wall-hero-stats{max-width:620px}
  .wall-map-card,.wall-ranking-card,.wall-history-card{padding:22px;border-radius:26px}
  .wall-board{aspect-ratio:1.65/1}
  .wall-map-label{max-width:150px;min-width:104px;padding:8px 10px}
  .wall-map-label strong{font-size:12px}
  .wall-map-label span{font-size:18px}
  .wall-map-label small{font-size:9px}
  .wall-focus{grid-template-columns:54px minmax(0,1fr) auto;padding:12px}
  .wall-focus img{width:54px;height:54px}
  .wall-focus-copy strong{font-size:16px}
  .wall-focus-copy small{font-size:10px}
  .wall-focus-actions{min-width:138px}.wall-focus-link{font-size:10px;padding:10px 12px}.wall-focus-support-button{min-height:40px;font-size:11px}
  .wall-ranking-list{grid-template-columns:1fr 1fr}
  .wall-rank-row{grid-template-columns:26px 46px minmax(0,1fr) auto 12px}
  .wall-rank-row>img{width:46px;height:46px}
  .wall-history-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:24px;align-items:center}
  .wall-history-controls{margin-top:0}
  .wall-history-status{grid-column:1/-1;margin-top:-8px}
  .wall-method-card{padding:18px 20px}
  .wall-sticky-action{position:static;padding:16px 0 0;background:none}
  .wall-sticky-action a{max-width:360px;margin-left:auto;margin-right:0}
}

@media(min-width:1000px){
  .support-wall-page{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.75fr);gap:16px;max-width:1180px}
  .wall-preview-banner,.wall-hero,.wall-history-card,.wall-method-card,.wall-sticky-action{grid-column:1/-1}
  .wall-hero{padding-right:340px}
  .wall-map-card{grid-column:1}
  .wall-ranking-card{grid-column:2;margin-top:0;align-self:start;position:sticky;top:18px}
  .wall-ranking-list{grid-template-columns:1fr}
  .wall-board{aspect-ratio:1.46/1}
  .wall-history-card{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
  .wall-sticky-action a{margin-left:auto}
}

@media(max-width:520px){
  .wall-preview-banner{align-items:flex-start;flex-wrap:wrap}
  .wall-preview-banner a{width:100%;margin-left:17px}
  .wall-hero-stats>div{padding:10px}
  .wall-hero-stats>div>strong{font-size:15px}
  .wall-hero-stats>div>span{font-size:8px}
  .wall-live-state>strong{font-size:11px!important}
  .wall-map-card,.wall-ranking-card,.wall-history-card{margin-left:-2px;margin-right:-2px}
  .wall-section-head h2,.wall-history-head h2{font-size:20px}
  .wall-section-head{gap:8px}
  .wall-live-tools{gap:6px}
  .wall-event{max-width:118px;min-height:36px;padding:6px 8px}
  .wall-event small{max-width:92px}
  .wall-live-button{min-height:36px;padding:0 11px}
  .wall-board{aspect-ratio:1/1.08}
  .wall-map-label:nth-child(n+4){display:none}
  .wall-focus{grid-template-columns:42px minmax(0,1fr)}
  .wall-focus img{width:42px;height:42px}
  .wall-focus-actions{grid-column:1/-1;width:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.wall-focus-link,.wall-focus-support-button{min-height:44px;font-size:11px}.wall-focus-support-button .support-button-timer{font-size:8px}
  .wall-rank-row{grid-template-columns:22px 38px minmax(0,1fr) auto 9px;gap:6px}
  .wall-rank-row>img{width:38px;height:38px}
  .wall-rank-copy small{max-width:130px}
  .wall-rank-score strong{font-size:11px}
  .wall-history-head{grid-template-columns:38px 1fr}
  .wall-history-icon,.wall-method-icon{width:38px;height:38px}
  .wall-method-card{grid-template-columns:38px minmax(0,1fr) auto}
  .wall-method-card span:nth-child(2) small{font-size:8px}
}

@media(prefers-reduced-motion:reduce){
  .wall-board-loading span{animation:none}
  .wall-map-label,.wall-rank-row,.wall-method-card{transition:none}
}


/* ===== Mur des Soutiens V4 — finition mobile premium ===== */
.wall-map-card{border-color:rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(12,29,48,.92),rgba(5,15,28,.90));box-shadow:0 22px 54px rgba(0,0,0,.24)}
.wall-map-card:before{opacity:.42}
.wall-board{border-color:rgba(151,184,215,.20);background:radial-gradient(circle at 50% 18%,rgba(54,102,151,.09),transparent 44%),linear-gradient(180deg,rgba(4,12,23,.99),rgba(5,14,25,.99));box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 16px 36px rgba(0,0,0,.22)}
.wall-board canvas{position:absolute;inset:0;width:100%;height:100%}.wall-board>[data-wall-canvas]{z-index:1}.wall-selection-canvas{z-index:4;pointer-events:none}.wall-map-labels{z-index:7}
.wall-map-label{max-width:112px;min-width:72px;padding:6px 8px;border-color:rgba(255,255,255,.10);border-radius:9px;background:rgba(5,13,25,.72);box-shadow:0 7px 18px rgba(0,0,0,.22);backdrop-filter:blur(9px);font-family:inherit;appearance:none;cursor:pointer}
.wall-map-label strong{font-size:9px;font-weight:750}.wall-map-label span{font-size:13px}.wall-map-label small{font-size:8px;color:#9fb0c0}
.wall-map-label.is-compact{max-width:92px;min-width:0;padding:5px 7px;background:rgba(5,13,25,.57);border-color:rgba(255,255,255,.065);box-shadow:0 5px 13px rgba(0,0,0,.16)}
.wall-map-label.is-compact strong{font-size:8px}.wall-map-label.is-compact span{font-size:10px;color:#e4edf5}.wall-map-label.is-compact small{display:none}
.wall-map-label.is-selected{border-color:color-mix(in srgb,var(--label-color) 42%,rgba(255,255,255,.36));background:rgba(5,13,25,.84);box-shadow:0 8px 22px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.045)}
.wall-focus{position:relative;border-color:color-mix(in srgb,var(--selected-color,#78b9ef) 42%,rgba(255,255,255,.10));background:linear-gradient(145deg,rgba(18,40,60,.78),rgba(8,22,37,.82));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--selected-color,#78b9ef) 74%,transparent)}
.wall-focus-status{color:#91a8bb!important;font-size:7px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important;margin-bottom:2px}
.wall-focus-copy>[data-wall-focus-party]{color:#7892a8!important;font-size:7px!important;margin-bottom:1px}
.wall-rank-row.is-selected{border-color:rgba(151,193,229,.24);background:rgba(255,255,255,.055);box-shadow:inset 2px 0 0 rgba(188,220,246,.42)}
.wall-territory-chip{box-shadow:none}.wall-territory-chip i{box-shadow:none}.wall-territory-chip.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color) 22%,transparent)}
.wall-touch-hint{color:#6f879c;font-size:8px;line-height:1.55}
.wall-live-button{box-shadow:none}.wall-live-state i,.wall-live-button i{box-shadow:0 0 0 4px rgba(255,65,96,.07)}
.wall-sticky-action{pointer-events:none}
.wall-support-cta{display:grid;grid-template-columns:auto minmax(0,auto) auto;grid-template-areas:"label label arrow" "timer timer timer";align-items:center;justify-content:center;column-gap:10px;row-gap:2px;width:min(520px,100%);min-height:56px;margin:0 auto;padding:8px 18px;border:1px solid rgba(232,91,111,.48);border-radius:16px;background:linear-gradient(180deg,rgba(156,38,58,.97),rgba(106,24,41,.97));box-shadow:0 10px 28px rgba(76,9,24,.27),inset 0 1px 0 rgba(255,255,255,.10);color:#fff;font:inherit;font-weight:800;pointer-events:auto;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}
.wall-support-cta:hover{transform:translateY(-1px);border-color:rgba(241,121,138,.62);background:linear-gradient(180deg,rgba(168,42,63,.98),rgba(115,26,44,.98))}
.wall-support-cta:disabled{cursor:not-allowed;transform:none;opacity:.82;background:linear-gradient(180deg,rgba(78,99,105,.80),rgba(48,63,68,.86));border-color:rgba(160,187,177,.20)}
.wall-support-cta .support-button-label{grid-area:label;font-size:14px;line-height:1.15}.wall-support-cta .support-button-timer{grid-area:timer;margin:1px 0 0;color:rgba(255,255,255,.76);font-size:9px;font-weight:650;text-align:center}.wall-support-cta>b{grid-area:arrow;font-size:16px}
@media(max-width:520px){
  .wall-map-card{padding:15px 14px}.wall-board{border-radius:16px}.wall-map-label{max-width:104px}.wall-map-label.is-compact{max-width:84px}.wall-map-label.is-compact strong{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-focus{margin-top:11px;padding:11px}.wall-territory-strip{margin-top:8px}.wall-support-cta{min-height:58px;border-radius:17px}.wall-sticky-action{padding-left:14px;padding-right:14px}
}
@media(min-width:720px){.wall-support-cta{max-width:360px;margin-left:auto;margin-right:0}}
@media(prefers-reduced-motion:reduce){.wall-support-cta,.wall-map-label{transition:none}}


/* ===== Mur des soutiens V5 — carte épurée / portraits non recadrés ===== */
.wall-map-labels{display:none!important}
.wall-hover-tooltip{min-width:132px;padding:7px 9px;border-color:rgba(255,255,255,.10);background:rgba(5,13,24,.91);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.wall-hover-tooltip strong{font-size:10px}.wall-hover-tooltip span{font-size:8px;color:#9aabba}
@media(hover:none),(pointer:coarse){.wall-hover-tooltip{display:none!important}}


/* ===== Mur des soutiens V7 — ergonomie territoires / historique / survol ===== */
.wall-map-card{scroll-margin-top:16px}
.wall-hover-tooltip{transform:none;max-width:min(230px,calc(100% - 16px));white-space:normal}
.wall-hover-tooltip strong,.wall-hover-tooltip span{overflow-wrap:anywhere}
.wall-territory-list-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.065)}
.wall-territory-list-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 9px}
.wall-territory-list-head .eyebrow{font-size:8px}
.wall-territory-list-head strong{color:#dbe7f1;font-size:12px;letter-spacing:-.01em}
.wall-territory-strip{display:grid;grid-template-columns:1fr;gap:6px;margin-top:0;overflow:visible;padding:0}
.wall-territory-chip{display:grid;grid-template-columns:24px 10px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;padding:7px 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.024);text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.wall-territory-chip:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.wall-territory-chip i{width:8px;height:8px;border-radius:2px;background:var(--chip-color)}
.wall-territory-rank{color:#738a9f;font-size:11px;font-weight:800;text-align:center}
.wall-territory-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6ee;font-size:10px;font-weight:720}
.wall-territory-stats{text-align:right;white-space:nowrap}
.wall-territory-stats strong,.wall-territory-stats small{display:block}
.wall-territory-stats strong{color:#eef5fa;font-size:10px}
.wall-territory-stats small{margin-top:1px;color:#768da1;font-size:7px;font-weight:600}
.wall-territory-chip.is-active{border-color:color-mix(in srgb,var(--chip-color) 48%,rgba(255,255,255,.22));background:color-mix(in srgb,var(--chip-color) 8%,rgba(255,255,255,.025));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--chip-color) 70%,#fff)}
@media(max-width:520px){
  .wall-territory-list-section{margin-top:11px;padding-top:11px}
  .wall-territory-chip{grid-template-columns:22px 9px minmax(0,1fr) auto;min-height:46px;padding:7px 8px;gap:7px}
  .wall-territory-name{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.wall-territory-chip{transition:none}}

/* V9 — navigation directe vers le Mur */
.wall-map-card{scroll-margin-top:16px}
.wall-rank-row{cursor:pointer}


/* ===== Mur des Soutiens V16 — classement compact déroulant ===== */
.wall-territory-list-head>div{display:grid;gap:2px;min-width:0}
.wall-territory-toggle{appearance:none;border:0;background:none;padding:4px 0;font:inherit;cursor:pointer;white-space:nowrap;color:#a8bfd2;font-size:10px;font-weight:800}
.wall-territory-toggle:hover{color:#d8e8f5}
.wall-territory-toggle[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.wall-territory-toggle{transition:none}}

/* ===== Mur des Soutiens V17 — partage de position ===== */
.wall-focus-actions{display:grid;grid-template-columns:auto auto auto;gap:7px;align-items:stretch}
.wall-focus-share-button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 11px;
  border:1px solid rgba(89,154,224,.30);border-radius:10px;background:rgba(55,117,178,.12);
  color:#c9e2f8;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease
}
.wall-focus-share-button:hover{transform:translateY(-1px);background:rgba(66,137,205,.18);border-color:rgba(112,183,245,.42);color:#fff}
.wall-focus-share-button:disabled{cursor:not-allowed;transform:none;opacity:.48}
@media(max-width:760px){
  .wall-focus-actions{grid-template-columns:1fr 1fr}
  .wall-focus-share-button{grid-column:1/-1;min-height:44px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.wall-focus-share-button{transition:none}}

/* ===== Mur des Soutiens V19 — interface pleine largeur ===== */
.support-wall-page{max-width:none;width:100%}
.wall-home-hero{margin-bottom:18px}
.wall-home-hero .live-highlights{margin-bottom:0}
.wall-map-card{width:100%}

@media(min-width:1000px){
  .support-wall-page{display:block;max-width:none;width:100%}
  .wall-preview-banner,.wall-home-hero,.wall-map-card,.wall-history-card,.wall-method-card{width:100%}
  .wall-map-card{margin-top:0}
  .wall-board{aspect-ratio:1.82/1}
  .wall-history-card{margin-top:16px}
}

@media(max-width:680px){
  .wall-home-hero{padding:48px 18px 30px}
  .wall-home-hero .live-highlights{margin-top:20px}
}

/* ===== Panorama des Soutiens V23 — bouton "Voir la fiche" ===== */
.wall-focus-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:9px 13px!important;
  border:1px solid rgba(117,181,238,.34)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(72,139,199,.17),rgba(36,83,126,.12))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  color:#d8ecfb!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.wall-focus-link span{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  flex:0 0 20px;
  border-radius:999px;
  background:rgba(111,178,237,.14);
  color:#a9d5f6;
  font-size:14px;
  line-height:1;
}
.wall-focus-link:hover{
  transform:translateY(-1px);
  border-color:rgba(135,199,248,.52)!important;
  background:linear-gradient(180deg,rgba(82,154,216,.24),rgba(42,96,145,.18))!important;
  box-shadow:0 7px 18px rgba(15,53,86,.18),inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff!important;
}
.wall-focus-link:hover span{background:rgba(131,197,247,.22);color:#fff}
@media(max-width:760px){
  .wall-focus-link{min-height:44px;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.wall-focus-link{transition:none}}

/* ===== Panorama des Soutiens V26 — partage neutre du Panorama ===== */
.wall-panorama-share-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;
  border:1px solid rgba(112,176,232,.28);border-radius:999px;background:rgba(52,111,165,.10);
  color:#cce4f8;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease
}
.wall-panorama-share-trigger:hover{transform:translateY(-1px);background:rgba(65,133,195,.16);border-color:rgba(130,197,246,.42);color:#fff}
.wall-panorama-share-trigger>span[aria-hidden="true"]{font-size:13px}
.wall-panorama-share-short{display:none}
@media(max-width:620px){
  .wall-section-head{align-items:flex-start}
  .wall-live-tools{flex-wrap:wrap;max-width:68%;justify-content:flex-end}
  .wall-event{order:3;flex:1 1 100%;max-width:100%}
  .wall-panorama-share-long{display:none}
  .wall-panorama-share-short{display:inline}
  .wall-panorama-share-trigger{min-height:36px;padding:0 10px;font-size:9px}
}
@media(max-width:390px){
  .wall-live-tools{max-width:72%}
  .wall-panorama-share-trigger{padding:0 9px}
}
@media(prefers-reduced-motion:reduce){.wall-panorama-share-trigger{transition:none}}


/* ===== Panorama des Soutiens V31 — vidéo de l’historique ===== */
.wall-history-export{margin-top:12px}
.wall-video-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;border:1px solid rgba(112,169,217,.30);border-radius:15px;background:linear-gradient(180deg,rgba(69,127,176,.14),rgba(35,78,116,.08));color:#e4f0fa;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.wall-video-trigger:hover{transform:translateY(-1px);border-color:rgba(128,187,237,.46);background:linear-gradient(180deg,rgba(75,142,198,.20),rgba(38,86,128,.12))}
.wall-video-trigger>span:first-child{font-size:20px}.wall-video-trigger>span:last-child{display:grid;text-align:left}.wall-video-trigger strong{font-size:11px}.wall-video-trigger small{margin-top:2px;color:#91a9bd;font-size:9px;font-weight:600}
body.wall-video-open{overflow:hidden}.wall-video-modal[hidden]{display:none!important}.wall-video-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:14px}
.wall-video-backdrop{position:absolute;inset:0;border:0;background:rgba(2,8,16,.80);backdrop-filter:blur(8px);cursor:pointer}
.wall-video-panel{position:relative;z-index:1;width:min(980px,100%);max-height:min(94vh,920px);overflow:auto;padding:18px;border:1px solid rgba(139,177,210,.24);border-radius:24px;background:linear-gradient(145deg,rgba(11,28,47,.99),rgba(5,15,27,.995));box-shadow:0 28px 80px rgba(0,0,0,.55)}
.wall-video-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.wall-video-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.04em}.wall-video-head p{max-width:650px;margin:7px 0 0;color:#92a7ba;font-size:11px;line-height:1.55}
.wall-video-close{flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.045);color:#d9e6f0;font:700 24px/1 system-ui;cursor:pointer}
.wall-video-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}
.wall-video-preview-wrap{position:relative;width:min(100%,300px);margin:0 auto}.wall-video-canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#06101d;box-shadow:0 16px 36px rgba(0,0,0,.32)}
.wall-video-preview-badge{position:absolute;left:10px;right:10px;bottom:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(4,12,22,.75);backdrop-filter:blur(8px);color:#b7c9d9;font-size:8px;font-weight:800;text-align:center}
.wall-video-options{display:grid;gap:13px;min-width:0}.wall-video-field{min-width:0;margin:0;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025)}fieldset.wall-video-field{border:1px solid rgba(255,255,255,.075)}
.wall-video-label{display:block;margin:0 0 9px;color:#dce9f4;font-size:10px;font-weight:800}.wall-video-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wall-video-dates label{display:grid;gap:5px;color:#8197aa;font-size:8px;font-weight:700}
.wall-video-dates input{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#081728;color:#edf6ff;font:700 10px system-ui;color-scheme:dark}
.wall-video-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.wall-video-presets button{min-height:32px;padding:6px 10px;border:1px solid rgba(123,160,194,.18);border-radius:9px;background:rgba(66,103,136,.06);color:#a9bfd2;font:800 8px system-ui;cursor:pointer}
.wall-video-presets button:hover,.wall-video-presets button.is-active{border-color:rgba(123,185,237,.40);background:rgba(79,141,194,.13);color:#eef7ff}
.wall-video-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wall-video-choice-three{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-video-choice label{position:relative;cursor:pointer}.wall-video-choice input{position:absolute;opacity:0;pointer-events:none}
.wall-video-choice span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025);color:#9db1c3;font-size:8px;font-weight:800;text-align:center}
.wall-video-choice input:checked+span{border-color:rgba(118,184,239,.50);background:rgba(79,143,197,.14);color:#f2f8fd;box-shadow:inset 0 0 0 1px rgba(112,176,231,.09)}
.wall-video-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(6,18,32,.68);color:#8fa6ba;font-size:9px}.wall-video-summary strong{color:#d6e7f5;font-size:10px;text-align:right}
.wall-video-create{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border:1px solid rgba(109,180,238,.46);border-radius:13px;background:linear-gradient(180deg,rgba(55,139,207,.34),rgba(31,89,137,.26));color:#fff;font:850 11px system-ui;cursor:pointer;box-shadow:0 10px 24px rgba(4,21,37,.20)}
.wall-video-create:disabled{opacity:.52;cursor:not-allowed}.wall-video-progress{display:grid;gap:7px;padding:13px;border:1px solid rgba(106,163,210,.16);border-radius:13px;background:rgba(7,20,35,.60)}.wall-video-progress-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.wall-video-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d91c8,#8ac8f5);transition:width .18s linear}
.wall-video-progress strong{color:#e5f1fa;font-size:10px}.wall-video-progress small{color:#8298aa;font-size:8px}.wall-video-ready{display:grid;gap:10px;padding:13px;border:1px solid rgba(104,189,148,.20);border-radius:13px;background:rgba(38,114,80,.08)}
.wall-video-ready-title{display:flex;align-items:center;gap:8px;color:#dff7e9;font-size:10px}.wall-video-ready-title>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(91,189,138,.15);color:#8de1b3}
.wall-video-ready-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wall-video-ready-actions button{min-height:42px;padding:8px;border:1px solid rgba(125,177,218,.22);border-radius:10px;background:rgba(63,112,153,.10);color:#e4f1fa;font:800 9px system-ui;cursor:pointer}
.wall-video-ready-actions button:first-child{border-color:rgba(104,177,231,.36);background:rgba(53,129,188,.16)}.wall-video-reset{justify-self:start;padding:0;border:0;background:none;color:#9ab2c5;font:800 8px system-ui;text-decoration:underline;cursor:pointer}
.wall-video-status{min-height:16px;margin:0;color:#a9bed0;font-size:8px;line-height:1.45}.wall-video-status.is-error{color:#ffb1ba}.wall-video-note{margin:0;color:#71879a;font-size:7px;line-height:1.45}
@media(max-width:760px){.wall-video-modal{padding:8px}.wall-video-panel{max-height:96vh;padding:14px;border-radius:20px}.wall-video-head h2{font-size:21px}.wall-video-head p{font-size:10px}.wall-video-layout{grid-template-columns:1fr;gap:16px}.wall-video-preview-wrap{width:min(58vw,230px)}.wall-video-options{gap:10px}.wall-video-field{padding:11px}}
@media(max-width:430px){.wall-video-dates{grid-template-columns:1fr}.wall-video-ready-actions{grid-template-columns:1fr}.wall-video-preview-wrap{width:min(64vw,220px)}}


/* V31.1 — un seul bouton final : téléchargement */
.wall-video-ready-actions{grid-template-columns:1fr}
.wall-video-ready-actions button{width:100%}