/* TEEBOX en verre (maquette « TEEBOX en verre », 1er novembre) : Accueil, Compétitions, Messages, Profil et Paramètres posés sur la photo de l'accueil.
   La photo légèrement floutée derrière les listes ; Messages : la photo nette, la liste en bas.
   Deux verres : clair (blanc transparent, texte foncé) pour les listes, foncé (blanc très léger, texte blanc) pour les titres et filtres.
   Le noir seulement pour ce qui est actif ou important. Barre du haut transparente, barre du bas en verre (le rond Carte posé dessus).
   Thème clair uniquement : en sombre, ces écrans restent comme avant. Chargée en dernier. */
.nh-help2,.nh-frt{display:none}
:root{--vr-clair:rgba(255,255,255,.6);--vr-clair-b:#4f9a62;--vr-blanc-b:rgba(255,255,255,.55);--vr-fonce:rgba(28,28,30,.42);--vr-fonce-b:#4f9a62;--vr-fonce-bb:rgba(255,255,255,.32);
  --vr-vert:rgba(96,118,82,.34);--vr-noir:#1c1c1e;--vr-tx:#1d1d1f;--vr-tx2:#55534f;--vr-flou:blur(18px) saturate(1.4)}

/* ---- le fond : la photo du golfeur de dos, et un voile sombre en haut pour lire le blanc ---- */
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)){background:#6f7d5a}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) :is(body,.main,.mx,.page.mc){background:transparent!important}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) body::before{display:block!important;content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url(/accueil-golf2.jpg) 88% 30%/cover}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.08) 22%,rgba(0,0,0,0) 60%,rgba(0,0,0,.18))}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) #sbar{background:transparent!important}

/* ---- barre du haut : transparente, logo blanc, boutons ronds en verre ; un voile flouté quand on fait défiler ---- */
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .topbar{background:transparent!important;border:0!important;box-shadow:none!important;transition:background-color .2s}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)).scrolled .topbar{background:rgba(30,36,28,.28)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .topbar :is(.wordmark,.tb-w){color:#fff!important;-webkit-text-fill-color:#fff}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .topbar .ic-btn{width:38px;height:38px;color:#fff!important;background:var(--vr-fonce)!important;border:2px solid var(--vr-clair-b)!important;border-radius:50%}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .topbar .top-me .av{border:1.5px solid rgba(255,255,255,.8)}

/* ---- barre du bas : un verre flottant comme la maquette (62 px ×1,25) ; le verre est une couche à part, le rond Carte posé dessus ---- */
@media (max-width:900px){
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player{left:15px!important;right:15px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;height:76px!important;border-radius:32px!important;
    padding:0 6px!important;background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;align-items:center!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:32px;background:var(--vr-clair);border:1px solid var(--vr-blanc-b);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player a{height:auto!important;min-height:0!important;padding:0!important;gap:4px!important;justify-content:center!important;color:var(--vr-tx2)!important;background:none!important;opacity:1!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player a>span:not(.nav-av){font:600 11px/1.2 var(--tb-font)!important;color:inherit!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player a>svg{width:24px!important;height:24px!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player a .nav-av{width:28px!important;height:28px!important;border:1.5px solid #fff}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player a.on:not(.fab){color:var(--vr-tx)!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player a.on:not(.fab)::after{content:""!important;display:block!important;position:static!important;width:5px!important;height:5px!important;margin:0 auto!important;border-radius:50%;background:var(--vr-noir)!important;transform:none!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player a:not(.on):not(.fab)::after{content:"";display:block!important;width:5px;height:5px;visibility:hidden}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player .fab{color:var(--vr-tx2)!important;gap:6px!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .bottombar.is-player .fab>svg{flex:0 0 48px!important;box-sizing:border-box!important;width:48px!important;height:48px!important;min-width:48px!important;padding:13px!important;margin-top:-22px!important;overflow:visible;background:var(--vr-noir)!important;color:#fff!important;border:0!important;border-radius:50%;
    box-shadow:0 8px 18px -8px rgba(0,0,0,.5),0 0 0 4px rgba(255,255,255,.5)!important}
}

/* ---- les deux verres ---- */
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) :is(.mc-tabs,.mc-card){
  background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) :is(.mc-hero,.mc .empty,.mx-chips,.mx-rb){
  background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}

/* ---- Compétitions ---- */
html:root:not(.is-dark) .page.mc .mc-hero{min-height:0;padding:18px 18px 16px;border-radius:24px}
html:root:not(.is-dark) .page.mc .mc-hero::after{display:none}
html:root:not(.is-dark) .page.mc .mc-hero h1{color:#fff!important;font:600 28px/1.1 "Playfair Display",Georgia,serif!important;letter-spacing:0;margin:2px 0 4px}
html:root:not(.is-dark) .page.mc .mc-hero :is(small,p){color:#fff!important;opacity:.9}
html:root:not(.is-dark) .page.mc .mc-hero small{font-weight:600}
html:root:not(.is-dark) .page.mc .mc-tabs{padding:4px}
html:root:not(.is-dark) .page.mc .mc-tabs button{color:var(--vr-tx2)!important;font-weight:600}
html:root:not(.is-dark) .page.mc .mc-tabs button.on{background:var(--vr-noir)!important;color:#fff!important}
html:root:not(.is-dark) .page.mc .mc-tabs button i{background:var(--vr-noir)!important;color:#fff!important}
html:root:not(.is-dark) .page.mc .mc-tabs button.on i{background:#fff!important;color:var(--vr-noir)!important}
html:root:not(.is-dark) .page.mc .mc-h{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark) .page.mc .mc-h h2{color:#fff!important;padding-bottom:0;font-size:19px}
html:root:not(.is-dark) .page.mc .mc-h h2::after{display:none}
html:root:not(.is-dark) .page.mc .mc-h small{color:#fff!important;opacity:.9}
html:root:not(.is-dark) .page.mc .mc-card{border-radius:20px;padding:10px}
/* cartes plus claires pour se lire sur la photo nette */
html:root:not(.is-dark)[data-screen] #view .page.mc .mc-card{background:rgba(255,255,255,.66)!important;border:2px solid var(--vr-clair-b)!important}
html:root:not(.is-dark) .page.mc .mc-card :is(.mc-i small,>svg){color:var(--vr-tx2)!important}
html:root:not(.is-dark) .page.mc .mc-card .mc-i b{font-weight:800!important;color:var(--vr-tx)!important}
html:root:not(.is-dark) .page.mc .mc-card .mc-i small:first-of-type{font-family:var(--tb-font)!important;font-size:13.5px!important;font-weight:800!important;color:#1f4d3a!important;letter-spacing:.01em}
html:root:not(.is-dark) .page.mc .mc-card .mc-i small:first-of-type svg{color:#1f4d3a!important}
html:root:not(.is-dark) .page.mc .mc-card .mc-i small:not(:first-of-type){font-family:var(--tb-font)!important;font-size:13px!important;font-weight:700!important;color:var(--vr-tx)!important}
html:root:not(.is-dark) .page.mc .mc-rk{background:rgba(255,255,255,.55)!important;color:var(--vr-tx)!important}
/* « J-13 » en vert sapin ; le genre d'un gala (Stage, Soirée, Initiation) en pastille claire */
html:root:not(.is-dark) .page.mc .mc-rk.soon:is(:not(:empty)){background:#1f4d3a!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 12px -4px rgba(31,77,58,.6)}
html:root:not(.is-dark) .page.mc a[href^="#/g/"] .mc-rk.soon{background:rgba(255,255,255,.55)!important;color:var(--vr-tx)!important}
html:root:not(.is-dark) .page.mc .mc-ph{background:rgba(255,255,255,.4)}
html:root:not(.is-dark) .page.mc .mc-all{background:var(--vr-noir)!important;color:#fff!important;border:0!important}
html:root:not(.is-dark) .page.mc .empty{border-radius:24px;align-items:start;justify-items:start;text-align:left;padding:16px}
html:root:not(.is-dark) .page.mc .empty .ill{display:none}
html:root:not(.is-dark) .page.mc .empty b{color:#fff;font:600 21px/1.2 "Playfair Display",Georgia,serif!important}
html:root:not(.is-dark) .page.mc .empty span{color:#fff;opacity:.9}
html:root:not(.is-dark) .page.mc .empty .btn{background:#fff!important;color:var(--vr-tx)!important;border:0!important}

/* ---- Messages : titre blanc sur la photo, filtres dans un verre, la liste en bas ---- */
html:root:not(.is-dark) .mx{min-height:calc(100vh - var(--top-height,60px));min-height:calc(100dvh - var(--top-height,60px));padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
html:root:not(.is-dark) .mx .mx-head h1{font:600 28px/1.15 "Playfair Display",Georgia,serif!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.3)}
html:root:not(.is-dark) .mx .mx-addf{background:var(--vr-noir)!important;color:#fff!important;box-shadow:none!important}
html:root:not(.is-dark) .mx .mx-rb{color:#fff!important}
html:root:not(.is-dark) .mx .mx-find{display:none!important}
html:root:not(.is-dark) .mx .mx-chips{padding:3px;border-radius:999px;gap:2px}
html:root:not(.is-dark) .mx .mx-chip{flex:1 0 auto;justify-content:center;background:transparent!important;box-shadow:none!important;border:0!important;color:#fff!important}
html:root:not(.is-dark) .mx .mx-chip.on{background:var(--vr-noir)!important;color:#fff!important}
html:root:not(.is-dark) .mx .mx-list{margin:auto 0 0!important}
html:root:not(.is-dark) .mx .mx-row{padding:9px 14px!important;background:transparent!important}
html:root:not(.is-dark) .mx .mx-row+.mx-row{border-top:1px solid rgba(255,255,255,.35)}
html:root:not(.is-dark) .mx .mx-row:active{background:rgba(255,255,255,.35)!important}
html:root:not(.is-dark) .mx .mx-row .mx-ic{background:var(--vr-vert)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)}
html:root:not(.is-dark) .mx .mx-row .mx-tx b{color:var(--vr-tx)!important}
html:root:not(.is-dark) .mx .mx-row :is(small,.mx-tx small,time){color:var(--vr-tx2)}
html:root:not(.is-dark) .mx .mx-row.unread .mx-tx small{color:var(--vr-tx)!important;font-weight:600}
html:root:not(.is-dark) .mx .mx-list>:is(.mx-h2,.mx-add){margin-left:14px;margin-right:14px}
html:root:not(.is-dark) .mx .mx-list:not(:has(.mx-row,.mx-req)){background:none!important;border:0!important;-webkit-backdrop-filter:none;backdrop-filter:none}

/* ---- Accueil, mesure pour mesure comme la maquette (téléphone de 300 px agrandi ×1,25 pour un vrai téléphone de 375 px) ---- */
html:root:not(.is-dark)[data-screen="home"] #view :is(.nh,.nh-sheet){background:transparent!important}
html:root:not(.is-dark)[data-screen="home"] .nh-bg{display:none}
html:root:not(.is-dark)[data-screen="home"] .nh-hero{height:auto!important;overflow:visible;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 0!important;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:10px}
html:root:not(.is-dark)[data-screen="home"] .nh-hero>.nh-top{grid-column:1/-1;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;height:auto;margin-bottom:10px}
html:root:not(.is-dark)[data-screen="home"] .nh-top :is(.nh-help,.nh-cog){display:none!important}
html:root:not(.is-dark)[data-screen="home"] .nh-me{width:42px;height:42px;box-shadow:none;border:1.5px solid rgba(255,255,255,.8)}
html:root:not(.is-dark)[data-screen="home"] .nh-brand{margin:0;justify-self:center}
html:root:not(.is-dark)[data-screen="home"] .nh-bell{width:42px!important;height:42px!important;margin:0!important;border-radius:50%;background:var(--vr-fonce)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-hero h1{grid-column:1;margin:0;font:600 30px/1.15 "Playfair Display",Georgia,serif!important;color:#fff!important;letter-spacing:0;text-shadow:0 1px 8px rgba(0,0,0,.25)}
html:root:not(.is-dark)[data-screen="home"] .nh-hero p{grid-column:1;margin:3px 0 0;font-size:14px;line-height:1.35;color:#fff!important;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.25)}
html:root:not(.is-dark)[data-screen="home"] .nh-help2{grid-column:2;grid-row:2/4;align-self:end;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;background:var(--vr-fonce)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-sheet{margin-top:0!important;border-radius:0!important;padding:22px 18px calc(100px + env(safe-area-inset-bottom,0px))!important;gap:12px}
html:root:not(.is-dark)[data-screen="home"] .nh-sheet>*{margin-top:0!important;margin-bottom:0!important}
html:root:not(.is-dark)[data-screen="home"] .nh-sheet>.nh-search{height:auto!important;padding:14px 17px!important;gap:10px;border-radius:999px!important;font-size:14px;background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-sheet>.nh-search :is(span,svg){color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-tiles.n3{display:flex!important;gap:8px}
html:root:not(.is-dark)[data-screen="home"] .nh-tiles.n3 .nh-tile{flex:1 1 0!important;min-width:0;height:auto!important;min-height:0!important;padding:10px 7px!important;justify-content:center!important;gap:6px!important;border-radius:999px!important;background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-tile .nh-ti{width:auto!important;height:auto!important;background:transparent!important;color:var(--vr-tx)!important;box-shadow:none!important}
html:root:not(.is-dark)[data-screen="home"] .nh-tile .nh-ti svg{width:16px;height:16px}
html:root:not(.is-dark)[data-screen="home"] .nh-tiles.n3 .nh-tile span{font-size:13px!important;font-weight:600;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-tile .nh-nb{position:static!important;display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;font:700 10.5px/1 var(--tb-font);background:var(--vr-noir)!important;color:#fff!important;border:0!important}
html:root:not(.is-dark)[data-screen="home"] .nh-friends{align-self:stretch!important;width:100%;max-width:none;display:flex;align-items:center;gap:0;padding:7px 7px 7px 10px;border-radius:999px!important;overflow:visible;background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-fr:not(.add){width:36px;height:36px;margin-right:-11px;border:1.5px solid #fff;background:rgba(255,255,255,.55)!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-friends>.nh-fr:not(.add):nth-child(n+5){display:none}
html:root:not(.is-dark)[data-screen="home"] .nh-frt{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:22px;line-height:1.2;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-frt b{font-size:14px;font-weight:700}
html:root:not(.is-dark)[data-screen="home"] .nh-frt small{font-size:12px;color:var(--vr-tx2)}
html:root:not(.is-dark)[data-screen="home"] .nh-fr.add{width:38px;height:38px;margin:0 0 0 auto;border:0!important;background:var(--vr-noir)!important;color:#fff!important}
html:root:not(.is-dark)[data-screen="home"] .nh-fr.add .nh-nb{background:var(--vr-noir)!important;color:#fff!important;border:1.5px solid #fff;top:-6px;right:-6px}
html:root:not(.is-dark)[data-screen="home"] .nh-h{margin:6px 4px 0!important;align-items:baseline}
html:root:not(.is-dark)[data-screen="home"] .nh-h h2{font:700 16px/1.2 var(--tb-font)!important;color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark)[data-screen="home"] .nh-h a{font-size:13px;font-weight:600;color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark)[data-screen="home"] .nh-h a svg{display:none}
html:root:not(.is-dark)[data-screen="home"] .nh-km{background:var(--vr-fonce)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou);text-shadow:none}
html:root:not(.is-dark)[data-screen="home"] .nh-big{height:auto!important;display:grid!important;grid-template-columns:auto 1fr auto;grid-template-areas:"tag tag date" "tit tit tit" "sub wx wx" "meta meta go";align-items:center;gap:7px 0;padding:17px!important;border-radius:30px!important;overflow:hidden;background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-big>*{position:static!important;inset:auto!important}
html:root:not(.is-dark)[data-screen="home"] .nh-big-ph{display:none!important}
html:root:not(.is-dark)[data-screen="home"] .nh-tag{grid-area:tag;justify-self:start;height:auto!important;padding:5px 11px!important;border-radius:999px!important;background:var(--vr-noir)!important;color:#fff!important;font:600 13.5px/1.2 var(--tb-font)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-date{grid-area:date;height:auto!important;padding:0!important;background:none!important;color:var(--vr-tx)!important;font:600 15px/1.2 "Playfair Display",Georgia,serif!important}
html:root:not(.is-dark)[data-screen="home"] .nh-big b{grid-area:tit;margin:3px 0 0;font:600 25px/1.1 "Playfair Display",Georgia,serif!important;white-space:normal!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-big small{grid-area:sub;font-size:13px;color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-wx{grid-area:wx;justify-self:start;height:auto!important;padding:0 0 0 4px!important;background:none!important;display:inline-flex!important;align-items:center;gap:4px;font-size:13px!important;color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-wx[hidden]{display:none!important}
html:root:not(.is-dark)[data-screen="home"] .nh-wx::before{content:"·";margin-right:2px}
html:root:not(.is-dark)[data-screen="home"] .nh-wx :is(svg,em,span){color:var(--vr-tx2)!important;font-style:normal}
html:root:not(.is-dark)[data-screen="home"] .nh-big .nh-meta{grid-area:meta;display:flex;gap:12px;margin-top:4px;font-size:12.5px}
html:root:not(.is-dark)[data-screen="home"] .nh-big .nh-meta :is(span,svg){color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-big .nh-meta>i,html:root:not(.is-dark)[data-screen="home"] .nh-big .nh-meta>span:last-child:not(:first-child){display:none}
html:root:not(.is-dark)[data-screen="home"] .nh-go{grid-area:go;height:auto!important;padding:8px 14px!important;border-radius:999px!important;margin-top:4px;background:var(--vr-noir)!important;color:#fff!important;font:600 14px/1.2 var(--tb-font)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-none{min-height:0!important;padding:17px!important;border-radius:30px!important;background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-none-art{display:none}
html:root:not(.is-dark)[data-screen="home"] .nh-none b{font:600 22px/1.2 "Playfair Display",Georgia,serif!important;color:#fff!important}
html:root:not(.is-dark)[data-screen="home"] .nh-none span{color:#fff!important;opacity:.9}
html:root:not(.is-dark)[data-screen="home"] .nh-none em{background:#fff!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] :is(.nh-sub,.nh-row,.nh-empty){border-radius:24px!important;background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-sub :is(span,svg){color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-row b{color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-row :is(small,em,svg){color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-pill{background:rgba(255,255,255,.55)!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-pill.on{background:var(--vr-noir)!important;color:#fff!important}
html:root:not(.is-dark)[data-screen="home"] .nh-empty b{color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="home"] .nh-empty span{color:var(--vr-tx2)!important}

/* ---- Profil et Paramètres : titres blancs sur la photo, listes en verre clair avec de fins traits blancs ---- */
html:root:not(.is-dark) #view>.page:is(.sp,.reglages){background:transparent!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) :is(.sp-h>b,.sp-sec h2,.page-h h1){color:#fff!important;font-family:"Playfair Display",Georgia,serif!important;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.3)}
html:root:not(.is-dark) .page.reglages .page-h small,html:root:not(.is-dark) .page.reglages>a.back{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.3)}
html:root:not(.is-dark) .page.sp .sp-h .icon-btn{width:38px;height:38px;border-radius:50%;color:#fff!important;background:var(--vr-fonce)!important;border:2px solid var(--vr-clair-b);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark) .page:is(.sp,.reglages) :is(.sp-rows,.card,.sp-faces){background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows{gap:0;padding:4px 0;border-radius:22px;overflow:hidden}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>.sp-faces{border:0!important;background:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>.card{margin:4px 10px;background:rgba(255,255,255,.5)!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-row{background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:11px 14px}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>*+*{border-top:1px solid rgba(255,255,255,.35)}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-row b{color:var(--vr-tx)!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-row.danger b{color:#b3261e!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) :is(.sp-row small:not(.blue),.sp-row>svg:last-child,.card .muted){color:var(--vr-tx2)!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) :is(.sp-ic,.sp-av){width:36px;height:36px;background:var(--vr-vert)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-btn{background:rgba(255,255,255,.55)!important;color:var(--vr-tx)!important;border:0!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) :is(.sp-new,.seg button.on){background:var(--vr-noir)!important;color:#fff!important;box-shadow:none!important}
html:root:not(.is-dark) .page.reglages .card{border-radius:22px}
html:root:not(.is-dark) .page.reglages .card .seg{background:rgba(255,255,255,.45)!important;border:0!important}
html:root:not(.is-dark) .page.reglages .card .btn.ghost{background:rgba(255,255,255,.55)!important;color:var(--vr-tx)!important;border:0!important}
/* Profil : les onglets dans un verre clair (le choisi en noir), les pastilles et TEEBOX+ en verre foncé */
html:root:not(.is-dark) .page.sp .sp-tabs{gap:2px;padding:4px;border-radius:999px;background:var(--vr-clair);border:2px solid var(--vr-clair-b);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark) .page.sp .sp-tabs button{background:transparent!important;border:0!important;color:var(--vr-tx2)!important;padding:9px;font-size:14px;box-shadow:none!important}
html:root:not(.is-dark) .page.sp .sp-tabs button.on{background:var(--vr-noir)!important;color:#fff!important}
html:root:not(.is-dark) .page.sp :is(.chip2,.tb-plus){background:var(--vr-fonce)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark) .page.sp .chip2 svg,html:root:not(.is-dark) .page.sp .tb-plus :is(small,>svg){color:#fff!important;opacity:.9}
html:root:not(.is-dark) .page.sp .tb-plus{border-radius:24px}
html:root:not(.is-dark) .page.sp .tb-plus b{color:#fff!important}
/* Profil public : le nom et les titres en blanc sur la photo, les chiffres en verre clair */
html:root:not(.is-dark) .page.sp>p.muted{color:#fff!important;opacity:.9;text-shadow:0 1px 6px rgba(0,0,0,.3)}
html:root:not(.is-dark) .page.sp :is(.fp-id h1,.h2s,section>.page-h h1,section>.page-h small){color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.3)}
html:root:not(.is-dark) .page.sp :is(.fp-id h1,.h2s){font-family:"Playfair Display",Georgia,serif!important;font-weight:600}
html:root:not(.is-dark) .page.sp :is(.fp-kpis,.gb-grid)>*{background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}

/* ---- la police de la maquette : Manrope pour le texte, Playfair Display pour les grands titres (partout, clair et sombre) ---- */
html:root{--tb-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* ---- tous les autres écrans du joueur : sur la photo floutée, les titres en blanc, les blocs en verre clair, le noir pour l'action ---- */
@media (max-width:900px){
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container)) .shell>main.main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page{background:transparent!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page-h h1{color:#fff!important;font:600 28px/1.15 "Playfair Display",Georgia,serif!important;letter-spacing:0;text-shadow:0 1px 8px rgba(0,0,0,.3)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page-h small,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell page>p.muted,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell page>.muted{color:#fff!important;opacity:.9;text-shadow:0 1px 6px rgba(0,0,0,.3)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.page>h2,.page>section>h2,.h2s,.sec-t,.sh-t){color:#fff!important;font-family:var(--tb-font)!important;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page>a.back,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell page>section>a.back{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.3)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.card,.post,.career-card,.gr-card,.kpi,.nt,.frow,.info-box,.going,.ms,.ts,.pass,.rk-list,.rg-box,.picked,.mybadge,.book-cta,.duel-sum,.fmt-c,.slot,.bag-card,.gbc,.bd,.fb-c,.wx-day,.strokes,.sp-row,.req-band,.widget,.mini,.composer,.fbm-card,.next-hero){
  background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.card,.post,.career-card,.gr-card,.kpi,.nt,.frow,.sp-row,.mini,.widget) :is(.muted,small:not(.blue)){color:var(--vr-tx2)!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.card,.post,.career-card,.gr-card,.kpi,.nt,.frow,.sp-row,.mini,.widget) :is(b,h2,h3,strong,.h2s){color:var(--vr-tx)!important;text-shadow:none}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .empty{background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b)!important;box-shadow:none!important;border-radius:24px;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .empty :is(b,span){color:#fff!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .empty .ill{background:rgba(255,255,255,.18)!important;color:#fff!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .btn:not(.ghost,.soft,.danger,.link){background:var(--vr-noir)!important;color:#fff!important;border:0!important;box-shadow:none!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .btn:is(.ghost,.soft){background:rgba(255,255,255,.55)!important;color:var(--vr-tx)!important;border:0!important;box-shadow:none!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .empty .btn{background:#fff!important;color:var(--vr-tx)!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.chip,.chip2):not(.on){background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;color:var(--vr-tx)!important;box-shadow:none!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.chip,.chip2).on{background:var(--vr-noir)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .seg{background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .seg button{color:var(--vr-tx2)!important;background:transparent!important;box-shadow:none!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .seg button.on{background:var(--vr-noir)!important;color:#fff!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .card .seg{background:rgba(255,255,255,.45)!important;border:0!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .field{background:rgba(255,255,255,.6)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important}

/* ---- texte posé directement sur la photo : en blanc, avec une ombre légère pour rester lisible ---- */
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page-h :is(span,small,.muted),html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page>p,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page>section>p,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page>.muted,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .xp-note,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .xp-note a,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gr-foot,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .rg>h4,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .rg-foot,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .rg-foot .link,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ex-count,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .cpub-h h3,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .cpub-e,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .golf-line :is(b,div,.muted),html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .d-info>p,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .d-info>div>:is(h1,p),html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gh-top :is(h1,.muted),html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .stats span,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .stats b,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .cr-info :is(small,h1,span),html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .page-h a:not(.btn){color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .d-info>div>h1,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gh-top h1,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ex-top h1,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .cr-info h1{font-family:"Playfair Display",Georgia,serif!important;font-weight:600;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.3)}
/* les blocs en verre clair qui ne sont pas dans la liste générale */
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .res,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .cmp,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell label.tgl,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ccard,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .palm,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gr-head,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .teaser,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell label.search.big,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .facts>*,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .pub-top,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gr-leg{background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.res,.cmp,label.tgl,.ccard,.palm,.gr-head,.teaser,label.search.big,.facts>*) :is(span,small,.muted,p){color:var(--vr-tx2)!important;text-shadow:none}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.res,.cmp,label.tgl,.ccard,.palm,.gr-head,.teaser,label.search.big,.facts>*) :is(b,h2,h3,strong){color:var(--vr-tx)!important;text-shadow:none}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gr-leg{display:inline-flex;flex-wrap:wrap;gap:4px 10px;padding:6px 12px;border-radius:999px}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gr-leg span{text-shadow:none}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .palm{border-radius:22px;overflow:hidden}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .palm-r{background:transparent!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .palm-r+.palm-r{border-top:1px solid rgba(255,255,255,.35)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .cc-date,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .gr-prog{background:rgba(255,255,255,.55)!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .switch-in:not(:checked){background:rgba(255,255,255,.55)!important}
/* la fiche du joueur dans Ma carrière : verre foncé, comme le bloc du nom dans le profil de la maquette */
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .cr-hero{padding:14px;border-radius:24px;background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
/* Explorer : l'en-tête beige disparaît, les onglets en blanc */
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ex-head{background:transparent!important;border:0!important;box-shadow:none!important}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ex-mode button,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ptabs button{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ex-mode button.on,html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .ptabs button.on{border-color:#fff!important}
/* fil des publications */
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .pub{background:transparent!important}
/* petites pastilles et barres restées beiges : blanc transparent */
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell :is(.nt-ic,.cc-ic,.xpbar,.gr-track,.cmp-h,.pill.wait,.nh-fr:not(.add)){background:rgba(255,255,255,.55)!important}
/* l'en-tête de l'abonnement : verre foncé, texte blanc (le noir reste pour les boutons) */
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .plan-hero{background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark):where(:has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))) body .shell .plan-hero h1{font-family:"Playfair Display",Georgia,serif!important;font-weight:600}

/* ---- Profil (le vestiaire) comme la maquette : le décor dans une carte arrondie sous la barre du haut, la fiche du nom en verre foncé dessous.
   Le dessin du vestiaire garde sa taille (390 × 640) ; la carte en montre la bande où se tiennent l'avatar et le sac (de 85 à 460). ---- */
@media (max-width:640px){
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest{margin:0!important;padding:0 0 4px!important;min-height:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest::after{display:none!important}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest::before{content:"";position:absolute;left:-12px;right:-12px;top:calc(env(safe-area-inset-top,0px) + 66px);height:500px;border-radius:30px;z-index:0;background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .vest-bg{top:calc(calc(env(safe-area-inset-top,0px) + 66px) - 30px)!important;left:-12px!important;right:-12px!important;width:calc(100% + 24px)!important;max-width:none!important;height:640px!important;transform:none!important;
    -webkit-mask-image:none!important;mask-image:none!important;clip-path:inset(30px 0 110px 0 round 30px)}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest>.av-stage{margin-top:calc(calc(env(safe-area-inset-top,0px) + 66px) + 62px)!important}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .vest-bag{top:calc(calc(env(safe-area-inset-top,0px) + 66px) + 220px)!important}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest>.av-id{margin-top:102px!important;max-width:none;padding:15px 17px;border-radius:30px;gap:9px!important;background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .av-id .lbl{font-size:13px!important;font-weight:600;opacity:.9;text-shadow:none!important;color:#fff!important}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .av-id h1{font:600 27px/1.05 "Playfair Display",Georgia,serif!important;color:#f1d79a!important;-webkit-text-fill-color:#f1d79a;background:none!important;text-shadow:none!important;letter-spacing:0}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .xpbar{height:6px!important;background:rgba(255,255,255,.4)!important;border:0!important}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .xpbar i{background:#fff!important}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .av-id .muted{font-size:12.5px;color:#fff!important;opacity:.85}
  html:root:not(.is-dark)[data-screen="avatar"] .av-hero.vest .row-btns{gap:8px!important;margin-top:2px!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))[data-screen="avatar"] #view .av-hero.vest .row-btns .btn{flex:1!important;min-height:40px!important;font:600 14px/1 var(--tb-font)!important;padding:0 12px!important;box-shadow:none!important;border:0!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))[data-screen="avatar"] #view .av-hero.vest .row-btns .btn:not(.ghost){background:var(--vr-noir)!important;color:#fff!important}
  html:root:not(.is-dark):has(.bottombar.is-player):not([data-screen="friend-map"],:has(#view .leaflet-container))[data-screen="avatar"] #view .av-hero.vest .row-btns .btn.ghost{background:#fff!important;color:var(--vr-tx)!important}
}
/* « Mon décor » : titre blanc, vignettes bordées de blanc, nom en blanc */
html:root:not(.is-dark)[data-screen="avatar"] .dk-pick .page-h h2{font:700 19px/1.2 var(--tb-font)!important;color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark)[data-screen="avatar"] .dk-pick .page-h small{font-size:12.5px;color:#fff!important;opacity:.9;text-shadow:0 1px 6px rgba(0,0,0,.35)}
html:root:not(.is-dark)[data-screen="avatar"] .dk-row{gap:10px}
html:root:not(.is-dark)[data-screen="avatar"] .dk-it{flex:0 0 80px}
html:root:not(.is-dark)[data-screen="avatar"] .dk-img{width:75px;height:90px;border-radius:20px;border:2px solid rgba(255,255,255,.4);outline:0!important;box-shadow:none}
html:root:not(.is-dark)[data-screen="avatar"] .dk-it.on .dk-img{border-color:#fff;box-shadow:0 0 0 2px var(--vr-noir)}
html:root:not(.is-dark)[data-screen="avatar"] .dk-it :is(b,small){font-size:10.5px!important;font-weight:600;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.4)}
/* les chiffres en verre foncé, le sac et les liens du compte en verre clair (les liens en une seule liste, séparés de fins traits blancs) */
html:root:not(.is-dark)[data-screen="avatar"] .av-kpis a{border-radius:30px!important;background:var(--vr-fonce)!important;border:2px solid var(--vr-fonce-b)!important;box-shadow:none!important;color:#fff!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="avatar"] .av-kpis a :is(b,span,svg){color:#fff!important}
html:root:not(.is-dark)[data-screen="avatar"] .av-kpis a b{font-family:"Playfair Display",Georgia,serif!important;font-weight:600}
html:root:not(.is-dark)[data-screen="avatar"] .bag-card{border-radius:30px!important;background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="avatar"] .bag-card :is(.muted,small){color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="avatar"] .bag-card .h2s{color:var(--vr-tx)!important;text-shadow:none}
html:root:not(.is-dark)[data-screen="avatar"] .me-links{display:block!important;padding:4px 0;border-radius:22px;overflow:hidden;background:var(--vr-clair)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:none!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="avatar"] .me-links>.career-card{background:transparent!important;border:0!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:not(.is-dark)[data-screen="avatar"] .me-links>.career-card+.career-card{border-top:1px solid rgba(255,255,255,.35)!important}
html:root:not(.is-dark)[data-screen="avatar"] .me-links .cc-ic{background:var(--vr-vert)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)}
html:root:not(.is-dark)[data-screen="avatar"] .avpage>section>.page-h :is(h2,a){color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}

/* l'avatar reste immobile (plus de balancement) */
.av-stage .avsvg{animation:none!important}
/* la date et l'heure passent à la ligne plutôt que d'être coupées par le badge */
html:root:not(.is-dark) .page.mc .mc-card .mc-i small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;align-items:flex-start}
/* sur la photo nette, la grande carte d'accueil et le bloc « près de chez vous » prennent un verre plus clair */
html:root:not(.is-dark)[data-screen="home"] #view :is(.nh-big,.nh-near,.nh-empty,.teaser){background:rgba(255,255,255,.62)!important;border:2px solid var(--vr-clair-b)!important}
/* « S'abonner à TEEBOX+ » remonte sous la phrase d'accueil : verre clair, bord vert sapin pour donner envie d'appuyer */
html:root:not(.is-dark)[data-screen="home"] .nh-hero>.nh-sub{grid-column:1;grid-row:4;justify-self:start;align-self:start;display:inline-flex;align-items:center;gap:7px;min-height:38px;margin:12px 0 0!important;padding:0 16px 0 13px!important;border-radius:999px!important;font-size:13.5px;font-weight:700;background:rgba(255,255,255,.55)!important;border:2.5px solid #1c1c1e!important;box-shadow:0 6px 18px -8px rgba(0,0,0,.55)!important;color:#1c1c1e!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="home"] .nh-hero>.nh-sub :is(span,svg){color:#1c1c1e!important}
/* les grands encadrements en verre ont un contour vert clair de 2 px pour ressortir sur la photo */
html:root:not(.is-dark)[data-screen] #view :is(.nh-row,.nh-empty,.nh-friends,.card,.post,.career-card,.gr-card,.mc-tabs,.res,.cmp,.ccard,.teaser,.bag-card){border:2px solid var(--vr-clair-b)!important}
html:root:not(.is-dark)[data-screen] #view :is(.nh-big,.nh-near,.nh-row,.nh-empty,.page.mc .mc-card){box-shadow:0 0 0 3px rgba(79,154,98,.22),0 10px 24px -14px rgba(0,0,0,.35)!important}
/* les grands encadrements foncés (haut de Compétitions et Messages, Profil) ont aussi le contour vert clair de 2 px */
html:root:not(.is-dark)[data-screen] #view :is(.mc-hero,.mx-chips,.mx-rb,.empty,.cr-hero,.plan-hero,.av-kpis a,.av-hero.vest>.av-id){border:2px solid var(--vr-fonce-b)!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-hero.vest::before{border:2px solid var(--vr-fonce-b)!important}
/* le grand décor de l'avatar : un cadre vert clair posé par-dessus le dessin */
@media (max-width:640px){
  html:root:not(.is-dark)[data-screen="avatar"] #view .av-hero.vest::after{content:""!important;display:block!important;position:absolute;left:-12px;right:-12px;top:calc(env(safe-area-inset-top,0px) + 66px);height:500px;border-radius:30px;border:2px solid var(--vr-fonce-b);background:none!important;pointer-events:none;z-index:3;inset-inline:-12px;bottom:auto}
}
/* vignettes « Mon décor » : contour vert clair, le décor choisi en vert sapin */
html:root:not(.is-dark)[data-screen="avatar"] #view .dk-it .dk-img{border:2px solid var(--vr-fonce-b)!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .dk-it.on .dk-img{border:3px solid #1f4d3a!important}
/* Messages : chaque conversation est sa propre carte en verre arrondie, séparée des autres ; les noms en gras */
html:root:not(.is-dark)[data-screen] #view .mx .mx-list{display:grid;gap:9px;margin-left:0!important;margin-right:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0;overflow:visible;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
html:root:not(.is-dark)[data-screen] #view .mx .mx-list>:is(.mx-row,.mx-req){border-radius:22px!important;padding:11px 14px!important;background:rgba(255,255,255,.6)!important;border:2px solid var(--vr-clair-b)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou);box-shadow:0 8px 20px -14px rgba(0,0,0,.4)!important}
html:root:not(.is-dark)[data-screen] #view .mx .mx-row+.mx-row{border-top:2px solid var(--vr-clair-b)!important}
html:root:not(.is-dark)[data-screen] #view .mx .mx-row .mx-tx b{font-weight:800!important;font-size:15.5px}
html:root:not(.is-dark)[data-screen] #view .mx .mx-list>:is(.mx-h2,.mx-add){margin:4px 4px 0}
/* Conversation : même univers qu'Accueil — la photo du parcours en fond, en-tête, fiche et barre d'écriture en verre flouté, bulles en verre */
html:root:not(.is-dark)[data-screen="chat"] #view .cv{background:none!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-bg{display:none}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h{width:auto!important;margin:8px 10px 0;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px!important;border-radius:24px;background:rgba(255,255,255,.62)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h .cv-who b{font-weight:800!important;font-size:16.5px;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-card{background:none!important;padding:10px 10px 6px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-cardin{border-radius:24px;background:rgba(28,28,30,.55)!important;border:2px solid var(--vr-clair-b);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-cardin .cv-id b{font-weight:800!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a{border-radius:16px;background:rgba(255,255,255,.16)!important;color:#fff!important;font-weight:700}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a:first-child{background:#fff!important;color:var(--vr-noir)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-day span{background:rgba(255,255,255,.62);border:2px solid var(--vr-clair-b);color:var(--vr-tx);font-weight:700;line-height:18px;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-m:not(.me) .cv-b{background:rgba(255,255,255,.72)!important;border:2px solid var(--vr-clair-b);color:var(--vr-tx);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-m.me .cv-b{background:rgba(28,28,30,.82)!important;border:2px solid var(--vr-clair-b);color:#fff;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-m.me .cv-b :is(p,.cv-t){color:#fff!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-m:not(.me) .cv-b :is(p,.cv-t){color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-f{width:auto!important;margin:0 10px calc(10px + env(safe-area-inset-bottom,0px));padding:8px 10px!important;border-radius:28px;background:rgba(255,255,255,.62)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-in{background:rgba(255,255,255,.7)!important;border-radius:20px}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-send{background:var(--vr-noir)!important}
/* Duels : mêmes cartes en verre clair qu'Accueil, texte bien lisible */
html:root:not(.is-dark)[data-screen="duel"] #view :is(.duel-sum,.dcard,.page.duel-d>.card,.page.duel-new>.card){border-radius:24px!important;background:rgba(255,255,255,.66)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)!important;color:var(--vr-tx)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen="duel"] #view .duel-sum :is(p,small,span){color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="duel"] #view .duel-sum b,html:root:not(.is-dark)[data-screen="duel"] #view .dcard b{color:var(--vr-tx)!important;font-weight:800!important}
html:root:not(.is-dark)[data-screen="duel"] #view .dgrid{gap:10px}
/* Profil : les 4 chiffres en petites cases sur une ligne, intitulés en blanc bien gras */
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a{padding:9px 4px 8px!important;border-radius:20px!important;gap:1px!important;background:rgba(28,28,30,.42)!important;border:2px solid var(--vr-clair-b)!important;min-height:0!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a b{font-size:21px!important;line-height:1.1}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a span{font-size:11.5px!important;font-weight:800!important;line-height:1.15;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.45)}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a>svg{width:15px;height:15px;margin-top:2px;color:#fff!important}
/* Mon sac : textes bien lisibles */
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-card{background:rgba(255,255,255,.66)!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-card .h2s{font-weight:800!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-card p{color:var(--vr-tx)!important;font-weight:600}
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-card .bag-l span{font-weight:800!important;color:var(--vr-tx)!important;background:rgba(255,255,255,.8)!important;border:2px solid var(--vr-clair-b)}
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-card .bag-l span.ok{color:#1f4d3a!important;background:#e3f2e6!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-card .bag-l small{color:var(--vr-tx2)!important;font-weight:700}
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-card :is(.muted,small):not(.bag-l small){color:var(--vr-tx)!important;font-weight:700}
html:root:not(.is-dark)[data-screen="avatar"] #view .bag-hint{font-weight:800}
/* Garde-robe, duels, classement… : chaque lien est sa propre carte arrondie, séparée des autres, titre en gras */
html:root:not(.is-dark)[data-screen="avatar"] #view .me-links{display:grid!important;gap:9px;padding:0!important;background:none!important;border:0!important;border-radius:0!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .me-links>.career-card{border-radius:24px!important;background:rgba(255,255,255,.66)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:var(--vr-flou)!important;backdrop-filter:var(--vr-flou)!important;margin:0!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .me-links>.career-card+.career-card{border-top:2px solid var(--vr-clair-b)!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .me-links>.career-card b{font-weight:800!important;font-size:16.5px!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .me-links>.career-card small{color:var(--vr-tx2)!important;font-weight:600}
html:root:not(.is-dark)[data-screen="avatar"] #view .me-links .cc-ic{background:#1f4d3a!important}
/* Profil : la carte d'identité en verre clair — nom en noir bien gras, niveau en vert sapin gras, lisibles quel que soit le fond */
html:root:not(.is-dark)[data-screen="avatar"] #view .av-hero.vest>.av-id{background:rgba(255,255,255,.72)!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-hero.vest>.av-id h1{color:#111!important;font-weight:800!important;text-shadow:none!important;-webkit-text-fill-color:#111!important;background:none!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-hero.vest>.av-id .lbl{color:#1f4d3a!important;font-weight:800!important;font-size:14px!important;text-shadow:none!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-hero.vest>.av-id small{color:var(--vr-tx)!important;font-weight:700!important;text-shadow:none!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-hero.vest>.av-id .btn.ghost{border:2px solid var(--vr-clair-b)!important}
/* Titres posés sur la photo : plus gras, ombre plus nette, pour rester lisibles en faisant défiler */
html:root:not(.is-dark)[data-screen] #view :is(.page-h,.sec-h) :is(h1,h2,a,small,span){text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 12px rgba(0,0,0,.35)!important}
html:root:not(.is-dark)[data-screen] #view :is(.page-h,.sec-h) :is(h2,a){font-weight:800!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .dk-it :is(span,small,b){font-weight:800!important;text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.35)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-cardin :is(.cv-lv,.cv-lv em,.cv-st){color:#fff!important;font-weight:700}
/* Profil (retour de Nathan) : cases des chiffres en verre clair, intitulés vert sapin en gras, icônes plus grandes */
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a{background:rgba(255,255,255,.72)!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a b{color:#111!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a span{color:#1f4d3a!important;text-shadow:none!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a>svg{width:20px!important;height:20px!important;color:#1f4d3a!important}
/* Liens du profil : flèche de droite plus grande, dans un petit rond cerclé de noir */
html:root:not(.is-dark)[data-screen="avatar"] #view .me-links>.career-card>svg:last-child{flex:none;width:30px!important;height:30px!important;padding:6px;box-sizing:border-box;border:1.5px solid #1c1c1e;border-radius:50%;color:#1c1c1e!important;background:rgba(255,255,255,.7);opacity:1!important}
/* ---- Publications (retour de Nathan) : comme un réseau photo, mais dans l'univers de l'app.
   Barre du haut en pilule de verre, stories en ronds soignés posés sur la photo, chaque publication est sa propre carte arrondie, avec de l'air entre deux ---- */
html:root:not(.is-dark)[data-screen] #view .pub{background:transparent!important;padding-bottom:110px}
html:root:not(.is-dark)[data-screen] #view .pub-top{margin:calc(env(safe-area-inset-top,0px) + 8px) 12px 0;top:calc(env(safe-area-inset-top,0px) + 8px)!important;height:54px!important;padding:0 8px!important;border-radius:999px!important;background:rgba(255,255,255,.66)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen] #view .pub-top .pub-feed{font-weight:800!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen] #view .pub-top .pub-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen] #view .pub-stories{gap:12px;padding:16px 12px 6px!important;border:0!important;background:none!important}
html:root:not(.is-dark)[data-screen] #view .pub-st{width:72px;gap:7px;color:#fff!important;font-weight:800!important;font-size:12.5px;text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.35)}
/* le rond : un anneau dégradé vert → or, un liseré blanc, l'image ; une ombre douce pour le détacher de la photo */
html:root:not(.is-dark)[data-screen] #view .pub-ring{width:70px;height:70px;padding:3px;background:conic-gradient(from 210deg,#1f4d3a,#4f9a62,#e9b824,#4f9a62,#1f4d3a)!important;box-shadow:0 6px 16px -6px rgba(0,0,0,.55)}
html:root:not(.is-dark)[data-screen] #view .pub-ring.seen{background:rgba(255,255,255,.75)!important}
html:root:not(.is-dark)[data-screen] #view .pub-ring>span{border:3px solid #fff!important;background:#fff!important}
html:root:not(.is-dark)[data-screen] #view .pub-ring.me{width:70px;height:70px;padding:3px;background:rgba(255,255,255,.9)!important}
html:root:not(.is-dark)[data-screen] #view .pub-ring.me i{width:26px;height:26px;right:-2px;bottom:-2px;background:var(--vr-noir)!important;box-shadow:0 0 0 3px #fff}
/* les publications : des cartes séparées, coins arrondis, l'image tenue dans la carte */
html:root:not(.is-dark)[data-screen] #view .pub-posts{gap:18px;padding:10px 12px 0}
html:root:not(.is-dark)[data-screen] #view .pub-posts>.post{margin:0!important;border-radius:26px!important;overflow:hidden;background:rgba(255,255,255,.78)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 12px 26px -16px rgba(0,0,0,.5)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
html:root:not(.is-dark)[data-screen] #view .pub-posts>.post .post-h{background:none!important;border:0!important}
html:root:not(.is-dark)[data-screen] #view .pub-posts>.post .post-h b{font-weight:800!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen] #view .pub-posts>.post .media{border-radius:0!important;border:0!important}
html:root:not(.is-dark)[data-screen] #view .pub-posts>.post :is(.likes,.caption) b{font-weight:800!important}
html:root:not(.is-dark)[data-screen] #view .pub-posts>.nh-empty{margin:0}
html:root:not(.is-dark)[data-screen] #view .pub-foot{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.6);margin:16px 12px 0}
/* ---- chargement d'une page : une petite roue en haut et la forme des cartes qui scintille en gris ---- */
#view.ld{visibility:hidden}
#tb-ld{position:fixed;z-index:30;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 70px);bottom:100px;max-width:640px;margin:0 auto;padding:0 12px;display:grid;align-content:start;gap:14px;pointer-events:none;animation:ld-in .2s ease both}
@keyframes ld-in{from{opacity:0}}
#tb-ld .ld-ring{justify-self:center;width:30px;height:30px;border-radius:50%;border:3.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:ld-rot .8s linear infinite;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
@keyframes ld-rot{to{transform:rotate(360deg)}}
#tb-ld .ld-card{display:grid;grid-template-columns:44px 1fr;gap:9px 12px;align-items:center;padding:14px;border-radius:26px;background:rgba(255,255,255,.66);border:2px solid var(--vr-clair-b);-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
#tb-ld .sk{position:relative;overflow:hidden;display:block;background:rgba(29,29,31,.09);border-radius:10px}
#tb-ld .sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:ld-brille 1.3s ease-in-out infinite}
@keyframes ld-brille{to{transform:translateX(100%)}}
#tb-ld .rond{width:44px;height:44px;border-radius:50%;grid-row:span 2}
#tb-ld .l1{height:13px;width:60%}#tb-ld .l2{height:11px;width:40%}
#tb-ld :is(.img,.l3){grid-column:1/-1}#tb-ld .img{height:180px;border-radius:18px}#tb-ld .l3{height:12px;width:80%}
html.is-dark #tb-ld .ld-card{background:var(--card,#1b2620);border-color:rgba(255,255,255,.12)}
html.is-dark #tb-ld .sk{background:rgba(255,255,255,.1)}
html.is-dark #tb-ld .sk::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
@media (prefers-reduced-motion:reduce){#tb-ld .sk::after{animation:none}#tb-ld .ld-ring{animation-duration:2s}}
/* ---- Retours de Nathan (1er nov., soir) ---- */
/* Messages : les conversations juste sous les onglets ; s'il y en a peu, l'espace libre reste en bas */
html:root:not(.is-dark) .mx .mx-list{margin:4px 0 0!important}
/* Accueil : pas de grand vide sous le dernier bloc (la place de la barre du bas suffit) */
html:root:not(.is-dark)[data-screen="home"] #view .nh-sheet{padding-bottom:8px!important}
html:root:not(.is-dark)[data-screen="home"] #view .nh{min-height:0!important}
/* Profil : chiffres, intitulés et icônes bien centrés, en noir */
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;text-align:center!important;padding:9px 3px 8px!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a b{display:block;width:100%;text-align:center;color:#111!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a span{display:block;width:100%;text-align:center;color:#111!important;font-size:11px!important;overflow-wrap:anywhere}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a>svg{margin:3px auto 0!important;color:#111!important}
/* Détail d'un duel : la grande carte, les étapes et la réponse en verre flouté ; « Annuler ce défi » en pilule cerclée de rouge */
html:root:not(.is-dark)[data-screen="duel"] #view :is(.duel-hero,.dsteps,.page.duel-d>.card){border-radius:26px!important;background:rgba(255,255,255,.58)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 10px 24px -16px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:var(--vr-flou)!important;backdrop-filter:var(--vr-flou)!important;color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="duel"] #view .duel-hero .stakes{background:rgba(255,255,255,.4)!important;border:2px solid var(--vr-clair-b)!important;border-radius:20px!important}
html:root:not(.is-dark)[data-screen="duel"] #view .duel-hero .stakes>div>span:not(:first-child){background:rgba(255,255,255,.7)!important}
html:root:not(.is-dark)[data-screen="duel"] #view .duel-hero :is(h2,h3,b){font-weight:800}
html:root:not(.is-dark)[data-screen="duel"] #view .dsteps{padding:12px 8px!important}
html:root:not(.is-dark)[data-screen="duel"] #view .dstep span{color:var(--vr-tx)!important;font-weight:800!important;text-shadow:none!important;opacity:1!important}
html:root:not(.is-dark)[data-screen="duel"] #view .dstep:not(.ok):not(.now) span{color:var(--vr-tx2)!important}
html:root:not(.is-dark)[data-screen="duel"] #view .page.duel-d>.card b{font-weight:800!important}
html:root:not(.is-dark)[data-screen="duel"] #view .page.duel-d>.card .muted{color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="duel"] #view [data-act="cancel"]{justify-self:center!important;display:inline-flex;align-items:center;gap:6px;padding:11px 22px!important;border-radius:999px!important;background:rgba(255,255,255,.66)!important;border:2.5px solid #d32f2f!important;color:#c62828!important;font-weight:800!important;font-size:15px;text-decoration:none!important;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)!important;-webkit-backdrop-filter:var(--vr-flou);backdrop-filter:var(--vr-flou)}
/* Paramètres : chaque ligne est sa propre carte arrondie en verre flouté, titre en gras, flèche cerclée de noir (comme le Profil) */
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows{display:grid!important;gap:9px;padding:0!important;background:none!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>.sp-row{border-radius:24px!important;padding:13px 14px!important;background:rgba(255,255,255,.58)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:var(--vr-flou)!important;backdrop-filter:var(--vr-flou)!important;margin:0!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>.sp-row+.sp-row{border-top:2px solid var(--vr-clair-b)!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>.sp-row b{font-weight:800!important;font-size:16px!important;color:var(--vr-tx)!important}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>.sp-row small{color:var(--vr-tx2)!important;font-weight:600}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows .sp-ic{background:#1f4d3a!important;color:#fff!important;border-radius:14px}
html:root:not(.is-dark) .page:is(.sp,.reglages) .sp-rows>.sp-row>svg:last-child{flex:none;width:30px!important;height:30px!important;padding:6px;box-sizing:border-box;border:1.5px solid #1c1c1e;border-radius:50%;color:#1c1c1e!important;background:rgba(255,255,255,.7);opacity:1!important}
html:root:not(.is-dark) .page:is(.sp,.reglages)>.card{background:rgba(255,255,255,.58)!important;border-radius:24px!important}
html:root:not(.is-dark) .page:is(.sp,.reglages)>.card>b{font-weight:800!important}
html:root:not(.is-dark)[data-screen] #view .page.reglages .sp-rows{border:0!important;background:none!important;box-shadow:none!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a span{overflow-wrap:normal!important;word-break:normal!important;hyphens:none;font-size:10.5px!important;letter-spacing:-.01em!important}
html:root:not(.is-dark)[data-screen="avatar"] #view .av-kpis a{padding-left:2px!important;padding-right:2px!important}
html:root:not(.is-dark)[data-screen="home"] #view .nh{padding-bottom:0!important}
/* Conversation : l'en-tête devient une pilule de verre transparente sous la barre d'état du téléphone (l'heure et la batterie restent sur la photo) */
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h{margin:calc(env(safe-area-inset-top,0px) + 6px) 10px 0!important;padding:6px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.34)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 22px -14px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;backdrop-filter:blur(22px) saturate(1.4)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h :is(.cv-back,.cv-more){width:40px;height:40px;background:rgba(255,255,255,.55)!important;border:0!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h .cv-who b{font-size:16px;color:#111!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h .cv-who small{color:#1d1d1f!important;font-weight:700;opacity:.8}
/* Conversation : la fiche de la personne en verre clair transparent, comme les cartes de l'Accueil — sans dessin derrière, texte foncé */
html:root:not(.is-dark)[data-screen="chat"] #view .cv-cardin{background:rgba(255,255,255,.58)!important;color:var(--vr-tx)!important;border:2px solid var(--vr-clair-b)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:var(--vr-flou)!important;backdrop-filter:var(--vr-flou)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-ban{background:none!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-ban-bg{display:none!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-ban::before,html:root:not(.is-dark)[data-screen="chat"] #view .cv-ban::after{display:none!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-cardin .cv-id b{color:#111!important;font-weight:800!important;text-shadow:none!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-cardin :is(.cv-lv,.cv-lv em,.cv-lv i,.cv-st,.cv-id small,.cv-id span){color:var(--vr-tx)!important;text-shadow:none!important;font-weight:700}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a{background:rgba(255,255,255,.7)!important;color:var(--vr-tx)!important;border:2px solid var(--vr-clair-b)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a svg{color:var(--vr-tx)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a:first-child{background:var(--vr-noir)!important;color:#fff!important;border-color:var(--vr-noir)!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a:first-child svg{color:#fff!important}
/* Conversation, plus compacte : on voit à qui on parle sans que le haut prenne la place des messages */
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h{padding:4px 6px!important;gap:10px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h :is(.cv-back,.cv-more){width:34px!important;height:34px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h :is(.cv-back,.cv-more) svg{width:18px;height:18px}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h .cv-who b{font-size:15px!important;line-height:1.15}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-h .cv-who small{font-size:12px!important;line-height:1.1}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-card{padding:8px 10px 4px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-cardin{border-radius:22px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-ban{min-height:0!important;padding:10px 12px 2px!important;align-items:center!important;gap:10px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-big{width:40px!important;height:40px!important;box-shadow:0 0 0 2px #fff!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-big :is(.av,svg){width:40px!important;height:40px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-id{gap:1px!important;padding:0!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-id b{font-size:14.5px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-id :is(.cv-st,.cv-lv){font-size:12px!important}
/* les 4 boutons : petites pilules sur une ligne, centrées, icône à côté du mot */
html:root:not(.is-dark)[data-screen="chat"] #view .cv-acts4{display:flex!important;justify-content:center;flex-wrap:nowrap;gap:6px!important;padding:8px 10px 10px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a{flex:0 1 auto;flex-direction:row!important;gap:4px!important;height:30px!important;padding:0 9px!important;border-radius:999px!important;min-width:0}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a svg{width:14px!important;height:14px!important;flex:none}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a span{font-size:11.5px!important;font-weight:800!important;white-space:nowrap}
@media (max-width:370px){html:root:not(.is-dark)[data-screen="chat"] #view .cv-a{padding:0 6px!important}html:root:not(.is-dark)[data-screen="chat"] #view .cv-a span{font-size:10.5px!important}html:root:not(.is-dark)[data-screen="chat"] #view .cv-acts4{gap:4px!important}}
/* les 4 boutons de la fiche : 4 cases égales, icône au-dessus du mot, tout reste dans le cadre et centré */
html:root:not(.is-dark)[data-screen="chat"] #view .cv-acts4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:8px 10px 10px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;height:44px!important;padding:0 3px!important;border-radius:14px!important;min-width:0!important;overflow:hidden;text-align:center}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a svg{width:15px!important;height:15px!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a span{display:block;max-width:100%;font-size:10.5px!important;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:clip}
@media (max-width:370px){html:root:not(.is-dark)[data-screen="chat"] #view .cv-a span{font-size:10px!important}html:root:not(.is-dark)[data-screen="chat"] #view .cv-a{padding:0 2px!important}}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-acts4{grid-template-columns:.85fr 1.1fr 1.25fr .8fr!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a span{font-size:11px!important}
@media (max-width:370px){html:root:not(.is-dark)[data-screen="chat"] #view .cv-a span{font-size:10.5px!important}}
/* la taille des mots suit la largeur de la rangée : « Compétitions » tient toujours en entier dans sa case, sur tous les téléphones */
html:root:not(.is-dark)[data-screen="chat"] #view .cv-acts4{container-type:inline-size}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a{overflow:visible!important}
html:root:not(.is-dark)[data-screen="chat"] #view .cv-a span{font-size:min(11px,3.2cqi)!important;letter-spacing:0!important;overflow:visible!important;text-overflow:clip!important}