/* Vibboza : composants communs du CMS connecté. */
body.vb-editorial.vibboza-hc-shell.vibboza-signature-ui { --ve-ink:#233342; --ve-muted:#64727b; --ve-paper:#f6f4ed; --ve-line:#d8ddd9; --ve-teal:#126e65; color:var(--ve-ink)!important; background:#e7ece9!important; font-family:"Manrope",sans-serif; }
body.vb-editorial.vibboza-hc-shell.vibboza-signature-ui::before { background:linear-gradient(135deg,#dce6e0 25%,transparent 25%) -12px 0/24px 24px!important; opacity:.2!important; mask-image:none!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui #app { min-width:0; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-header { position:relative!important; top:auto!important; z-index:80; padding:0!important; background:#203e43!important; border:0!important; border-bottom:4px solid #d4ae64!important; box-shadow:0 4px 14px #102e3220!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-header__inner { width:min(1280px,100%)!important; margin:auto; padding:18px 24px!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:16px!important; height:auto!important; min-height:96px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-logo { background:none!important; border:0!important; border-radius:0!important; padding:0!important; color:#f4df9b!important; text-shadow:2px 2px #10292e!important; box-shadow:none!important; font-family:"Space Grotesk",sans-serif!important; font-size:30px!important; letter-spacing:-1.5px!important; min-width:0!important; width:auto!important; transform:none!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav { display:flex!important; flex:1!important; justify-content:center!important; align-items:center!important; flex-wrap:wrap!important; gap:4px!important; height:auto!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__item { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:76px!important; min-height:64px!important; padding:7px 10px!important; gap:7px!important; border:0!important; background:transparent!important; border-radius:5px!important; color:#f6f3e8!important; box-shadow:none!important; text-decoration:none; transform:none!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__item strong { font-size:11px!important; line-height:1.3!important; white-space:nowrap; margin:0!important; position:static!important; color:inherit!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__icon { width:30px!important; height:28px!important; margin:0!important; background-size:contain!important; background-position:center!important; background-repeat:no-repeat!important; position:static!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__item:hover,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__item[aria-current="page"] { background:#ffffff15!important; color:#ffe2a0!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__group { position:relative!important; width:auto!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__dropdown { top:100%!important; bottom:auto!important; left:0!important; transform:none!important; min-width:210px!important; padding:8px!important; background:#fffdf6!important; border:1px solid var(--ve-line)!important; border-radius:6px!important; box-shadow:0 10px 24px #12313c25!important; z-index:100!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__dropdown a { display:flex!important; align-items:center!important; gap:10px!important; padding:12px!important; color:var(--ve-ink)!important; border-radius:3px!important; white-space:normal!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__dropdown a strong { position:static!important; line-height:1.4!important; font-size:13px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__group.is-open>.vibboza-city-topnav__dropdown,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__group:focus-within>.vibboza-city-topnav__dropdown { display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-nav-shop { width:28px; height:28px; background:url('/assets/images/profile/credits.png') center/contain no-repeat; image-rendering:pixelated; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-playbar { position:static!important; transform:none!important; width:auto!important; min-width:110px!important; height:44px!important; padding:0 18px!important; border:1px solid #7baf85!important; border-bottom:3px solid #235b3c!important; border-radius:5px!important; background:#4a9564!important; color:white!important; font-size:14px!important; box-shadow:none!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-playbar em { display:none!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-userline { flex-basis:100%; width:100%!important; display:flex!important; justify-content:flex-end!important; align-items:center!important; gap:18px!important; padding:9px 0 0!important; border-top:1px solid #ffffff18; color:#e4e9e5!important; font-size:12px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-userline a,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-userline button { color:inherit!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-userline__profile { display:flex; align-items:center; gap:8px; margin-right:auto; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-userline__profile img { width:32px!important; height:32px!important; object-fit:contain; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-main { padding:32px 24px 56px!important; margin:0!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-container { width:min(1200px,100%)!important; max-width:1200px!important; margin:auto!important; min-width:0; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-container>* { min-width:0; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-page,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .habbix-panel,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-panel { border-radius:7px!important; border-color:var(--ve-line)!important; background:var(--ve-paper)!important; color:var(--ve-ink)!important; box-shadow:0 3px 0 #1a3b3b0a!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-page { padding:24px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui :is(.vibboza-city-section-head,.vibboza-hc-community-head,.habbix-panel__header,.vibboza-city-hero) { background:#203e43!important; color:#fff8e8!important; border-radius:5px!important; padding:24px!important; min-height:0!important; height:auto!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui :is(.vibboza-city-section-head,.vibboza-hc-community-head,.habbix-panel__header,.vibboza-city-hero) :is(h1,h2,p,small,strong) { color:inherit!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui :is(.vibboza-city-panel,.habbix-panel,.vibboza-city-page) :is(input,textarea,select) { max-width:100%; min-width:0; color:#233342!important; background:#fffef9!important; border:1px solid #b9c6c2!important; border-radius:4px!important; min-height:42px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui :is(table) { width:100%; border-collapse:collapse; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui :is(th,td) { padding:12px!important; border-bottom:1px solid var(--ve-line); text-align:left; vertical-align:middle; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui :is(p,strong,h1,h2,h3,a) { overflow-wrap:break-word; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui :is(a,button,input,textarea,select):focus-visible { outline:3px solid #bf842c!important; outline-offset:3px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-card { min-width:0!important; height:auto!important; display:flex!important; flex-direction:column!important; background:#fffdf6!important; border:1px solid var(--ve-line)!important; border-radius:6px!important; box-shadow:none!important; overflow:hidden; transform:none!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-card__image { height:150px!important; min-height:150px!important; position:relative!important; background-size:cover!important; background-position:center!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-card__date { position:absolute!important; bottom:10px!important; top:auto!important; left:10px!important; right:auto!important; padding:5px 9px!important; background:#17343bea!important; color:#fff!important; border-radius:3px!important; line-height:1.4!important; font-size:10px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-body { position:static!important; padding:16px!important; height:auto!important; min-height:100px; background:#fffdf6!important; color:var(--ve-ink)!important; display:flex!important; flex-direction:column!important; gap:7px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-body small { color:var(--ve-muted)!important; font-size:11px!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-body strong { color:var(--ve-ink)!important; line-height:1.5!important; font-size:15px!important; white-space:normal!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-home { display:flex; flex-direction:column; gap:24px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome { position:relative; display:flex; align-items:center; gap:22px; overflow:hidden; min-height:260px; padding:36px; background:#264b50; border-radius:8px; border-bottom:4px solid #17353a; color:#fff8e8; }
.vb-welcome-scene { position:absolute; inset:0 0 0 50%; background:linear-gradient(90deg,#264b50,transparent),url('/assets/images/vibboza-city-home/background_avatar.png') center/cover; opacity:.5; }
.vb-welcome-copy { position:relative; flex:1; max-width:620px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-eyebrow { display:block; font-size:10px; font-weight:800; letter-spacing:1.6px; line-height:1.5; color:#977236; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-eyebrow { color:#ebce8c; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome h1 { font-family:"Space Grotesk",sans-serif; font-size:38px; line-height:1.2; margin:10px 0; font-weight:700; color:inherit; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome p { max-width:480px; font-size:14px; line-height:1.8; color:#d6e4df; }
.vb-welcome-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; padding:10px 18px; border:1px solid #fff5; border-radius:4px; font-size:13px; font-weight:800; text-decoration:none; }
.vb-button-play { background:#edcb7a; color:#293a37; border-color:#e8c36b; border-bottom:3px solid #a88543; }
.vb-button-outline { color:#fff8e8; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage { position:relative; flex:0 0 180px; height:210px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; background:radial-gradient(ellipse at 50% 85%,#0e272a75 0 28%,transparent 29%); }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage img { width:128px; height:180px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage span { background:#152f34; padding:5px 12px; border:1px solid #ffffff25; border-radius:3px; font-size:11px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--ve-line); background:#fffdf6; border-radius:6px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet>div { display:flex; align-items:center; gap:14px; padding:18px 24px; border-right:1px solid var(--ve-line); }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet>div:last-child { border:0; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet span { color:var(--ve-muted); font-size:11px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet strong { display:block; font-size:22px; line-height:1.5; color:var(--ve-ink); font-variant-numeric:tabular-nums; }
.vb-home-columns { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:start; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-section-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:5px 0 20px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-section-heading h2,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-aside-card h2 { margin:6px 0; font-size:20px; font-weight:800; line-height:1.4; color:var(--ve-ink); }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-section-heading a,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-aside-card a { font-size:12px; font-weight:800; color:var(--ve-teal); }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-community-aside { display:flex; flex-direction:column; gap:18px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-aside-card { padding:22px; background:#f9f8f1; border:1px solid var(--ve-line); border-top:3px solid #587970; border-radius:5px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-aside-card p { font-size:12px; line-height:1.8; color:var(--ve-muted); margin:12px 0; }
.vb-aside-card-team { border-top-color:#c59b51; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-count { display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; border-radius:4px; background:#e3ebe4; color:#36725d; font-size:12px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-friends a { display:flex; gap:10px; align-items:center; padding:7px 0; border-bottom:1px solid var(--ve-line); }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-friends img { width:32px; height:36px; object-fit:contain; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-empty { padding:24px; color:var(--ve-muted); background:#fffdf6; border:1px dashed #b8c6be; border-radius:5px; line-height:1.8; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-footer { background:#203e43!important; color:#d6e4df!important; padding:28px 24px!important; border-top:4px solid #d4ae64!important; margin-top:auto!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-footer p { font-size:11px!important; max-width:650px; line-height:1.7!important; margin:18px auto!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-footer .vibboza-hc-iconnav a { color:#f4efdf!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-menu-toggle { display:none; }
@media(max-width:1050px) { .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-header__inner { gap:10px!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__item { min-width:64px!important; padding:7px!important; } .vb-home-columns { grid-template-columns:minmax(0,1fr) 260px; gap:20px; } }
@media(max-width:760px) { .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-menu-toggle { display:block; margin-left:auto; color:#fff7e5; border:1px solid #ffffff50; padding:9px 14px; border-radius:4px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-header__inner { padding:14px 18px!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui #vb-main-navigation { display:none!important; flex-basis:100%!important; order:4; justify-content:flex-start!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui #vb-main-navigation.is-expanded { display:flex!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-topnav__dropdown { position:static!important; box-shadow:none!important; min-width:180px!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-main { padding:20px 14px 36px!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-page { padding:16px!important; } .vb-home-columns { grid-template-columns:1fr; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-community-aside { display:grid; grid-template-columns:1fr; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome { padding:24px; gap:4px; min-height:230px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome h1 { font-size:29px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage { flex-basis:95px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage img { width:96px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet>div { padding:14px 10px; gap:7px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet strong { font-size:17px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-wallet img { width:22px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-grid { gap:12px!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-shop-layout { display:flex!important; flex-direction:column!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-shop-sidebar { width:100%!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-ranking-wrapper { grid-template-columns:1fr!important; } }
@media(max-width:480px) { .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-news-grid { grid-template-columns:1fr!important; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome { align-items:flex-start; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage { flex-basis:70px; height:160px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage img { width:80px; height:130px; } .vb-welcome-actions { gap:8px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-button { padding:10px 12px; font-size:12px; } .vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-section-heading { align-items:flex-start; flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .vb-editorial.vibboza-hc-shell.vibboza-signature-ui *, .vb-editorial.vibboza-hc-shell.vibboza-signature-ui *::before,.vb-editorial.vibboza-hc-shell.vibboza-signature-ui *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }

body.vb-editorial.vibboza-hc-shell.vibboza-signature-ui { background:#e7ece9!important; color:#233342!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-header { width:100%!important; max-width:none!important; margin:0!important; border-radius:0!important; height:auto!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-header__inner { flex-direction:row!important; justify-content:space-between!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-home h2 { color:#233342!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-welcome h1 { color:#fff8e8!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-avatar-stage span { color:#fff8e8!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-menu-toggle { flex-shrink:0; }

body.vb-editorial.vibboza-hc-shell.vibboza-signature-ui { font-family:"Manrope",sans-serif!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-hc-header__inner { border-radius:0!important; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-home-columns { width:100%; min-width:0; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vb-home-columns>* { min-width:0; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-dialog { max-width:min(600px,calc(100vw - 32px)); color:#233342; background:#fffdf6; border:1px solid #bac9c1; border-radius:7px; padding:24px; }
.vb-editorial.vibboza-hc-shell.vibboza-signature-ui .vibboza-city-dialog::backdrop { background:#10272c99; }

/* Navigation indépendante : aucun onglet masqué par les anciens thèmes. */
body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell #app { background:#e8ece9!important; color:#253642!important; }
body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-hc-main { background:transparent!important; }
.vb-editorial .vb-site-header { width:100%; flex-shrink:0; background:#24444c; border-bottom:1px solid #c2cfc9; color:#fff8e8; position:relative; z-index:90; }
.vb-editorial .vb-site-masthead { width:min(1200px,100%); min-height:100px; margin:auto; padding:20px 24px; display:flex; align-items:center; justify-content:space-between; gap:22px; box-sizing:border-box; }
.vb-editorial .vb-site-brand { display:flex; flex-direction:column; gap:3px; color:#f8df96!important; text-decoration:none; flex-shrink:0; }
.vb-editorial .vb-site-brand strong { font:800 34px/1.1 "Space Grotesk",sans-serif!important; letter-spacing:-1.7px; color:inherit!important; text-shadow:2px 3px #15333a; }
.vb-editorial .vb-site-brand span { font:500 11px/1.6 "Manrope",sans-serif!important; color:#d1dfd9!important; letter-spacing:.6px; }
.vb-editorial .vb-site-account { display:flex; align-items:center; gap:24px; }
.vb-editorial .vb-site-player { display:flex; align-items:center; gap:8px; font-size:13px; color:#fff8e8!important; }
.vb-editorial .vb-site-player img { width:38px; height:42px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-site-enter { display:inline-flex; align-items:center; gap:20px; padding:12px 18px; min-height:46px; border:1px solid #91b499; border-bottom:3px solid #28583c; border-radius:4px; background:#4c8e64; color:#fff!important; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }
.vb-editorial .vb-site-enter:hover { background:#38734e; }
.vb-editorial .vb-site-navigation { background:#fffdf5; border-bottom:3px solid #c8a66a; border-top:1px solid #47636a; }
.vb-editorial .vb-site-nav { max-width:1200px; margin:auto; padding:0 16px; display:flex!important; flex-wrap:wrap!important; align-items:stretch; gap:0; overflow:visible!important; height:auto!important; }
.vb-editorial .vb-site-link { display:flex!important; align-items:center; justify-content:center; gap:8px; min-height:58px; padding:10px 14px; margin:0; border:0; border-right:1px solid #dedfd5; background:transparent; color:#294048!important; font:800 12px/1.4 "Manrope",sans-serif!important; cursor:pointer; text-decoration:none; list-style:none; white-space:nowrap; }
.vb-editorial .vb-site-link img { display:block; width:25px; height:25px; object-fit:contain; image-rendering:pixelated; flex-shrink:0; }
.vb-editorial .vb-site-link:hover,.vb-editorial .vb-site-link[aria-current="page"],.vb-editorial .vb-site-group[open]>.vb-site-link { background:#e4ede7; color:#126e65!important; box-shadow:inset 0 -3px #387864; }
.vb-editorial .vb-site-group { display:block; position:relative; margin:0; border:0; padding:0; }
.vb-editorial .vb-site-group summary::-webkit-details-marker { display:none; }
.vb-editorial .vb-site-group summary::after { content:""; width:6px; height:6px; margin-left:4px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
.vb-editorial .vb-site-group[open] summary::after { transform:rotate(225deg); }
.vb-editorial .vb-site-submenu { position:absolute; top:100%; left:0; z-index:120; width:240px; max-width:calc(100vw - 28px); padding:6px; border:1px solid #c3cec5; border-top:3px solid #387864; border-radius:0 0 5px 5px; background:#fffdf5; box-shadow:0 8px 18px #16373825; }
.vb-editorial .vb-site-submenu a { display:block; padding:12px 10px; font:600 12px/1.5 "Manrope",sans-serif!important; color:#294048!important; text-decoration:none; white-space:normal; border-radius:3px; }
.vb-editorial .vb-site-submenu a:hover { background:#e4ede7; }
.vb-editorial .vb-site-group-admin { margin-left:auto; }
.vb-editorial .vb-site-group-admin .vb-site-submenu { right:0; left:auto; }
.vb-editorial .vb-site-accountbar { background:#f3f4ec; color:#68796f; font-size:11px; }
.vb-editorial .vb-site-accountbar>div { width:min(1200px,100%); padding:9px 24px; box-sizing:border-box; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.vb-editorial .vb-site-accountbar nav { display:flex; gap:18px; align-items:center; }
.vb-editorial .vb-site-accountbar form { margin:0; }
.vb-editorial .vb-site-accountbar a,.vb-editorial .vb-site-accountbar button { font:600 11px/1.5 "Manrope",sans-serif!important; color:#425d52!important; background:none!important; border:0; padding:0; cursor:pointer; }
.vb-editorial .vb-site-footer { padding:30px 24px; border-top:3px solid #c8a66a; background:#24444c; color:#d5e1da; margin-top:auto; }
.vb-editorial .vb-site-footer>div { max-width:1152px; margin:auto; }
.vb-editorial .vb-site-footer strong { color:#f8df96!important; font:700 23px/1.4 "Space Grotesk",sans-serif!important; }
.vb-editorial .vb-site-footer nav { display:flex; flex-wrap:wrap; gap:18px; padding:15px 0; }
.vb-editorial .vb-site-footer a { color:#edf0e5!important; font-size:12px; }
.vb-editorial .vb-site-footer p { color:#b4c7bd!important; font-size:11px; line-height:1.8; }
.vb-editorial .vb-site-header :is(a,summary,button):focus-visible { outline:3px solid #ca933e!important; outline-offset:-3px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vb-welcome { min-height:230px; padding:28px 32px; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vb-welcome-scene { background-image:linear-gradient(90deg,#264b50,transparent),url('/assets/images/vibboza-city-home/mini-banner-profil.png'); background-position:center; background-size:cover; opacity:.5; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vb-welcome h1 { font-size:32px; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vb-welcome .vb-eyebrow { color:#ebce8c!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vb-home :is(.vb-section-heading,.vb-aside-card) h2 { color:#233342!important; }
@media(max-width:850px) { .vb-editorial .vb-site-nav { padding:0 10px; } .vb-editorial .vb-site-link { padding:10px; min-height:50px; font-size:11px!important; } .vb-editorial .vb-site-link img { width:22px; height:22px; } .vb-editorial .vb-site-group-admin { margin-left:0; } }
@media(max-width:540px) { .vb-editorial .vb-site-masthead { padding:16px; min-height:90px; gap:12px; } .vb-editorial .vb-site-brand strong { font-size:27px!important; } .vb-editorial .vb-site-player { display:none; } .vb-editorial .vb-site-enter { padding:10px 12px; font-size:11px; gap:8px; } .vb-editorial .vb-site-nav { padding:0; } .vb-editorial .vb-site-nav>.vb-site-link,.vb-editorial .vb-site-nav>.vb-site-group { flex:1 0 30%; } .vb-editorial .vb-site-group>.vb-site-link { width:100%; } .vb-editorial .vb-site-link { border-bottom:1px solid #e1e3da; } .vb-editorial .vb-site-link img { width:20px; height:20px; } .vb-editorial .vb-site-accountbar>div { padding:10px 16px; } .vb-editorial .vb-site-submenu { width:200px; } .vb-editorial .vb-site-nav>.vb-site-group .vb-site-submenu { left:0; right:auto; } .vb-editorial .vb-site-nav>.vb-site-group-admin .vb-site-submenu { left:auto; right:0; } }

body.vb-editorial.vibboza-hc-shell #app > header.vb-site-header { display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; min-height:0!important; overflow:visible!important; }

/* Finitions des pages internes : titres et cartes sur fond clair. */
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-page { font-size:14px!important; line-height:1.7!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-city-hero,.vibboza-hc-community-head) { background:#24444c!important; box-shadow:none!important; border:0!important; padding:24px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-city-hero,.vibboza-hc-community-head) h1 { font:700 28px/1.25 "Space Grotesk",sans-serif!important; letter-spacing:-.6px!important; text-shadow:none!important; margin:8px 0 12px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-city-hero,.vibboza-hc-community-head) p { font:500 13px/1.8 "Manrope",sans-serif!important; color:#deebe3!important; max-width:640px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-hc-community-head__emblem { width:48px!important; height:48px!important; min-height:0!important; margin:0 auto 10px!important; background-size:contain!important; filter:none!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-hc-community-stats { margin-top:18px!important; gap:14px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-hc-community-stats span { padding:4px 20px!important; font-size:11px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-hc-community-stats strong { font-size:23px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-hc-category-title,.vibboza-city-panel__head h2,.vibboza-hc-center-categories h3) { color:#294048!important; text-shadow:none!important; font:800 20px/1.4 "Manrope",sans-serif!important; margin:22px 0 14px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-hc-community-tabs,.vibboza-hc-org-tabs) { display:flex!important; flex-wrap:wrap!important; gap:10px!important; margin:20px 0!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-hc-community-tabs,.vibboza-hc-org-tabs) a { min-height:46px!important; height:auto!important; padding:10px 16px!important; border:1px solid #bccbc2!important; border-radius:4px!important; background:#fffdf5!important; color:#294048!important; font-size:13px!important; box-shadow:none!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-hc-community-tabs,.vibboza-hc-org-tabs) a.is-active { background:#dce9de!important; border-color:#5b8e74!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-hc-tab-icon { width:24px!important; height:24px!important; background-size:contain!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-panel__head span { color:#64776b!important; font-size:10px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-panel__head { padding:0 0 12px!important; border-bottom:1px solid #d1d9d0!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell :is(.vibboza-city-help-content,.vibboza-hc-rank-info) { color:#40554e!important; font-size:13px!important; line-height:1.8!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-help-content :is(p,li,strong,h2,h3) { color:inherit!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-btn { min-height:42px!important; padding:10px 16px!important; border-radius:4px!important; font:800 12px/1.5 "Manrope",sans-serif!important; box-shadow:none!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-btn--play { background:#4c8e64!important; color:#fff!important; border:1px solid #3f7854!important; border-bottom:3px solid #28583c!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-btn--ghost { background:#fffdf5!important; color:#294048!important; border:1px solid #bdcbbf!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-wallet-card { background:#18373e!important; padding:18px!important; min-width:150px!important; border-radius:5px!important; box-shadow:none!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-wallet-card strong { font-size:28px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-wallet-card :is(span,small) { font-size:11px!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-pill { padding:4px 9px!important; font-size:10px!important; border-radius:3px!important; background:#ffffff12!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-news-body { text-align:left!important; text-shadow:none!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-news-body :is(strong,small) { text-shadow:none!important; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-news-card__date { transform:none!important; width:auto!important; max-width:calc(100% - 20px)!important; margin:0!important; }
@media(max-width:760px) { .vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-hero { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:18px!important; } .vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-hero__copy { width:100%!important; max-width:none!important; } .vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-wallet-card { width:100%!important; min-width:0!important; } }

.vb-editorial .vb-article { display:flex; flex-direction:column; min-width:0; overflow:hidden; background:#fffdf5; border:1px solid #cbd4ca; border-radius:5px; text-decoration:none; color:#294048; box-shadow:0 3px 0 #203d4310; }
.vb-editorial .vb-article:hover { border-color:#6b9784; }
.vb-editorial .vb-article-cover { position:relative; height:170px; overflow:hidden; background:#dfe7df; }
.vb-editorial .vb-article-cover img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.vb-editorial .vb-article-date { position:absolute; bottom:10px; left:10px; padding:5px 9px; background:#17383fea; border:1px solid #ffffff35; border-radius:3px; font:600 10px/1.5 "Manrope",sans-serif; color:#fff; }
.vb-editorial .vb-article-copy { display:flex; flex-direction:column; gap:7px; padding:16px; text-align:left; }
.vb-editorial .vb-article-copy small { font:500 11px/1.5 "Manrope",sans-serif; color:#6a776e; }
.vb-editorial .vb-article-copy strong { font:800 15px/1.5 "Manrope",sans-serif; color:#294048; text-shadow:none; }
body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-search { padding:0!important; margin:20px 0!important; border:1px solid #becdc1!important; border-radius:4px!important; background:#fffdf5!important; box-shadow:none!important; min-height:46px!important; }
.vb-editorial #vibboza-news-search { height:46px!important; padding:12px 40px 12px 14px!important; border:0!important; border-radius:4px!important; background:#fffdf5!important; color:#294048!important; font:500 13px/1.5 "Manrope",sans-serif!important; }
.vb-editorial #vibboza-news-search::placeholder { color:#718075!important; }
body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-section-head h1 { font:700 26px/1.35 "Space Grotesk",sans-serif!important; text-shadow:none!important; letter-spacing:-.5px!important; }
body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-section-head__icon { width:40px!important; height:40px!important; background-size:contain!important; filter:none!important; }

/* Typographie de jeu, raccourcis et vrais lieux publics. */
body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell #app :is(h1,h2,h3) { font-family:"Ubuntu Condensed","Manrope",sans-serif!important; font-weight:400!important; letter-spacing:0!important; }
.vb-editorial .vb-home-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.vb-editorial .vb-home-shortcuts a { display:flex; gap:12px; align-items:center; padding:18px; min-width:0; background:#fffdf5; border:1px solid #cbd4ca; border-bottom:3px solid #b9cbbd; border-radius:5px; text-decoration:none; }
.vb-editorial .vb-home-shortcuts a:hover { border-color:#6b9784; background:#f7fbf4; }
.vb-editorial .vb-home-shortcuts img { width:32px; height:32px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-home-shortcuts span { flex:1; min-width:0; }
.vb-editorial .vb-home-shortcuts strong { display:block; color:#294048; font:800 12px/1.5 "Manrope",sans-serif; }
.vb-editorial .vb-home-shortcuts small { display:block; margin-top:3px; color:#708075; font:500 10px/1.5 "Manrope",sans-serif; }
.vb-editorial .vb-home-shortcuts b { color:#59816d; font-size:18px; }
.vb-editorial .vb-hotel-presence { display:inline-flex; align-items:center; gap:7px; font-size:11px; color:#dce9dc; margin-top:10px; }
.vb-editorial .vb-hotel-presence>span { display:block; width:7px; height:7px; background:#9ed69c; border:1px solid #ffffff50; border-radius:50%; }
.vb-editorial .vb-public-places-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vb-editorial .vb-place { display:flex; align-items:center; gap:15px; padding:18px; min-width:0; background:#fffdf5; border:1px solid #cbd4ca; border-radius:5px; text-decoration:none; }
.vb-editorial .vb-place:hover { border-color:#6b9784; }
.vb-editorial .vb-place-illustration { display:flex; align-items:center; justify-content:center; flex:0 0 68px; height:68px; border:1px solid #d0dccb; border-bottom:4px solid #b5c9b5; border-radius:5px; background:#e8f0df; }
.vb-editorial .vb-place-illustration img { width:46px; height:46px; image-rendering:pixelated; object-fit:contain; }
.vb-editorial .vb-place-copy { flex:1; min-width:0; }
.vb-editorial .vb-place-copy h3 { margin:0 0 4px; font-size:23px; color:#294048; }
.vb-editorial .vb-place-copy p { font:500 11px/1.7 "Manrope",sans-serif; color:#64796b; margin:0 0 6px; }
.vb-editorial .vb-place-copy>span { font:700 10px/1.5 "Manrope",sans-serif; color:#3f7c59; }
.vb-editorial .vb-place-join { color:#2c6d51; font:800 11px/1.5 "Manrope",sans-serif; white-space:nowrap; }
.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vb-journal .vibboza-city-news-grid:has(>a:only-child) { grid-template-columns:1fr!important; }
.vb-editorial .vb-journal .vb-article:only-child .vb-article-cover { height:230px; }
.vb-editorial .vb-search-status { padding:12px 16px; margin:12px 0; background:#e5eee1; color:#3d624e; border:1px solid #c4d5be; border-radius:4px; font:600 12px/1.7 "Manrope",sans-serif; }
.vb-editorial .vb-article[hidden],.vb-editorial .vb-search-status[hidden] { display:none!important; }
.vb-editorial .vb-visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell .vibboza-city-search>span { color:#52735f!important; }
@media(max-width:900px) { .vb-editorial .vb-home-shortcuts { gap:10px; } .vb-editorial .vb-home-shortcuts a { padding:14px 10px; gap:8px; } .vb-editorial .vb-home-shortcuts img { width:25px; height:25px; } .vb-editorial .vb-public-places-grid { grid-template-columns:1fr; } }
@media(max-width:540px) { .vb-editorial .vb-home-shortcuts { grid-template-columns:1fr; } .vb-editorial .vb-place { padding:14px; gap:10px; flex-wrap:wrap; } .vb-editorial .vb-place-illustration { flex-basis:54px; height:54px; } .vb-editorial .vb-place-join { margin-left:auto; } .vb-editorial .vb-place-copy { flex-basis:calc(100% - 70px); } }

body.vb-editorial.vibboza-signature-ui.vibboza-hc-shell #app .vb-place-copy h3 { color:#294048!important; text-shadow:none!important; }
.vb-editorial .vb-place-illustration { flex-basis:100px; height:76px; overflow:hidden; }
.vb-editorial .vb-place-illustration img { width:100%; height:100%; object-fit:cover; image-rendering:auto; }
@media(max-width:540px) { .vb-editorial .vb-place-illustration { flex-basis:78px; height:65px; } .vb-editorial .vb-place-copy { flex-basis:calc(100% - 90px); } }

/* Profils et classements : composants isolés des anciennes mises en page. */
.vb-editorial .vb-profile { display:flex; flex-direction:column; gap:22px; }
.vb-editorial .vb-profile-intro { display:flex; align-items:center; gap:24px; padding:24px 30px; background:#24444c; border-bottom:4px solid #18353b; border-radius:6px; color:#fff8e8; }
.vb-editorial .vb-profile-avatar { flex:0 0 126px; height:175px; display:flex; align-items:flex-end; justify-content:center; background:radial-gradient(ellipse at bottom,#0c262955,transparent 65%); }
.vb-editorial .vb-profile-avatar img { width:128px; height:175px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-profile-identity { flex:1; min-width:0; }
.vb-editorial .vb-profile-identity .vb-eyebrow { color:#e6c782!important; }
body.vb-editorial.vibboza-hc-shell #app .vb-profile-identity h1 { color:#fff8e8!important; font-size:38px!important; margin:8px 0!important; text-shadow:none!important; }
.vb-editorial .vb-profile-identity p { color:#c9dcd2; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.vb-editorial .vb-profile-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
.vb-editorial .vb-profile-tags span { padding:4px 10px; background:#17373d; color:#d6e2d9; border:1px solid #ffffff25; border-radius:3px; font-size:10px; }
.vb-editorial .vb-profile-tags .is-online { background:#305e44; color:#ddf1d6; }
.vb-editorial .vb-profile-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.vb-editorial .vb-profile-panel { min-width:0; padding:24px; background:#fffdf5; border:1px solid #cbd4ca; border-radius:5px; }
.vb-editorial .vb-profile-panel-wide { grid-column:1/-1; }
body.vb-editorial.vibboza-hc-shell #app :is(.vb-profile-panel h2,.vb-profile-room h3,.vb-ranking-heading h2) { color:#294048!important; text-shadow:none!important; font-size:24px!important; margin:0 0 10px!important; }
.vb-editorial .vb-profile-caption { color:#708075; font-size:12px; margin:0 0 18px; line-height:1.7; }
.vb-editorial .vb-profile-badges { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.vb-editorial .vb-profile-badge { display:flex; align-items:center; justify-content:center; width:66px; height:66px; background:#edf2e7; border:1px solid #d5dfcf; border-radius:5px; }
.vb-editorial .vb-profile-badge img { max-width:48px; max-height:48px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-profile-groups { display:flex; flex-direction:column; gap:12px; }
.vb-editorial .vb-profile-group { display:flex; align-items:center; gap:12px; color:#294048; font-size:12px; }
.vb-editorial .vb-profile-group img { width:40px; height:40px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-profile-empty { font-size:12px; line-height:1.8; color:#708075; padding:16px; border:1px dashed #c6d3c1; border-radius:4px; background:#f4f7ee; width:100%; box-sizing:border-box; }
.vb-editorial .vb-profile-panel-heading { display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin-bottom:14px; }
.vb-editorial .vb-profile-panel-heading>span { color:#708075; font-size:11px; }
.vb-editorial .vb-profile-rooms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.vb-editorial .vb-profile-room { display:flex; align-items:center; gap:12px; min-width:0; padding:14px; border:1px solid #d4ddce; background:#f5f7ef; border-radius:4px; }
.vb-editorial .vb-profile-room>img { width:28px; height:28px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-profile-room>div { flex:1; min-width:0; }
body.vb-editorial.vibboza-hc-shell #app .vb-profile-room h3 { font-size:19px!important; margin:0 0 4px!important; overflow-wrap:anywhere; }
.vb-editorial .vb-profile-room :is(span,a) { font-size:10px; color:#4f7760; }
.vb-editorial .vb-profile-room a { font-weight:800; white-space:nowrap; }
.vb-editorial .vb-profile-friends { display:flex; flex-wrap:wrap; gap:12px; }
.vb-editorial .vb-profile-friends a { display:flex; align-items:center; gap:8px; padding:8px 12px; background:#edf2e7; border:1px solid #d5dfcf; border-radius:4px; color:#294048; font-size:12px; }
.vb-editorial .vb-profile-friends img { width:32px; height:36px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-ranking { scroll-margin-top:20px; min-width:0; border:1px solid #cbd4ca; border-top:3px solid #6b927f; border-radius:5px; background:#fffdf5; padding:20px; }
.vb-editorial .vb-ranking-heading { display:flex; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid #d6decf; }
.vb-editorial .vb-ranking-heading>img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-ranking-heading p { color:#708075; font-size:11px; margin:0; line-height:1.6; }
.vb-editorial .vb-ranking-podium { display:flex; justify-content:center; align-items:flex-end; gap:8px; padding:24px 0 18px; }
.vb-editorial .vb-podium-player { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; flex:1; min-width:0; text-decoration:none; color:#294048; }
.vb-editorial .vb-podium-player>strong { font-size:11px; max-width:100%; overflow-wrap:anywhere; text-align:center; }
.vb-editorial .vb-podium-player>img { width:64px; height:100px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-podium-player-1 { order:2; }.vb-editorial .vb-podium-player-2 { order:1; }.vb-editorial .vb-podium-player-3 { order:3; }
.vb-editorial .vb-podium-step { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:70px; width:100%; padding:10px 5px; box-sizing:border-box; border:1px solid #c2cfc3; border-bottom:4px solid #acbea8; border-radius:4px; background:#eaf0e2; }
.vb-editorial .vb-podium-player-1 .vb-podium-step { min-height:95px; background:#f4e6b5; border-color:#ddca8a; border-bottom-color:#b79b52; }
.vb-editorial .vb-podium-player-2 .vb-podium-step { min-height:80px; background:#e5e9e5; }
.vb-editorial .vb-podium-player-3 .vb-podium-step { background:#efddca; border-color:#d5bda2; }
.vb-editorial .vb-podium-step>b { font:700 24px/1 "Space Grotesk",sans-serif; color:#64775b; }
.vb-editorial .vb-podium-step>span { font-size:12px; text-align:center; font-weight:800; color:#294048; overflow-wrap:anywhere; }
.vb-editorial .vb-podium-step small { display:block; font-size:9px; font-weight:500; color:#708075; }
.vb-editorial .vb-ranking-list { list-style:none; margin:0; padding:0; }
.vb-editorial .vb-ranking-list a { display:flex; align-items:center; gap:10px; padding:9px 0; border-top:1px solid #e0e5d9; font-size:11px; color:#294048; }
.vb-editorial .vb-ranking-list img { width:28px; height:32px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-ranking-position { flex:0 0 18px; color:#8c9b89; font-size:10px; }
.vb-editorial .vb-ranking-list strong { min-width:0; overflow-wrap:anywhere; }
.vb-editorial .vb-ranking-value { margin-left:auto; text-align:right; color:#4e795d; font-size:10px; }
@media(max-width:760px) { .vb-editorial .vb-profile-intro { flex-wrap:wrap; padding:20px; gap:16px; } .vb-editorial .vb-profile-avatar { flex-basis:90px; height:140px; } .vb-editorial .vb-profile-avatar img { width:100px; height:140px; } .vb-editorial .vb-profile-intro>.vb-button { margin-left:auto; } .vb-editorial .vb-profile-columns,.vb-editorial .vb-profile-rooms { grid-template-columns:1fr; } .vb-editorial .vb-profile-panel { padding:18px; } }

.vb-editorial .vb-ranking-note { padding:16px 18px; margin:20px 0; background:#e9f0e2; border:1px solid #c7d5c0; border-left:3px solid #71997c; border-radius:4px; }
.vb-editorial .vb-ranking-note p { margin:0 0 6px; font:500 12px/1.8 "Manrope",sans-serif; color:#45654f; }
.vb-editorial .vb-ranking-note small { font:500 10px/1.7 "Manrope",sans-serif; color:#6e836e; }

/* Prestige : navigation complète et actualisation non bloquante. */
.vb-editorial .vb-ranking-refresh { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:14px; }
.vb-editorial .vb-ranking-refresh [role="status"] { flex:1 1 180px; color:#45654f; font-size:11px; line-height:1.7; }
.vb-editorial .vb-ranking-refresh button { cursor:pointer; }
.vb-editorial .vb-ranking-refresh button:disabled { opacity:.65; cursor:wait; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-ranking-wrapper { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; align-items:start!important; }
.vb-editorial .vb-ranking { box-sizing:border-box; }
.vb-editorial .vb-ranking-list a { min-height:48px; }
.vb-editorial .vb-ranking-list strong { flex:1; }
.vb-editorial .vb-ranking-value { flex:0 1 45%; overflow-wrap:anywhere; }
.vb-editorial .vb-ranking :is(a,button):focus-visible,.vb-editorial .vibboza-hc-prestige-tabs a:focus-visible { outline:3px solid #487d62; outline-offset:3px; }
@media(max-width:900px) { body.vb-editorial.vibboza-hc-shell .vibboza-hc-ranking-wrapper { grid-template-columns:1fr!important; } }
@media(max-width:420px) { .vb-editorial .vb-ranking { padding:14px; } .vb-editorial .vb-ranking-list a { gap:6px; } .vb-editorial .vb-ranking-value { font-size:9px; } }

/* Identité Prestige : aucune dépendance aux anciennes icônes de navigation. */
.vb-editorial .vb-prestige-intro { padding:28px; border:1px solid #365a58; border-bottom:4px solid #172f34; border-radius:6px; background:linear-gradient(115deg,#24454b,#18373d); color:#fff8e8; }
.vb-editorial .vb-prestige-heading { display:flex; align-items:center; gap:16px; }
.vb-editorial .vb-prestige-heading>img { width:40px; height:40px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-prestige-eyebrow { font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#e6c782; }
body.vb-editorial.vibboza-hc-shell #app .vb-prestige-heading h1 { margin:2px 0 0!important; font-size:38px!important; line-height:1.2!important; color:#fff8e8!important; text-shadow:none!important; }
.vb-editorial .vb-prestige-intro>p { max-width:680px; margin:18px 0; color:#d2e0d7; font-size:12px; line-height:1.8; }
.vb-editorial .vb-prestige-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 0; }
.vb-editorial .vb-prestige-stats>div { display:flex; flex-direction:column; padding:14px 16px; background:#102b304d; border:1px solid #ffffff20; border-radius:4px; }
.vb-editorial .vb-prestige-stats dt { order:2; font-size:10px; color:#c8d9ce; margin-top:5px; }
.vb-editorial .vb-prestige-stats dd { margin:0; font-size:26px; font-weight:800; line-height:1.3; color:#fff8e8; }
.vb-editorial .vb-prestige-stats dd small { display:block; font-size:9px; font-weight:500; color:#c8d9ce; }
.vb-editorial .vb-prestige-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:22px 0; }
.vb-editorial .vb-prestige-nav a { display:flex; align-items:center; gap:10px; min-height:48px; padding:10px 12px; box-sizing:border-box; min-width:0; border:1px solid #bdcdbf; border-radius:4px; background:#fffdf5; color:#294048; text-decoration:none; font-size:11px; font-weight:800; }
.vb-editorial .vb-prestige-nav img { width:24px; height:24px; flex:0 0 24px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-prestige-nav span { min-width:0; overflow-wrap:anywhere; }
.vb-editorial .vb-prestige-nav a:hover { background:#eef4e8; border-color:#668c76; }
.vb-editorial .vb-prestige-nav a.is-active { background:#dce9de; border-color:#568468; box-shadow:inset 0 -3px #568468; }
.vb-editorial .vb-prestige-nav a:focus-visible { outline:3px solid #487d62; outline-offset:3px; }
.vb-editorial .vb-ranking-heading>div { flex:1; min-width:0; }
.vb-editorial .vb-ranking-count { flex-shrink:0; font-size:10px; color:#45654f; background:#e9f0e2; padding:5px 7px; border-radius:3px; }
.vb-editorial .vb-ranking-you { display:inline-block; margin-left:5px; padding:1px 5px; border-radius:3px; font:700 9px/1.5 "Manrope",sans-serif; font-style:normal; background:#dce9de; color:#2a6346; vertical-align:middle; }
.vb-editorial .vb-ranking-list .is-self { background:#edf4e8; border-radius:4px; }
.vb-editorial .vb-podium-player.is-self .vb-podium-step { outline:2px solid #568468; outline-offset:2px; }
@media(min-width:1150px) { .vb-editorial .vb-prestige-nav { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(max-width:540px) { .vb-editorial .vb-prestige-intro { padding:20px 16px; } .vb-editorial .vb-prestige-stats { gap:7px; } .vb-editorial .vb-prestige-stats>div { padding:10px 8px; } .vb-editorial .vb-prestige-stats dd { font-size:21px; } .vb-editorial .vb-prestige-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .vb-editorial .vb-prestige-nav a { font-size:10px; padding:10px 8px; } }

/* Podiums : profondeur constante, marches lisibles et avatars à leur taille native. */
.vb-editorial .vb-awards { display:flex; align-items:stretch; justify-content:center; gap:10px; padding:16px 2px 20px; }
.vb-editorial .vb-award { --plinth-height:110px; --top:#f6df96; --left:#ba9440; --right:#96722e; --edge:#80622d; flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; color:#294048; text-decoration:none; border:1px solid transparent; border-radius:5px; padding:10px 3px 12px; -webkit-tap-highlight-color:#dce9de; transition:background-color .16s,border-color .16s; }
.vb-editorial .vb-award-1 { order:2; }
.vb-editorial .vb-award-2 { order:1; --plinth-height:88px; --top:#e3ebea; --left:#9aafb1; --right:#738d93; --edge:#5b757c; }
.vb-editorial .vb-award-3 { order:3; --plinth-height:70px; --top:#e7bd95; --left:#ad7e58; --right:#865b3f; --edge:#704c35; }
.vb-editorial .vb-award-stage { position:relative; display:block; flex-shrink:0; width:100%; max-width:128px; height:228px; isolation:isolate; transition:transform .18s ease; }
.vb-editorial .vb-award-stage::after { content:""; position:absolute; bottom:-7px; left:4%; width:92%; height:15px; border-radius:50%; background:#173a391a; z-index:-1; }
.vb-editorial .vb-award-plinth { position:absolute; left:0; bottom:0; width:100%; height:var(--plinth-height); overflow:hidden; shape-rendering:geometricPrecision; }
.vb-editorial .vb-award-left { fill:var(--left); stroke:var(--edge); stroke-width:1; stroke-linejoin:round; }
.vb-editorial .vb-award-right { fill:var(--right); stroke:var(--edge); stroke-width:1; stroke-linejoin:round; }
.vb-editorial .vb-award-top { fill:var(--top); stroke:var(--edge); stroke-width:1; stroke-linejoin:round; }
.vb-editorial .vb-award-edge { fill:none; stroke:#ffffff75; stroke-width:1; }
.vb-editorial .vb-award-medallion { fill:#00000012; stroke:#fff8e875; stroke-width:1; }
.vb-editorial .vb-award-plinth text { fill:#fffdf5; font:800 18px "Manrope",sans-serif; }
.vb-editorial .vb-award-avatar { position:absolute; bottom:calc(var(--plinth-height) - 16px); left:50%; transform:translateX(-50%); width:64px; height:110px; z-index:2; }
.vb-editorial .vb-award-avatar::before { content:""; position:absolute; bottom:0; left:19px; width:30px; height:7px; background:#00000026; border-radius:50%; }
.vb-editorial .vb-award-avatar img { position:relative; display:block; width:64px; height:110px; max-width:none; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-award-name { display:block; width:100%; max-width:100%; margin-top:5px; min-height:36px; text-align:center; overflow-wrap:anywhere; font-size:11px; line-height:1.7; }
.vb-editorial .vb-award-score { display:block; width:100%; text-align:center; overflow-wrap:anywhere; color:#294048; }
.vb-editorial .vb-award-score b { display:block; font-size:13px; line-height:1.7; font-variant-numeric:tabular-nums; }
.vb-editorial .vb-award-score small { display:block; min-height:30px; margin-top:2px; font-size:10px; line-height:1.5; color:#566e60; }
.vb-editorial .vb-award-action { margin-top:auto; padding-top:10px; font-size:10px; color:#31694b; text-align:center; text-underline-offset:3px; }
.vb-editorial .vb-award-self { background:linear-gradient(180deg,transparent 45%,#edf4e7 100%); border-color:transparent; }
.vb-editorial .vb-award-self .vb-award-name { color:#275e40; }
@media(hover:hover) { .vb-editorial .vb-award:hover { background:#e7efdf; border-color:#92ad94; } .vb-editorial .vb-award:hover .vb-award-stage { transform:translateY(-3px); } .vb-editorial .vb-award:hover .vb-award-action { text-decoration:underline; } }
.vb-editorial .vb-award:focus-visible { outline:3px solid #487d62; outline-offset:3px; background:#e7efdf; }
.vb-editorial .vb-award:focus-visible .vb-award-action { text-decoration:underline; }
@media(max-width:420px) { .vb-editorial .vb-awards { gap:4px; padding:16px 0; } .vb-editorial .vb-award { padding:8px 2px 10px; } .vb-editorial .vb-award-name { font-size:10px; min-height:40px; } .vb-editorial .vb-award-score b { font-size:11px; } .vb-editorial .vb-award-score small,.vb-editorial .vb-award-action { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .vb-editorial .vb-award,.vb-editorial .vb-award-stage { transition:none; } .vb-editorial .vb-award:hover .vb-award-stage { transform:none; } }

/* Atelier Vibboza : carreaux isométriques et emblèmes dessinés pour les podiums. */
.vb-editorial .vb-award-inlay { fill:none; stroke:#ffffff85; stroke-width:.8; }
.vb-editorial .vb-award-tiles { fill:none; stroke:var(--edge); stroke-opacity:.22; stroke-width:.8; }
.vb-editorial .vb-award-trim { fill:none; stroke:var(--edge); stroke-width:2; stroke-opacity:.65; }
.vb-editorial .vb-award-medallion { fill:var(--right); stroke:#fff8e899; stroke-width:1; }
.vb-editorial .vb-award-crown { position:absolute; left:50%; bottom:calc(var(--plinth-height) + 98px); transform:translateX(-50%); width:24px; height:17px; z-index:3; filter:drop-shadow(0 2px 0 #71522720); }
.vb-editorial .vb-award-place { display:block; margin-top:18px; padding:3px 8px; border:1px solid #cbd5c7; border-bottom-width:2px; border-radius:2px; background:#f2f5ec; color:#53695a; font:800 9px/1.5 "Manrope",sans-serif; white-space:nowrap; }
.vb-editorial .vb-award-1 .vb-award-place { background:#f7edcd; border-color:#d3b766; color:#72551e; }
.vb-editorial .vb-award-2 .vb-award-place { background:#e9efee; border-color:#afc2c4; color:#45616a; }
.vb-editorial .vb-award-3 .vb-award-place { background:#f0e1d2; border-color:#c9a888; color:#785137; }
.vb-editorial .vb-award-self .vb-award-place { box-shadow:0 0 0 2px #4e805e25; }
.vb-editorial .vb-award-action { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding-top:4px; }
.vb-editorial .vb-award:active .vb-award-stage { transform:translateY(1px); }
@media(max-width:420px) { .vb-editorial .vb-award-place { font-size:9px; padding:3px 6px; } }
@media(prefers-reduced-motion:reduce) { .vb-editorial .vb-award:active .vb-award-stage { transform:none; } }