/* FlowMarkt 3 — thème clair/sombre, logo animé, fil infini, reels, communauté, prestataires, tendances */

/* ===== zones toujours sombres ===== */
.intro,.ob,.callui,.story,.reels,.splash3,.fair-hero,.sponsor,.dark,.auc,.passcard,.role-card,.tombola,.pofficial,.proof,.livec,.adc.house,.vc{--bg:#070F22;--bg2:#0D1A36;--card:#111F40;--card2:#16274F;--line:rgba(255,255,255,.09);--ink:#F5F3EE;--mut:#9DAAC6;color:#F5F3EE}

/* ===== thème clair ===== */
[data-theme=light]{--bg:#F2F4F9;--bg2:#FFFFFF;--card:#FFFFFF;--card2:#ECF0F7;--line:rgba(11,31,68,.09);--ink:#0B1F44;--mut:#5E6B87}
[data-theme=light] body{background:var(--bg);color:var(--ink)}
[data-theme=light] .shell{background:var(--bg)}
[data-theme=light] .card,[data-theme=light] .mini,[data-theme=light] .specs div,[data-theme=light] .stats4 div,[data-theme=light] .kpis div,[data-theme=light] .kv,[data-theme=light] .fl,[data-theme=light] .acts4 button,[data-theme=light] .need,[data-theme=light] .type,[data-theme=light] .post,[data-theme=light] .prov,[data-theme=light] .news,[data-theme=light] .tr-card{box-shadow:0 6px 20px rgba(11,31,68,.06)}
[data-theme=light] .ibtn{background:#fff;border-color:var(--line);color:var(--ink)}
[data-theme=light] .ibtn.glass{background:rgba(7,15,34,.45);color:#fff;border-color:rgba(255,255,255,.2)}
[data-theme=light] .chip{background:#fff;color:#2A3B5F;border-color:var(--line)}
[data-theme=light] .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-theme=light] .btn.ghost{background:#E6EBF4;color:var(--ink)}
[data-theme=light] .field input,[data-theme=light] .field select,[data-theme=light] .field textarea{background:#fff;color:var(--ink);border-color:rgba(11,31,68,.14)}
[data-theme=light] .nav{background:rgba(255,255,255,.88);border-color:rgba(11,31,68,.08);box-shadow:0 18px 40px rgba(11,31,68,.14)}
[data-theme=light] .nav a.on{color:var(--ink)}
[data-theme=light] .nav .mid{color:#fff}
[data-theme=light] .sheet{background:#fff;border-color:var(--line)}
[data-theme=light] .sheet b[style*="color:#fff"],[data-theme=light] .page b[style*="color:#fff"]{color:var(--ink)!important}
[data-theme=light] .toast{background:rgba(255,255,255,.97);border-color:var(--line);color:var(--ink)}
[data-theme=light] .ticker{background:#E8EDF6}
[data-theme=light] .ticker span{color:#33446A}
[data-theme=light] .chat-h{background:rgba(255,255,255,.96)}
[data-theme=light] .composer textarea{background:#fff;color:var(--ink)}
[data-theme=light] .m.th{background:#E6EBF4}
[data-theme=light] .tag.d{background:#E6EBF4;color:#33446A}
[data-theme=light] .home-top img[src$="logo-white.png"],[data-theme=light] .bar img[src$="logo-white.png"],[data-theme=light] .foot3 img[src$="logo-white.png"]{content:url(icons/logo.png)}
[data-theme=light] .pinpad button{background:var(--card2)}
[data-theme=light] .dbar{background:rgba(255,255,255,.95)}
[data-theme=light] .vd .body{background:var(--bg)}
[data-theme=light] .locked .over{background:linear-gradient(180deg,rgba(242,244,249,.2),rgba(242,244,249,.92))}
[data-theme=light] .adc .sp-lbl{background:rgba(255,255,255,.85);color:#33446A}
[data-theme=light] .notice{background:#FFF4DF;color:#8A5A00}
[data-theme=light] .notice.g{background:#E3F8EC;color:#0F7A3D}
[data-theme=light] .empty b{color:var(--ink)}
[data-theme=light] .clist p{color:var(--mut)}
[data-theme=light] .game{background:radial-gradient(circle at 85% 30%,rgba(255,106,26,.18),transparent 55%),#fff}
[data-theme=light] .st span{color:#33446A}
[data-theme=light] .st .rg div{background:var(--bg)}
html{transition:background .4s}

/* ===== logo animé d'entrée ===== */
.splash3{position:fixed;inset:0;z-index:60;background:#03081A;overflow:hidden;display:flex;align-items:center;justify-content:center}
@media (min-width:99999px){.splash3{position:absolute}}
.splash3 .glow{position:absolute;left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,26,.55),rgba(79,140,255,.15) 40%,transparent 70%);opacity:0;animation:glow 2.6s .3s ease-out forwards}
@keyframes glow{0%{opacity:0;transform:scale(.3)}60%{opacity:1}100%{opacity:.55;transform:scale(1)}}
.splash3 .road{position:absolute;inset:0;perspective:400px;overflow:hidden}
.splash3 .road i{position:absolute;left:50%;top:50%;width:3px;height:160px;border-radius:3px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9),transparent);opacity:0;transform-origin:50% 0;animation:streak 1.1s linear infinite}
@keyframes streak{0%{opacity:0;transform:rotate(var(--a)) translateY(20px) scaleY(.2)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(520px) scaleY(1.4)}}
.splash3 .beam{position:absolute;top:50%;width:140%;height:180px;margin-top:-90px;left:-20%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%,transparent);filter:blur(18px);transform:translateX(-120%) skewX(-20deg);animation:beam 1.4s 1.5s cubic-bezier(.6,0,.3,1) forwards}
@keyframes beam{to{transform:translateX(120%) skewX(-20deg)}}
.splash3 .logo{position:relative;width:min(300px,76vw);z-index:2}
.splash3 .logo img{width:100%;display:block;clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 0 rgba(255,106,26,0));animation:wipe 1.2s .55s cubic-bezier(.7,0,.2,1) forwards,lglow 1.6s 1.7s ease-out forwards}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
@keyframes lglow{0%{filter:drop-shadow(0 0 0 rgba(255,106,26,0))}40%{filter:drop-shadow(0 0 26px rgba(255,106,26,.9))}100%{filter:drop-shadow(0 0 10px rgba(255,106,26,.35))}}
.splash3 .logo .car{position:absolute;top:50%;left:-12%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:radial-gradient(circle,#fff 0,#FFD7B8 30%,rgba(255,106,26,.6) 55%,transparent 72%);box-shadow:0 0 40px 18px rgba(255,140,60,.55);opacity:0;animation:drive 1.2s .55s cubic-bezier(.7,0,.2,1) forwards}
@keyframes drive{0%{left:-12%;opacity:1}90%{opacity:1}100%{left:104%;opacity:0}}
.splash3 .ring{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:2px solid rgba(255,106,26,.8);opacity:0;animation:ring 1.3s 1.75s ease-out forwards}
.splash3 .ring.r2{animation-delay:1.95s;border-color:rgba(255,255,255,.5)}
@keyframes ring{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(3.2)}}
.splash3 .tag{position:absolute;left:0;right:0;top:calc(50% + 70px);text-align:center;font-weight:800;font-size:15px;letter-spacing:4px;text-transform:uppercase;color:#C9D3E6;background:none;padding:0;border-radius:0}
.splash3 .tag span{display:inline-block;opacity:0;transform:translateY(14px);animation:rise .5s cubic-bezier(.2,.9,.3,1) forwards}
.splash3 .spons{position:absolute;left:0;right:0;bottom:calc(46px + var(--safe-b));display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:rise .7s 2.6s forwards}
.splash3 .spons small{font-size:10.5px;letter-spacing:3px;font-weight:800;color:#8D9AB8}
.splash3 .spons img{height:34px;object-fit:contain}
.splash3 .parts{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:330px}
.splash3 .parts span{padding:6px 10px;border-radius:10px;background:#fff;display:flex;align-items:center;height:36px}
.splash3 .parts img{height:22px}
.splash3 .skip3{position:absolute;top:calc(16px + var(--safe-t));right:16px;z-index:4;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12.5px;font-weight:700;color:#fff}
.splash3.out{animation:sout .6s forwards}
@keyframes sout{to{opacity:0;transform:scale(1.08);visibility:hidden}}
.lang{position:absolute;top:calc(26px + var(--safe-t));left:14px;z-index:4;display:flex;background:rgba(255,255,255,.1);border-radius:999px;padding:3px}
.lang button{height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;color:#C9D3E6}
.lang button.on{background:#fff;color:#0B1F44}
/* scène communauté du tuto */
.feedmock{width:280px;display:flex;flex-direction:column;gap:10px}
.feedmock>div{background:#fff;color:#0B1F44;border-radius:18px;padding:12px;box-shadow:0 20px 40px rgba(0,0,0,.4);opacity:0;transform:translateY(30px)}
.scene.on .feedmock>div{animation:pop2 .6s cubic-bezier(.2,1.3,.4,1) forwards}.scene.on .feedmock>div:nth-child(2){animation-delay:.5s}.scene.on .feedmock>div:nth-child(3){animation-delay:1s}
.feedmock .who{display:flex;gap:8px;align-items:center;font-size:12.5px;font-weight:800}
.feedmock .who i{width:28px;height:28px;border-radius:14px;background:var(--or);display:inline-block}
.feedmock p{margin:6px 0 0;font-size:12px;font-weight:600;color:#33446A}
.feedmock .ch{display:flex;gap:6px;flex-wrap:wrap}.feedmock .ch span{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#EEF2F9}
.cities3{display:flex;gap:10px}
.cities3 div{width:130px;padding:16px 12px;border-radius:20px;background:#fff;color:#0B1F44;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.4);opacity:0;transform:scale(.6)}
.scene.on .cities3 div{animation:pop2 .6s cubic-bezier(.2,1.5,.4,1) forwards}.scene.on .cities3 div:nth-child(2){animation-delay:.35s}
.cities3 b{display:block;font-size:20px}.cities3 span{font-size:11.5px;font-weight:700;color:#5E6B87}

/* ===== en-tête accueil ===== */
.citychip{height:36px;padding:0 10px 0 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--ink)}
.citychip i{width:8px;height:8px;border-radius:4px;background:var(--green)}
.hero3{padding:6px 18px 0}
.hero3 small{color:var(--mut);font-weight:700;font-size:13.5px}
.hero3 h1{margin:2px 0 0;font-size:29px;line-height:1.08;letter-spacing:-1px;font-weight:800}
.hero3 h1 em{font-style:normal;color:var(--or)}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 18px 0}
.quick a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--ink);text-align:center}
.quick a i{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);color:var(--or);position:relative}
.quick a i .lv{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:6px;background:var(--red);border:2px solid var(--bg);animation:blink 1s infinite}
.feed{padding:0 18px}
.feed>.blk{margin-top:26px;animation:enter .5s both}
.feed .vc.full{flex:none;width:100%;height:440px}
.loadmore{display:flex;justify-content:center;padding:26px 0 10px}
.endfeed{text-align:center;color:var(--mut);font-size:13px;font-weight:700;padding:26px 0}

/* ===== bannière sponsor officiel ===== */
.sponsor{position:relative;border-radius:26px;overflow:hidden;min-height:200px;display:block;background:#050B1A;text-align:left;width:100%}
.sponsor video,.sponsor .bgim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.sponsor::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,26,.95),rgba(5,11,26,.5) 60%,rgba(5,11,26,.2))}
.sponsor .in{position:relative;z-index:2;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:200px;justify-content:space-between}
.sponsor .lbl{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(90deg,#FFD36E,#FF6A1A);color:#1A0E00;font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.sponsor .lg{height:44px;display:flex;align-items:center}.sponsor .lg img{max-height:44px;max-width:180px;object-fit:contain}
.sponsor p{margin:0;font-size:13.5px;line-height:1.45;color:#D8DEEA;font-weight:600;max-width:260px}
.sponsor .cta{align-self:flex-start;height:38px;padding:0 14px;border-radius:12px;background:#fff;color:#0B1F44;font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px}
.sponsor .shine{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translateX(-100%);animation:shine 4s 1s infinite}
@keyframes shine{0%{transform:translateX(-100%)}30%,100%{transform:translateX(100%)}}

/* ===== reels vidéo ===== */
.reelrow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:2px 18px 6px}.reelrow::-webkit-scrollbar{display:none}
.reel{flex:0 0 150px;height:266px;border-radius:20px;overflow:hidden;position:relative;background:#000;scroll-snap-align:start;text-align:left}
.reel video,.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 55%,rgba(0,0,0,.85))}
.reel .t{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;font-size:12.5px;font-weight:800;line-height:1.25;color:#fff}
.reel .k{position:absolute;top:8px;left:8px;z-index:2;font-size:9.5px;font-weight:800;letter-spacing:1px;padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.5);color:#fff;text-transform:uppercase}
.reel .k.q{background:var(--or)}
.reel .pl{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border-radius:14px;background:rgba(255,255,255,.9);color:#0B1F44;display:flex;align-items:center;justify-content:center}
.reel.big{flex:none;width:100%;height:auto;aspect-ratio:9/14;max-height:560px;border-radius:26px}
.reel.big .t{font-size:18px;left:16px;right:16px;bottom:16px}.reel.big .t span{display:block;font-size:13px;font-weight:600;color:#D8DEEA;margin-top:4px}
.reels{position:fixed;inset:0;z-index:92;background:#000;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}
.reels::-webkit-scrollbar{display:none}
@media (min-width:99999px){.reels{position:absolute}}
.reels .it{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.reels video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.reels .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 18%,transparent 60%,rgba(0,0,0,.85));pointer-events:none}
.reels .cap{position:absolute;left:16px;right:80px;bottom:calc(26px + var(--safe-b));z-index:2}
.reels .cap small{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--or2);text-transform:uppercase}
.reels .cap h4{margin:4px 0 6px;font-size:20px;line-height:1.15}.reels .cap p{margin:0;font-size:13.5px;color:#D8DEEA;font-weight:600;line-height:1.45}
.reels .side{position:absolute;right:12px;bottom:calc(30px + var(--safe-b));z-index:2;display:flex;flex-direction:column;gap:16px;align-items:center}
.reels .side button,.reels .side a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:#fff}
.reels .side i{width:48px;height:48px;border-radius:24px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}
.reels .side .on i{background:var(--or)}
.reels .x{position:fixed;top:calc(14px + var(--safe-t));right:14px;z-index:5}
@media (min-width:99999px){.reels .x{position:absolute}}
.reels .snd{position:absolute;top:calc(14px + var(--safe-t));left:14px;z-index:5}

/* ===== tendances ===== */
.tr-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:16px}
.tr-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.tr-kpi div{background:var(--card2);border-radius:16px;padding:10px}.tr-kpi b{display:block;font-size:19px;font-weight:800;letter-spacing:-.5px}.tr-kpi span{font-size:10.5px;color:var(--mut);font-weight:700}
.hbars{display:flex;flex-direction:column;gap:8px}
.hbars div{display:grid;grid-template-columns:78px 1fr auto;gap:8px;align-items:center;font-size:12.5px;font-weight:700}
.hbars i{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--or),#FFC15E);display:block;transform-origin:left;animation:grow .9s cubic-bezier(.2,.9,.3,1) both}
@keyframes grow{from{transform:scaleX(0)}}
.hbars span{color:var(--mut);font-size:11.5px;white-space:nowrap}
.vbars{display:flex;align-items:flex-end;gap:8px;height:110px;margin-top:6px}
.vbars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;font-size:10.5px;font-weight:700;color:var(--mut)}
.vbars i{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--or),rgba(255,106,26,.35));transform-origin:bottom;animation:growy .9s cubic-bezier(.2,.9,.3,1) both}
@keyframes growy{from{transform:scaleY(0)}}
.vbars b{font-size:12px;color:var(--ink)}
.tr-h{font-size:13px;font-weight:800;margin:14px 0 8px;display:flex;justify-content:space-between}

/* ===== communauté ===== */
.compose{display:flex;gap:10px;align-items:center;padding:12px;border-radius:20px;background:var(--card);border:1px solid var(--line);width:100%;text-align:left}
.compose span{flex:1;color:var(--mut);font-weight:600;font-size:14px}
.av{width:42px;height:42px;flex:0 0 42px;border-radius:21px;background:var(--or);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.av.sm{width:32px;height:32px;flex-basis:32px;font-size:13px}
.post{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:12px}
.post .hd{display:flex;gap:10px;align-items:center;padding:12px 14px 6px}
.post .hd b{font-size:14.5px;display:flex;align-items:center;gap:5px}.post .hd small{display:block;font-size:11.5px;color:var(--mut);font-weight:600}
.vbadge{width:16px;height:16px;border-radius:8px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.post .tx{padding:4px 14px 10px;font-size:14.5px;line-height:1.5;white-space:pre-line;word-wrap:break-word}
.post .im img{width:100%;max-height:440px;object-fit:cover}
.post .vl{display:flex;gap:10px;align-items:center;margin:0 14px 10px;padding:8px;border-radius:14px;background:var(--card2)}
.post .vl img{width:60px;height:46px;border-radius:10px;object-fit:cover}.post .vl b{font-size:13px;display:block}.post .vl span{font-size:12px;color:var(--or);font-weight:800}
.post .ac{display:flex;border-top:1px solid var(--line)}
.post .ac button,.post .ac a{flex:1;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;color:var(--mut)}
.post .ac .on{color:var(--or)}.post .ac .on svg{fill:currentColor}
.cmt{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.cmt b{font-size:13.5px}.cmt p{margin:2px 0 0;font-size:14px;line-height:1.45}.cmt small{color:var(--mut);font-size:11px}
.likepop{animation:likepop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes likepop{50%{transform:scale(1.35)}}

/* ===== prestataires ===== */
.pcats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pcats a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:18px;background:var(--card);border:1px solid var(--line);font-size:10.5px;font-weight:800;text-align:center;line-height:1.2;color:var(--ink)}
.pcats a i{width:40px;height:40px;border-radius:13px;background:rgba(255,106,26,.13);color:var(--or);display:flex;align-items:center;justify-content:center}
.pcats a.on{border-color:var(--or)}
.prov{display:flex;gap:12px;padding:12px;border-radius:20px;background:var(--card);border:1px solid var(--line);margin-top:10px;text-align:left;width:100%;align-items:center}
.prov .lg{width:58px;height:58px;flex:0 0 58px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--or);border:1px solid var(--line)}
.prov .lg img{max-width:100%;max-height:100%;object-fit:contain}
.prov b{display:block;font-size:15px}.prov small{display:block;font-size:12px;color:var(--mut);font-weight:600}
.prov .of{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:800;color:var(--or)}
.prov-cta{margin-top:12px;padding:16px;border-radius:22px;border:2px dashed rgba(255,106,26,.5);display:flex;gap:12px;align-items:center;text-align:left;width:100%;background:rgba(255,106,26,.06)}
.prov-cta i{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--or);color:#fff;display:flex;align-items:center;justify-content:center}
.prov-cta b{display:block;font-size:15px}.prov-cta span{font-size:12.5px;color:var(--mut);font-weight:600}

/* ===== actualités, lives ===== */
.newsrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:2px 18px 6px}.newsrow::-webkit-scrollbar{display:none}
.news{flex:0 0 78%;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);text-align:left;display:block}
.news .im{height:150px;position:relative;background:var(--card2)}.news .im img{width:100%;height:100%;object-fit:cover}
.news .bd{padding:12px 14px 14px}.news small{font-size:11px;font-weight:800;color:var(--or);letter-spacing:1px;text-transform:uppercase}
.news h4{margin:4px 0 0;font-size:16px;line-height:1.25}
.news.full{flex:none;width:100%}
.article .cover{height:260px;margin:0 -18px;position:relative}.article .cover img{width:100%;height:100%;object-fit:cover}
.article h1{font-size:27px;line-height:1.12;letter-spacing:-.6px;margin:18px 0 6px}
.article .body{font-size:16px;line-height:1.7;white-space:pre-line;color:var(--ink)}
.livec{position:relative;border-radius:22px;overflow:hidden;background:#000;display:block;height:200px;text-align:left}
.livec img{width:100%;height:100%;object-fit:cover;opacity:.8}
.livec::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85))}
.livec .live{z-index:2}.livec .t{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;color:#fff;font-weight:800;font-size:17px}
.livec .t small{display:block;font-size:12px;font-weight:600;color:#D8DEEA}
.embed{position:relative;width:100%;aspect-ratio:9/16;max-height:70vh;border-radius:20px;overflow:hidden;background:#000}
.embed.wide{aspect-ratio:16/9}
.embed iframe,.embed video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ===== tombola ===== */
.tombola{border-radius:26px;padding:18px;background:radial-gradient(circle at 90% 0%,rgba(255,211,110,.45),transparent 50%),linear-gradient(135deg,#2A1A00,#3D2200 45%,#13254D);color:#FFF6E5;position:relative;overflow:hidden;display:block;text-align:left}
.tombola small{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#FFD36E;text-transform:uppercase}
.tombola h3{margin:6px 0 12px;font-size:22px;line-height:1.15;color:#fff}
.tombola .ks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.tombola .ks div{background:rgba(255,255,255,.1);border-radius:14px;padding:10px}.tombola .ks b{display:block;font-size:20px;color:#fff}.tombola .ks span{font-size:10.5px;font-weight:700;color:#F3DDB0}
.tombola .lots div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12.5px;font-weight:700;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.tombola .lots div:last-child{border:0}
.tombola .win{margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,211,110,.14);font-size:13px;line-height:1.6;white-space:pre-line;font-weight:600}
.tombola .tk{position:absolute;right:-18px;top:18px;width:90px;height:50px;border-radius:10px;background:#FFD36E;transform:rotate(18deg);opacity:.25}

/* ===== partenaires ===== */
.ptiers small.h{display:block;font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--mut);text-transform:uppercase;margin:14px 0 8px}
.pofficial{display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#0B1F44,#13254D);border:2px solid #FFD36E;color:#fff;text-align:left}
.pofficial .lg{flex:0 0 96px;height:60px;display:flex;align-items:center;justify-content:center}.pofficial .lg img{max-width:100%;max-height:100%;object-fit:contain}
.pofficial small{font-size:10.5px;font-weight:800;letter-spacing:1.4px;color:#FFD36E;text-transform:uppercase}.pofficial b{display:block;font-size:18px}.pofficial span{font-size:12.5px;color:#C9D3E6;font-weight:600}
.pmajors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pmajors a,.pmajors div{background:#fff;border-radius:16px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;color:#0B1F44;text-align:center;border:1px solid var(--line)}
.pmajors img{max-width:92%;max-height:42px;object-fit:contain}
.pmajors small{font-size:9px;font-weight:800;letter-spacing:.6px;color:var(--or);text-transform:uppercase;line-height:1.2}
.plogos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.plogos a,.plogos div{background:#fff;border-radius:14px;height:64px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--line)}
.plogos img{max-width:100%;max-height:100%;object-fit:contain}
.marquee{overflow:hidden;margin:0 -18px;padding:6px 0}
.marquee .tr{display:flex;gap:10px;width:max-content;animation:tick 30s linear infinite}
.marquee .tr span{background:#fff;border-radius:14px;height:56px;width:110px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--line)}
.marquee img{max-width:100%;max-height:100%;object-fit:contain}

/* ===== compte ===== */
.prof{display:flex;gap:14px;align-items:center}
.prof .av{width:76px;height:76px;flex-basis:76px;border-radius:26px;font-size:30px;position:relative}
.prof .cam{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;border-radius:14px;background:#fff;color:#0B1F44;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.cnts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.cnts a,.cnts div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 6px;text-align:center}
.cnts b{display:block;font-size:19px}.cnts span{font-size:10.5px;color:var(--mut);font-weight:700}
.tabs3{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:18px;border-bottom:1px solid var(--line)}.tabs3::-webkit-scrollbar{display:none}
.tabs3 button{flex:0 0 auto;height:42px;padding:0 12px;font-size:13.5px;font-weight:800;color:var(--mut);border-bottom:3px solid transparent}
.tabs3 button.on{color:var(--ink);border-color:var(--or)}
.seg{display:flex;background:var(--card2);border-radius:14px;padding:4px;gap:4px}
.seg button{flex:1;height:38px;border-radius:11px;font-size:13px;font-weight:800;color:var(--mut)}
.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.setrow{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}
.setrow>b{font-size:14px}
.follow{height:38px;padding:0 16px;border-radius:12px;background:var(--or);color:#fff;font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}
.follow.on{background:var(--card2);color:var(--ink)}
.foot3{margin-top:30px;padding:20px 0 6px;border-top:1px solid var(--line);text-align:center}
.foot3 .soc{display:flex;gap:10px;justify-content:center;margin:12px 0}
.foot3 .soc a{width:40px;height:40px;border-radius:20px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}