/* ===================== MONDE EN LIGNE (v56) ===================== */
  .wd-bar{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:12px 14px; margin-bottom:12px;}
  .wd-bar > div{min-width:0; flex:1 1 200px;} .wd-bar b{font-family:var(--font-display);} .wd-bar small{display:block; color:var(--text-muted); font-size:.78rem; margin-top:2px;}
  .wd-bar.warn{border-color:#8F3A5A;} .wd-bar.join{flex-direction:column; align-items:stretch;}
  .wd-bar.me .wd-av{flex:none;} .wd-season{flex:0 1 auto !important; text-align:right;} .wd-season b{font-size:.8rem; color:#5BC8F5;}
  .wd-st.ok{color:#5BE38A;} .wd-st.offline,.wd-st.pace,.wd-st.young{color:#F2C14E;} .wd-st.refused,.wd-st.error,.wd-st.slot{color:#FF8A8A;}
  .wd-id{font-size:.72rem; letter-spacing:.06em; color:var(--text-muted); background:var(--surface-2); border:1px solid var(--border); border-radius:6px; padding:1px 6px; font-weight:800;}
  .wd-join{display:flex; gap:8px; flex-wrap:wrap;} .wd-join input{flex:1 1 160px; min-width:0; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; color:var(--text); padding:10px 12px; font:inherit;}
  .wd-err{color:#FF8A8A !important;}
  .wd-chips{display:flex; gap:6px; overflow-x:auto; padding:2px 0 6px; scrollbar-width:none;} .wd-chips::-webkit-scrollbar{display:none;}
  .wd-chips.wrap{flex-wrap:wrap; overflow:visible;} .sub-btn.small{padding:6px 10px; font-size:.74rem;}
  .wd-row2{display:flex; flex-wrap:wrap; gap:4px 12px; justify-content:space-between;}
  .wd-what{color:var(--text-muted); font-size:.8rem; margin:2px 0 10px; line-height:1.4;}
  .wd-list{display:flex; flex-direction:column; gap:4px;} .wd-list.mini{gap:2px;}
  .wd-r{display:flex; align-items:center; gap:10px; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:8px 10px; min-width:0;}
  .wd-list.mini .wd-r{background:var(--surface-2); padding:6px 8px;}
  .wd-r.mine{border-color:#5BC8F5; box-shadow:0 0 0 1px #5BC8F533 inset; background:linear-gradient(90deg, #5BC8F518, transparent 60%), var(--surface);}
  .wd-rk{flex:none; width:34px; text-align:center; font-family:var(--font-display); font-weight:900; color:var(--text-muted);}
  .wd-rk.top1{color:#F2C14E;} .wd-rk.top2{color:#D8DEE9;} .wd-rk.top3{color:#E0A070;}
  .wd-v{margin-left:auto; flex:none; text-align:right; font-family:var(--font-display); font-weight:900; font-size:.92rem; white-space:nowrap;} .wd-v small{display:block; font-size:.66rem; color:var(--text-muted); font-weight:700;}
  .wd-who{display:flex; align-items:center; gap:9px; background:none; border:0; color:inherit; padding:0; text-align:left; min-width:0; flex:1 1 auto; font:inherit; cursor:pointer;}
  .wd-who-t{min-width:0;} .wd-who-t b{font-size:.9rem;} .wd-who-t small{display:block; color:var(--text-muted); font-size:.72rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:52vw;}
  .wd-t{min-width:0; flex:1 1 auto;} .wd-t b{display:block; font-size:.88rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .wd-t small{display:block; color:var(--text-muted); font-size:.72rem;}
  .wd-av{flex:none; width:38px; height:38px; border-radius:50%; overflow:hidden; display:inline-grid; place-items:center; background:var(--surface-2); border:1px solid var(--border); position:relative;}
  .wd-av svg{width:100%; height:100%;} .wd-av.big{width:68px; height:68px;}
  .wd-av.ini{background:hsl(var(--h) 45% 26%); color:#fff; font-family:var(--font-display); font-weight:900; font-size:.82rem;} .wd-av.big.ini{font-size:1.3rem;}
  .wd-av.bot{border-color:#6B7A99; background:hsl(var(--h) 18% 24%);} .wd-av i{position:absolute; right:-2px; bottom:-3px; font-style:normal; font-size:.7rem;}
  .wd-mini{background:none; border:0; padding:0; flex:none; cursor:pointer;} .wd-mini .wd-av{width:30px; height:30px;}
  .wd-k{display:inline-block; font-size:.64rem; font-weight:900; letter-spacing:.04em; border-radius:6px; padding:1px 5px; vertical-align:2px;}
  .wd-k.bot{background:#2A2F3D; color:#B9C3DA; border:1px solid #4A5370;} .wd-k.hu{font-size:.74rem; padding:0;}
  .wd-pres{display:inline-block; width:8px; height:8px; border-radius:50%; margin-left:4px; vertical-align:1px; background:#5A5A66;}
  .wd-pres.online{background:#5BE38A; box-shadow:0 0 6px #5BE38A;} .wd-pres.recent{background:#F2C14E;}
  .wd-me{margin-bottom:10px; border-color:#5BC8F5;} .wd-me-h{display:flex; align-items:center; gap:12px; flex-wrap:wrap;} .wd-me-h small{display:block; color:var(--text-muted); font-size:.74rem;}
  .wd-big{font-family:var(--font-display); font-size:2rem; font-weight:900; color:#5BC8F5; line-height:1;}
  .wd-delta{margin-left:auto; font-size:.78rem; font-weight:900; padding:4px 9px; border-radius:999px; background:var(--surface-2); border:1px solid var(--border);}
  .wd-delta.up{color:#5BE38A; border-color:#2E6B45;} .wd-delta.down{color:#FF8A8A; border-color:#6B2E35;}
  .wd-more{width:100%; margin-top:8px;}
  .wd-news{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap:10px;}
  .wd-art{background:#F6EEE4; color:#1B1014; border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:6px; min-width:0;}
  .wd-art.big{grid-column:1 / -1;} .wd-art.big h4{font-size:1.25rem;} .wd-art.mine{box-shadow:0 0 0 2px #5BC8F5;}
  .wd-art h4{margin:0; font-family:var(--font-display); font-size:1rem; line-height:1.2; text-transform:none;} .wd-art p{margin:0; font-size:.84rem; color:#4A3A40; line-height:1.4;}
  .wd-art-h{display:flex; justify-content:space-between; gap:8px; align-items:baseline;} .wd-art-h small{color:#8A7078; font-size:.72rem;}
  .wd-kick{font-size:.66rem; font-weight:900; letter-spacing:.12em; color:#B3264F;}
  .wd-art .wd-who-t small{color:#6B4A55;} .wd-art .wd-k.bot{background:#E2D6CB; color:#4A3A40; border-color:#C9B8AA;}
  .wd-press{margin-bottom:10px; border-color:#5BC8F5;} .wd-press .wd-kick{color:#5BC8F5;} .wd-press h4{margin:2px 0 6px; font-family:var(--font-display);}
  .wd-figs{display:grid; grid-template-columns:repeat(auto-fill, minmax(104px, 1fr)); gap:6px; margin:8px 0;}
  .wd-figs span{background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:7px 9px; min-width:0;} .wd-figs small{display:block; color:var(--text-muted); font-size:.68rem;} .wd-figs b{font-family:var(--font-display); font-size:.92rem; word-break:break-word;}
  .wd-act{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;} .wd-act li{display:flex; gap:10px; align-items:center; font-size:.86rem;} .wd-act small{display:block; color:var(--text-muted); font-size:.72rem;}
  .wd-stream-h{display:flex; flex-direction:column; gap:2px; margin-bottom:8px;} .wd-stream-h b{font-family:var(--font-display); font-size:1.2rem; letter-spacing:.04em; color:#5BE38A;} .wd-stream-h small{color:var(--text-muted); font-size:.78rem;}
  .wd-filters{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:4px;} .wd-filters .wd-chips{padding:0;}
  .wd-filters select{background:var(--surface-2); color:var(--text); border:1px solid var(--border); border-radius:999px; padding:7px 10px; font:inherit; font-size:.78rem; max-width:100%;}
  .wd-recs{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap:10px;}
  .wd-rec-h{display:flex; align-items:center; gap:8px;} .wd-rec-ic{font-size:1.3rem;} .wd-rec-v{font-family:var(--font-display); font-size:1.4rem; font-weight:900; color:#F2C14E;}
  .wd-rec small{color:var(--text-muted); font-size:.74rem;}
  .wd-acts{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-left:auto;} .wd-acts .btn-ghost,.wd-acts .btn-primary{padding:6px 10px; font-size:.78rem;}
  .card > .wd-acts, .wd-pcard .wd-acts, #wd-ov-body > .wd-acts{margin:8px 0 0;}
  .wd-fs{color:var(--text-muted); font-size:.72rem;}
  .wd-card-h{display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;} .wd-card-h h3{margin:0;}
  .wd-pcard{flex-direction:row; align-items:flex-start; gap:14px;} .wd-pcard h3{margin:0 0 4px;} .wd-pcard small{display:block; color:var(--text-muted); font-size:.78rem;}
  .wd-warn{border-color:#8F3A5A;} .wd-warn small{color:var(--text-muted);}
  .wd-tg{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--border); font-size:.86rem;}
  .wd-tg select{background:var(--surface-2); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:6px 8px; font:inherit;}
  .wd-tg input[type=checkbox]{width:20px; height:20px; accent-color:var(--accent);}
  .btn-primary.danger{background:#B3264F;}
  .wd-chip{display:inline-flex; gap:4px; align-items:center; font-size:.74rem; background:var(--surface-2); border:1px solid var(--border); border-radius:999px; padding:4px 9px;}
  .wd-panel{max-width:620px;} .wd-prof-h{display:flex; gap:14px; align-items:center; margin-bottom:8px;} .wd-prof-h h3{margin:0;} .wd-prof-h small{display:block; color:var(--text-muted); font-size:.78rem; margin-top:2px;}
  #wd-ov-body h4{margin:14px 0 6px; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted);}
  .wd-cmp-h{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; text-align:center; margin-bottom:10px;} .wd-cmp-h span{display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0;}
  .wd-cmp-h small{color:var(--text-muted); font-size:.72rem;} .wd-vs{font-family:var(--font-display); font-weight:900; color:#F2C14E;}
  .wd-cmp{display:flex; flex-direction:column; gap:6px; margin-bottom:8px;}
  .wd-cmp-r{display:grid; grid-template-columns:1fr 1fr; gap:4px 10px; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:8px 10px;}
  .wd-cmp-r > small{grid-column:1 / -1; color:var(--text-muted); font-size:.74rem;} .wd-cmp-v{min-width:0;} .wd-cmp-v b{font-family:var(--font-display); font-size:.9rem;} .wd-cmp-v b.win{color:#5BE38A;}
  .wd-bar-t{display:block; height:6px; border-radius:999px; background:var(--surface); margin-top:4px; overflow:hidden;} .wd-bar-f{display:block; height:100%; border-radius:999px;}
  .wd-bar-f.a{background:#5BC8F5;} .wd-bar-f.b{background:#E3698F;}
  @media (max-width:560px){ .wd-season{text-align:left; flex-basis:100% !important;} .wd-r{gap:8px; padding:7px 8px;} .wd-rk{width:26px;} .wd-acts{margin-left:0;} .wd-who-t small{max-width:40vw;} }
  .dm-feat-terms { display: grid; gap: 3px; margin: 4px 0 2px; font-size: .78rem; }
  .dm-feat-terms > b { font-size: .7rem; letter-spacing: .08em; color: #F2C14E; }
  .dm-feat-terms > div { display: flex; justify-content: space-between; gap: 10px; }
  .dm-feat-terms > div span { color: rgba(255,255,255,.6); }
  .dm-feat-terms > div b { text-align: right; } .dm-feat-terms small { font-weight: 400; color: rgba(255,255,255,.55); }
  .dm-feat-terms .tot { border-top: 1px solid rgba(255,255,255,.15); padding-top: 3px; margin-top: 2px; }
  /* Création : choix de la ville (v58) */
  .lc-lead{margin:-6px 0 10px; text-align:center; color:var(--text-muted); font-size:.86rem;}
  .lc-search input{width:100%; box-sizing:border-box; padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:var(--surface); color:inherit; font:inherit;}
  .lc-chips{display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding:2px 0; -webkit-overflow-scrolling:touch;}
  .lc-chips::-webkit-scrollbar{display:none;}
  .lc-regions{margin:8px 0 6px;}
  .lc-chip{flex:0 0 auto; border:1px solid var(--border); background:var(--surface); color:inherit; border-radius:999px; padding:6px 11px; font:inherit; font-size:.78rem; cursor:pointer; white-space:nowrap;}
  .lc-chip.on{background:#D94674; border-color:#D94674; color:#fff;}
  .lc-chip.sel{border-color:#F2C14E;}
  .lc-sel{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:4px 0 8px;}
  .lc-sel select{min-width:0; width:100%; padding:8px; border-radius:10px; border:1px solid var(--border); background:var(--surface); color:inherit; font:inherit; font-size:.8rem;}
  .lc-qrow{display:grid; gap:4px; margin:0 0 8px;} .lc-qrow > span{font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted);}
  .lc-map{position:relative; height:clamp(230px, 46vw, 360px); border-radius:16px; overflow:hidden; border:1px solid var(--border); background:#0c070c; touch-action:none; user-select:none;}
  .lc-map svg{display:block; width:100%; height:100%;}
  .lc-map .wm-dots{opacity:.32;}
  .lc-city{cursor:pointer;} .lc-dot{fill:#4FE3E0; stroke:#05070b; stroke-width:1; vector-effect:non-scaling-stroke;}
  .lc-city.dim .lc-dot{fill:#5A5260;} .lc-city.chosen .lc-dot{fill:#D94674;} .lc-city.sel .lc-dot{fill:#F2C14E; stroke:#fff; stroke-width:1.5;}
  .lc-lbl{fill:#ECE6D8; font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; letter-spacing:0; font-weight:800; paint-order:stroke; stroke:#0c070c; stroke-width:3px; stroke-linejoin:round; pointer-events:none;} .lc-lbl.sel{fill:#F2C14E;}
  .lc-zoom{position:absolute; right:8px; top:8px; display:grid; gap:4px;}
  .lc-zoom button{width:34px; height:34px; border-radius:10px; border:1px solid var(--border); background:rgba(12,7,12,.85); color:#fff; font-size:1rem; cursor:pointer;}
  .lc-count{position:absolute; left:10px; top:8px; font-size:.7rem; color:rgba(255,255,255,.7); background:rgba(12,7,12,.75); padding:3px 8px; border-radius:999px;}
  .lc-res{flex-wrap:wrap; overflow:visible; margin:8px 0 0;}
  .lc-card{margin-top:10px;} .lc-h{display:flex; align-items:center; gap:10px;} .lc-h > div{flex:1; min-width:0;}
  .lc-h b{display:block; font-size:1.05rem; letter-spacing:.04em;} .lc-h small{color:var(--text-muted);} .lc-flag{font-size:1.8rem;}
  .lc-card .btn-primary{width:100%;}
  .pc-cities .ln-kv > div b, .pc-cities b{overflow-wrap:anywhere;}
  .lc-card .ln-kv > div{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:10px; align-items:baseline;}
  .lc-card .ln-kv > div > span{font-size:.74rem;} .lc-card .ln-kv > div > b{font-size:.8rem; letter-spacing:.01em; text-align:right; overflow-wrap:normal; word-break:normal;}
  .ln-cityrow small{color:var(--text-muted); font-size:.74rem;}

  .ln-cityrow{display:grid; gap:4px; margin-top:8px;} .ln-cityrow > span{font-size:.78rem; color:var(--text-muted);} .ln-cityrow .btn-ghost{justify-self:start;}
  .emp-cities{display:block; color:var(--text-muted); font-size:.74rem; margin-top:2px;}
  .wd-local{margin:10px 0 2px; font-size:.82rem; letter-spacing:.12em; color:#F2C14E;}