/* LE KRU — site v2 (privé). Même DA que l'overlay de stream v6 « noir et blanc » :
   noir, blanc et UNE couleur (le violet du KRU, en petite touche). Les logos des
   partenaires sont les seules autres couleurs. Boutons blancs, titres Inter Tight
   en capitales, panneaux noirs à filet fin et rail violet. */
@view-transition { navigation: auto; }

:root{
  --bg:#0a0a0c; --bg2:#000; --panel:#131316; --panel2:#1a1a1e; --panel3:#222227;
  --line:#26262c; --line2:#34343b;
  --fg:#ffffff; --fg2:#d4d4d8; --mute:#a1a1aa; --mute2:#71717a;
  --accent:#7b45ff; --accent2:#b49bff; --accent-ink:#ffffff;
  --live:#ff3b5c; --green:#4ade80; --red:#ff5c6c; --gold:#b49bff;
  --discord:#5865f2; --telegram:#229ed9;
  --r:12px; --r-sm:9px;
  --side:248px; --top:64px; --legal:0px;
  --display:"Inter Tight","Inter",Arial,sans-serif;
  --body:"Inter","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:500 15px/1.55 var(--body);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent2);outline-offset:3px;border-radius:6px}

svg[data-i]{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ───── bandeau légal (le même que sur le stream) ───── */
.legal{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--legal);background:#000;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:18px;padding:0 20px;font:600 11.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--mute)}
.legal .c{flex:1;text-align:center;color:#fff;overflow:hidden;text-overflow:ellipsis}
.legal .sep{width:1px;height:14px;background:var(--line2);flex:none}
.legal .site{color:#fff}
.legal .age{flex:none;height:22px;padding:0 6px;border:1.5px solid #fff;border-radius:5px;color:#fff;display:flex;align-items:center;font:800 12px/1 var(--display);letter-spacing:0}

/* ───── coque ───── */
.side{position:fixed;top:var(--legal);bottom:0;left:0;width:var(--side);z-index:40;background:var(--bg);
  border-right:1px solid var(--line);display:flex;flex-direction:column;transition:transform .35s var(--ease)}
.side-top{height:var(--top);display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font:800 19px/1 var(--display);letter-spacing:-.01em;text-transform:uppercase}
.brand img{height:34px;width:auto}
.side-nav{flex:1;overflow-y:auto;padding:8px 12px 20px;scrollbar-width:thin;scrollbar-color:var(--panel3) transparent}
.grp{font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mute2);padding:20px 10px 8px}
.nav-a{position:relative;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;color:var(--mute);font-weight:600;font-size:14.5px;transition:background .2s,color .2s}
.nav-a svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-a:hover{background:var(--panel);color:#fff}
.nav-a.on{background:var(--panel);color:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.nav-a.on::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.nav-a .tag{margin-left:auto;font:700 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:6px;background:#fff;color:#000}
.nav-a .tag.soon{background:transparent;color:var(--mute2);box-shadow:inset 0 0 0 1px var(--line2)}
.nav-a .live-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--mute2)}
.nav-a .live-dot.on{background:var(--live);animation:pouls 1.8s infinite}
.side-foot{padding:14px;border-top:1px solid var(--line);display:grid;gap:8px}
.side-foot .btn{width:100%;justify-content:center}

.top{position:sticky;top:var(--legal);z-index:30;height:var(--top);margin:var(--legal) 0 0 var(--side);display:flex;align-items:center;gap:14px;padding:0 28px;
  background:rgba(10,10,12,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.burger{display:none;width:40px;height:40px;border-radius:9px;background:var(--panel);border:1px solid var(--line);place-items:center}
.burger svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.top .brand{display:none}
.top .crumb{font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute2)}
.top .crumb b{color:#fff;font-weight:700}
.top .sp{flex:1}
.prive{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);
  padding:8px 10px;border:1px solid var(--line2);border-radius:8px}
.prive i{width:7px;height:7px;border-radius:50%;background:var(--accent)}

.main{position:relative;z-index:1;margin-left:var(--side);padding:32px 32px 0}
.wrap{max-width:1180px;margin:0 auto}

/* ───── boutons : blancs, comme sur l'overlay ───── */
.btn{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px;border-radius:9px;font:800 14.5px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;
  background:#fff;color:#000;transition:transform .2s var(--ease),background .2s,box-shadow .2s}
.btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -12px rgba(255,255,255,.45)}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-p,.btn-c,.btn-h,.btn-d,.btn-t{background:#fff;color:#000}
.btn-g{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
.btn-g:hover{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2)}
.btn .pic{width:22px;height:22px;margin-left:-6px}
.btn-lg{height:52px;padding:0 24px;font-size:16px;border-radius:10px}
.btn-sm{height:36px;padding:0 13px;font-size:12.5px;border-radius:8px}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* pictogrammes officiels des plateformes (les seules couleurs avec les logos) */
.pic{width:30px;height:30px;display:inline-grid;place-items:center;flex:none}
.pic svg{width:62%;height:62%;fill:#fff;stroke:none}
.pic.dc{background:var(--discord);border-radius:8px}
.pic.tg{background:var(--telegram);border-radius:50%}

/* ───── typo ───── */
.eyebrow,.surtitre{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.surtitre b{color:#fff;font-weight:700}
.surtitre .pt{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pouls 1.8s infinite}
.surtitre .pv{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.surtitre .sep{width:3px;height:3px;border-radius:50%;background:var(--mute2)}
.h1{font:800 clamp(36px,5.4vw,66px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:14px 0 0;text-wrap:balance}
.h1 em,.h2 em,.titre em{font-style:normal;color:var(--accent2)}
.h2{font:800 clamp(22px,2.4vw,30px)/1.02 var(--display);text-transform:uppercase;letter-spacing:-.015em;margin:0;text-wrap:balance}
.lead{color:var(--mute);font-size:17px;max-width:58ch;margin:16px 0 0}
.lead b{color:#fff}
.mute{color:var(--mute)}
.num{font-variant-numeric:tabular-nums}

.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:14px 0 32px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.sec{margin-top:56px}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.sec-head a{white-space:nowrap;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:inline-flex;gap:6px;align-items:center}
.sec-head a:hover{color:#fff}
.sec-head a svg{width:15px;height:15px}

/* ───── panneaux ───── */
.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card.pad{padding:26px}
.rail{position:relative}
.rail::before{content:"";position:absolute;left:-1px;top:24px;bottom:24px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.glow{transition:border-color .25s}
.glow:hover{border-color:var(--line2)}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{grid-template-columns:minmax(0,var(--a,1.4fr)) minmax(0,1fr)}

.chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line2);font-weight:600;font-size:12.5px;color:var(--fg2);white-space:nowrap}
.chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chip.ok svg{stroke:var(--accent2)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:8px;font:800 14px/1 var(--display);background:#fff;color:#000;white-space:nowrap}
.badge{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg2)}
.badge svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4}
.badge.hot{background:#fff;color:#000;box-shadow:none}
.badge.new{color:var(--accent2);box-shadow:inset 0 0 0 1px rgba(123,69,255,.45)}
.badge.ok{color:var(--green);box-shadow:inset 0 0 0 1px rgba(74,222,128,.35)}
.badge.ko{color:var(--red);box-shadow:inset 0 0 0 1px rgba(255,92,108,.35)}

/* ───── offres partenaires (la carte « offre » de l'overlay, en grand) ───── */
.offer{position:relative;display:flex;flex-direction:column;gap:22px;padding:30px 30px 30px 34px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:border-color .25s}
.offer:hover{border-color:var(--line2)}
.offer::before{content:"";position:absolute;left:-1px;top:28px;bottom:28px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.offer .sweep{display:none}
.offer-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.plogo{display:flex;align-items:center;gap:14px}
.plogo img{width:48px;height:48px;border-radius:50%}
.plogo b{font:800 24px/1 var(--display);letter-spacing:-.01em;text-transform:uppercase}
.plogo small{display:block;font:700 11.5px/1 var(--body);color:var(--mute);letter-spacing:.14em;text-transform:uppercase;margin-top:6px}
.stats{display:flex;align-items:stretch;flex-wrap:wrap}
.stat{padding:0 26px;border-left:1px solid var(--line2)}
.stat:first-child{padding-left:0;border-left:0}
.stat b{display:block;font:800 clamp(34px,4.2vw,52px)/1 var(--display);letter-spacing:-.03em;color:#fff}
.stat span{display:block;margin-top:8px;font:700 12px/1.2 var(--body);text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
.offer-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:auto}
.code{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 14px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line2);font:700 11.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.code b{font:800 18px/1 var(--display);color:#fff;letter-spacing:.04em}
.code button{height:32px;padding:0 11px;border-radius:7px;background:var(--panel3);font:700 11.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.code button:hover{background:var(--line2)}

/* ligne d'offre compacte */
.mini{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s var(--ease)}
.mini:hover{border-color:var(--line2);transform:translateY(-2px)}
.mini img{width:40px;height:40px;border-radius:50%}
.mini b{display:block;font-weight:700}
.mini small{color:var(--mute);font-weight:500}
.mini .btn{margin-left:auto}

.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-in{display:flex;gap:14px;width:max-content;animation:marquee 40s linear infinite}
.marquee:hover .marquee-in{animation-play-state:paused}

/* ───── tuiles ───── */
.tile{display:flex;flex-direction:column;gap:12px;padding:24px;min-height:200px;transition:transform .25s var(--ease),border-color .25s}
.tile:hover{transform:translateY(-3px);border-color:var(--line2)}
.tile .ico{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);color:#fff}
.tile .ico svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile h3{margin:0;font:800 20px/1.05 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.tile p{margin:0;color:var(--mute)}
.tile .go{margin-top:auto;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:6px}
.tile .go svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;transition:transform .2s}
.tile:hover .go svg{transform:translateX(4px)}

/* ───── tableaux ───── */
.table{width:100%;border-collapse:collapse}
.table th{font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute2);text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}
.table td{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600}
.table tr:last-child td{border-bottom:0}
.table tbody tr:hover{background:rgba(255,255,255,.02)}
.tscroll{overflow-x:auto}
.rank{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--panel3);font:800 13px/1 var(--display)}

/* état vide / bientôt */
.empty{display:grid;place-items:center;text-align:center;gap:12px;padding:60px 24px}
.empty .ico{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2);color:#fff}
.empty .ico svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.empty h3{margin:4px 0 0;font:800 22px/1.1 var(--display);text-transform:uppercase}
.empty p{margin:0 0 6px;color:var(--mute);max-width:46ch}

/* FAQ */
.faq{display:grid;gap:8px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s}
.faq details[open]{border-color:var(--line2)}
.faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ease);flex:none}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.faq .rep{padding:0 20px 18px;color:var(--mute);max-width:70ch}

/* étapes */
.steps{display:grid;gap:8px;counter-reset:s}
.step{display:flex;gap:16px;align-items:flex-start;padding:15px 18px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}
.step::before{counter-increment:s;content:counter(s);flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#fff;color:#000;font:800 14px/1 var(--display)}
.step b{display:block;font-weight:700}
.step span{color:var(--mute)}

/* compte à rebours */
.cd{display:flex;gap:8px}
.cd div{min-width:76px;padding:14px 10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);text-align:center}
.cd b{display:block;font:800 34px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cd span{display:block;margin-top:7px;font:700 10.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* podium */
.podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;align-items:end}
.pod{position:relative;padding:26px 20px 22px;text-align:center;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.pod .pl{width:42px;height:42px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font:800 19px/1 var(--display);background:var(--panel3);color:#fff}
.pod.p1{padding-top:38px;border-color:var(--line2)}
.pod.p1::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}
.pod.p1 .pl{background:#fff;color:#000}
.pod b{display:block;font-weight:700;font-size:16px}
.pod .gain{margin-top:12px;font:800 30px/1 var(--display);letter-spacing:-.02em;color:#fff}
.pod small{color:var(--mute);font-weight:600}

/* pied de page */
.foot{position:relative;z-index:1;margin:80px 0 0 var(--side);border-top:1px solid var(--line);padding:40px 32px 28px;background:#000}
.foot-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.foot h4{margin:0 0 12px;font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mute2)}
.foot a{display:block;padding:4px 0;color:var(--fg2);font-weight:600;font-size:14px}
.foot a:hover{color:#fff}
.foot p{color:var(--mute);font-size:14px;margin:14px 0 0;max-width:40ch}
.foot-bas{max-width:1180px;margin:30px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--mute2);font-weight:600;font-size:12.5px}

/* toast */
.toast{position:fixed;left:50%;bottom:28px;z-index:90;transform:translate(-50%,20px);opacity:0;padding:12px 18px;border-radius:10px;background:#fff;color:#000;font:800 14px/1.2 var(--display);text-transform:uppercase;box-shadow:0 20px 40px -10px rgba(0,0,0,.7);transition:all .35s var(--ease);pointer-events:none}
.toast.on{transform:translate(-50%,0);opacity:1}

/* ───── ancres des sections ───── */
[id^="t-"]{scroll-margin-top:130px}

/* ───── animations ───── */
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
.rv.in{opacity:1;transform:none}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes pouls{0%{box-shadow:0 0 0 0 rgba(255,59,92,.7)}100%{box-shadow:0 0 0 9px rgba(255,59,92,0)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,59,92,.7)}100%{box-shadow:0 0 0 9px rgba(255,59,92,0)}}
::view-transition-old(root){animation:.22s var(--ease) both vt-out}
::view-transition-new(root){animation:.32s var(--ease) both vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}}
.side,.top,.legal{view-transition-name:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* ═════ accueil ═════ */
/* Les deux grosses offres : la carte « offre » de l'overlay (rail violet, logo à droite,
   titre en capitales, ligne grise, bouton blanc). */
.une{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.boff{position:relative;display:flex;flex-direction:column;min-height:330px;padding:28px 28px 28px 34px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:border-color .3s,transform .35s var(--ease)}
.boff::before{content:"";position:absolute;left:-1px;top:28px;bottom:28px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.boff:hover{border-color:var(--line2);transform:translateY(-3px)}
.boff .tete{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:52px}
.boff .marque{height:44px;width:auto;max-width:190px;object-fit:contain}
.boff .marque.cel{height:54px;margin-top:-6px}
.boff .titre{margin:22px 0 0;font:800 clamp(38px,4.3vw,58px)/.95 var(--display);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}
.boff .sous{margin:16px 0 0;font-size:16.5px;color:var(--mute)}
.boff .sous b{color:#fff;font-weight:700}
.boff .bas{margin-top:auto;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.boff .faux{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 20px;border-radius:9px;background:#fff;color:#000;font:800 15.5px/1 var(--display);text-transform:uppercase;white-space:nowrap;transition:box-shadow .2s}
.boff .faux svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.boff:hover .faux{box-shadow:0 10px 26px -12px rgba(255,255,255,.5)}
.boff:hover .faux svg{transform:translateX(3px)}
.boff .codek{font:700 11.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.boff .codek b{display:inline-block;margin-left:8px;padding:6px 9px;border-radius:7px;background:var(--panel3);font:800 15px/1 var(--display);letter-spacing:.04em;color:#fff}

/* rangée des trois rendez-vous */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.rdv{position:relative;display:flex;flex-direction:column;gap:10px;min-height:186px;padding:22px 22px 20px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);transition:border-color .25s,transform .3s var(--ease)}
.rdv:hover{border-color:var(--line2);transform:translateY(-3px)}
.rdv .gros{font:800 44px/1 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin-top:6px}
.rdv .gros em{font-style:normal;color:var(--accent2)}
.rdv p{margin:0;color:var(--mute);font-size:14.5px}
.rdv .go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.rdv .go svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;transition:transform .2s var(--ease)}
.rdv:hover .go svg{transform:translateX(4px)}

/* bloc communauté (celui de l'overlay) */
.commu{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:30px 30px 30px 34px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);overflow:hidden}
.commu::before{content:"";position:absolute;left:-1px;top:28px;bottom:28px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.commu .titre{margin:14px 0 0;font:800 clamp(30px,3.4vw,44px)/1 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.commu .lignes{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--mute);font-size:15.5px}
.commu .lignes span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.commu .lignes b{color:#fff;font-weight:700}
.commu .act{display:grid;gap:10px;justify-items:stretch}

/* jeux : affiches des originaux KRU, même style que les affiches d'offres
   (contour lumineux à la couleur du jeu, motif de l'icône en fond, nom en gros, bouton blanc à cheval) */
.jeux-row{display:grid;grid-auto-flow:column;grid-auto-columns:max(190px,calc((100% - 64px) / 5));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 4px 34px}
.jeux-row::-webkit-scrollbar{display:none}
.grille-jeux{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 16px;padding-bottom:28px}
.jeu{--aff:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  aspect-ratio:4/5;padding:44px 14px 40px;border-radius:16px;scroll-snap-align:start;text-align:center;color:#fff;
  border:1.5px solid var(--jc);box-shadow:0 0 30px -10px var(--jc),inset 0 0 44px -18px var(--jc);transition:transform .35s var(--ease),box-shadow .35s}
.jeu:hover{transform:translateY(-5px);box-shadow:0 0 42px -6px var(--jc),inset 0 0 54px -16px var(--jc)}
.j-fond{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;background:#07070a}
.j-fond::before{content:"";position:absolute;inset:-20%;background:var(--ji) 0 0/56px 56px repeat;opacity:.07;transform:rotate(-10deg)}
.j-fond::after{content:"";position:absolute;inset:0;background:radial-gradient(75% 60% at 50% 38%,color-mix(in srgb,var(--jc) 38%,transparent),transparent 72%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}
.j-tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:rgba(0,0,0,.55);border:1px solid var(--jc);
  font:900 12.5px/1 var(--aff);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.j-ico{width:38%;max-width:96px;filter:drop-shadow(0 0 18px var(--jc)) drop-shadow(0 8px 14px rgba(0,0,0,.6));transition:transform .45s var(--ease)}
.jeu:hover .j-ico{transform:rotate(-8deg) scale(1.08)}
.j-nom{font:900 clamp(30px,2.7vw,42px)/.9 var(--aff);text-transform:uppercase;letter-spacing:.005em;background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--jc) 55%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.j-sous{display:inline-flex;align-items:center;gap:7px;font:800 14px/1 var(--aff);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.j-sous::before{content:"";width:8px;height:8px;transform:skewX(-16deg);background:var(--jc)}
.j-cta{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:9px;white-space:nowrap;
  font:900 13.5px/1 var(--display);text-transform:uppercase;color:#000;background:#fff;box-shadow:0 10px 24px -10px var(--jc),0 0 0 4px var(--bg)}
.j-cta i{width:8px;height:8px;border-radius:50%;background:var(--jc)}
.rond{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:transparent;box-shadow:inset 0 0 0 1px var(--line2)}
.rond:hover{background:var(--panel2)}
.rond svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.4}
.sec-t{display:flex;align-items:center;gap:10px;margin:0;font:800 22px/1 var(--display);text-transform:uppercase;letter-spacing:-.015em}
.sec-t svg{display:none}

/* blocs giveaway / race */
.duo-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.blk{position:relative;min-height:270px;border-radius:var(--r);overflow:hidden;padding:26px 26px 24px 30px;display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);isolation:isolate;transition:border-color .25s}
.blk:hover{border-color:var(--line2)}
.blk::before{content:"";position:absolute;left:-1px;top:26px;bottom:26px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.blk h3{margin:6px 0 0;font:800 clamp(30px,3vw,42px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.025em;max-width:11ch}
.blk h3 em{font-style:normal;color:var(--accent2)}
.blk p{margin:0;color:var(--mute);max-width:30ch}
.blk .act{margin-top:auto;align-self:flex-start}
.blk .vis{position:absolute;z-index:-1;pointer-events:none;transition:transform .6s var(--ease)}
.blk:hover .vis{transform:scale(1.04) rotate(-2deg)}
.blk .podmini{position:absolute;right:26px;bottom:24px;display:grid;gap:6px;width:min(44%,240px)}
.blk .podmini div{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);font-weight:600;font-size:14px}
.blk .podmini i{font-style:normal;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--panel3);font:800 12px/1 var(--display)}
.blk .podmini div:first-child i{background:#fff;color:#000}
.blk .podmini span{margin-left:auto;font:800 15px/1 var(--display);font-variant-numeric:tabular-nums}

/* live : la photo à gauche, le texte dans un panneau noir à droite */
.live-b{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);border-radius:var(--r);overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:border-color .25s}
.live-b:hover{border-color:var(--line2)}
.live-b .ph{position:relative;overflow:hidden;aspect-ratio:1100/618}
.live-b img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.live-b:hover img{transform:scale(1.03)}
.live-b .pas{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 11px;border-radius:7px;background:#000;border:1px solid var(--line2);font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.live-b .pas i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:pouls 1.8s infinite}
.live-b .leg{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 28px 28px 32px}
.live-b .leg::before{content:"";position:absolute;left:-1px;top:30px;bottom:30px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.live-b .leg .lt{display:block;font:800 clamp(28px,3vw,40px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.025em}
.live-b .leg .lt em{font-style:normal;color:var(--accent2)}
.live-b .leg p{margin:0;color:var(--mute)}
.live-b .leg .btn{margin-top:auto;align-self:flex-start}

/* ───── responsive ───── */
@media (max-width:1180px){.legal .lim{display:none}.legal .lim+.sep{display:none}}
@media (max-width:1100px){.grille-jeux{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-in{grid-template-columns:1fr 1fr}.une{grid-template-columns:minmax(0,1fr)}}
@media (max-width:960px){
  .side{transform:translateX(-100%)}
  body.nav-open .side{transform:none;box-shadow:30px 0 60px rgba(0,0,0,.7)}
  body.nav-open::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:35}
  .top,.main,.foot{margin-left:0}
  .top .brand{display:flex}
  .top .crumb{display:none}
  .burger{display:grid}
  .g3,.g2,.split,.trio,.duo-b{grid-template-columns:minmax(0,1fr)}
  .commu{grid-template-columns:minmax(0,1fr)}
  .live-b{grid-template-columns:minmax(0,1fr)}
  .legal .c{text-align:left}
}
@media (max-width:640px){
  .legal{font-size:10px;gap:10px;padding:0 12px}
  .legal .site,.legal .site+.sep{display:none}
  .main{padding:22px 16px 0}.top{padding:0 16px}.foot{padding:32px 16px 24px}
  .g4{grid-template-columns:minmax(0,1fr)}
  .grille-jeux{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .offer,.boff,.commu{padding:22px 20px 22px 24px}
  .blk{padding:22px 20px 22px 24px}
  .blk .podmini{position:static;width:100%;margin-top:14px}
  .stat{padding:0 16px}
  .stat b{font-size:34px}
  .podium{grid-template-columns:1fr}
  .pod.p1{order:-1}
  .prive{display:none}
  .offer-head{flex-wrap:wrap}
  .foot-in{grid-template-columns:1fr}
  .cd div{min-width:0;flex:1}
  .boff .titre{font-size:36px}
  .boff .tete{flex-direction:column-reverse;align-items:flex-start;gap:16px}
  .boff .marque{height:34px}.boff .marque.cel{height:42px;margin:0 0 0 -4px}
  .boff .titre{margin-top:16px}
}

/* ═════ affiches d'offres (accueil) ═════
   Centrées : mur de machines à sous teinté, contour lumineux couleur partenaire, logo au
   centre, chiffres séparés par des traits EN BIAIS (l'angle du logo KRU), tampon rond,
   bouton BLANC (celui du stream) à cheval sur le bord du bas. S'adaptent à leur largeur. */
.affc{container-type:inline-size;padding-bottom:28px}
.aff{--aff:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;
  min-height:350px;height:100%;padding:96px 26px 64px;border-radius:16px;border:1.5px solid var(--pb);color:#fff;
  box-shadow:0 0 38px -8px var(--pg),inset 0 0 54px -16px var(--pg);transition:transform .35s var(--ease)}
.aff:hover{transform:translateY(-4px)}
.a-fond{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;background:#07070a}
.a-mos{position:absolute;inset:-30% -12%;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;transform:rotate(-10deg);filter:blur(2.5px) saturate(1.15) brightness(.5)}
.a-mos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px}
.a-fond::after{content:"";position:absolute;inset:0;background:var(--pteinte)}
.a-tags{position:absolute;top:16px;left:16px;display:flex;gap:6px}
.a-tags span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:7px;background:rgba(0,0,0,.55);border:1px solid var(--pb);font:900 15px/1 var(--aff);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.a-tags span.plein{background:var(--pb);color:var(--pbtxt,#fff);border-color:transparent}
.a-tampon{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;border:2px solid #fff;transform:rotate(12deg);background:rgba(10,10,12,.5);backdrop-filter:blur(3px);text-transform:uppercase}
.a-tampon::before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px dashed rgba(255,255,255,.55)}
.a-tampon b{display:block;font:900 21px/.9 var(--aff)}
.a-tampon small{display:block;font:800 10px/1 var(--aff);letter-spacing:.14em;color:rgba(255,255,255,.8)}
.a-logo{display:flex;align-items:center;justify-content:center;min-height:60px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6))}
.a-logo img{display:block;max-width:none}
.a-stats{display:flex;align-items:center;justify-content:center}
.a-stats>div{position:relative;padding:0 16px}
.a-stats>div+div::before{content:"";position:absolute;left:-2px;top:6%;bottom:6%;width:3px;border-radius:2px;background:var(--pb);transform:skewX(-16deg);opacity:.9}
.a-stats b{display:block;font:900 54px/.9 var(--aff);white-space:nowrap;text-transform:uppercase;background:var(--pchiffre);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .04em}
.a-stats b.blanc{background:linear-gradient(180deg,#fff,#d4d4dc);-webkit-background-clip:text;background-clip:text}
.a-stats span{display:block;margin-top:4px;font:800 21px/1 var(--aff);text-transform:uppercase;white-space:nowrap}
.a-stats small{display:block;font:800 14px/1 var(--aff);text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:3px}
.a-puces{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.a-puces span{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:7px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.14);font:600 12.5px/1 var(--body);white-space:nowrap}
.a-puces span::before{content:"";width:8px;height:8px;transform:skewX(-16deg);background:var(--pb)}
.a-cta{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 26px 0 28px;border-radius:11px;white-space:nowrap;
  font:900 18px/1 var(--display);text-transform:uppercase;color:#000;background:#fff;box-shadow:0 12px 30px -10px var(--pg),0 0 0 4px var(--bg);overflow:hidden}
.a-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(0,0,0,.08) 50%,transparent 65%);transform:translateX(-120%);animation:reflet 3.6s ease-in-out infinite}
@keyframes reflet{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.a-cta i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--pb);color:var(--pbtxt,#fff);margin-right:-12px}
.a-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.aff:hover .a-cta svg{transform:translateX(2px)}
.a-age{position:absolute;bottom:14px;right:16px;height:22px;padding:0 6px;border:1.5px solid rgba(255,255,255,.7);border-radius:5px;display:flex;align-items:center;font:800 11px/1 var(--display);color:rgba(255,255,255,.85)}
.p-cel{--pb:#ff6a3d;--pg:rgba(255,96,40,.5);--pteinte:radial-gradient(70% 90% at 50% 0%,rgba(250,51,97,.28),transparent 70%),linear-gradient(180deg,rgba(40,6,10,.5),rgba(20,4,6,.84));--pchiffre:linear-gradient(180deg,#ff6b86,#ff9f45)}
.p-hug{--pb:#19d3e0;--pbtxt:#03282d;--pg:rgba(25,211,224,.45);--pteinte:radial-gradient(70% 90% at 50% 0%,rgba(25,211,224,.22),transparent 70%),linear-gradient(180deg,rgba(2,24,28,.5),rgba(2,12,16,.86));--pchiffre:linear-gradient(180deg,#a4fbff,#19d3e0)}
.p-kru{--pb:#8b5cff;--pg:rgba(123,69,255,.55);--pteinte:radial-gradient(70% 90% at 50% 0%,rgba(123,69,255,.34),transparent 70%),linear-gradient(180deg,rgba(14,6,34,.5),rgba(8,4,20,.86));--pchiffre:linear-gradient(180deg,#e2d6ff,#8b5cff)}
.duo-aff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin-top:22px}
@container (min-width:760px){
  .aff{min-height:380px;padding-top:40px}
  .a-stats>div{padding:0 26px}
  .a-stats b{font-size:96px}.a-stats span{font-size:32px}.a-stats small{font-size:16px}
}
@container (max-width:470px){
  .aff{padding:72px 12px 58px;min-height:0}
  .a-stats>div{padding:0 10px}
  .a-stats b{font-size:42px}.a-stats span{font-size:17px}.a-stats small{font-size:12px}
  .a-tampon{width:64px;height:64px;top:10px;right:10px}.a-tampon b{font-size:16px}.a-tampon small{font-size:8px}
  .a-logo img{transform:scale(.8)}
  .a-cta{font-size:15px;height:48px;padding:0 20px}
}
@media (max-width:860px){.duo-aff{grid-template-columns:minmax(0,1fr)}}

/* ═════ pages refaites (jeux, daily, stream, vidéos, roue, classement, boutique) ═════ */
.a-titre{font:900 clamp(46px,6vw,78px)/.85 var(--aff,"Big Shoulders Display"),Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em;background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--pb) 60%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.ph{margin-bottom:46px}
.big{--aff:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif}

/* carte-affiche générique (lots, boutique, vidéos) */
.pcard{--aff:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:16px;border:1.5px solid var(--jc);background:#0b0b0e;color:#fff;
  box-shadow:0 0 28px -12px var(--jc),inset 0 0 40px -22px var(--jc);transition:transform .35s var(--ease),box-shadow .35s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 0 40px -8px var(--jc),inset 0 0 50px -18px var(--jc)}
.pc-media{position:relative;aspect-ratio:16/10;border-radius:14px 14px 0 0;overflow:hidden;background:radial-gradient(70% 80% at 50% 45%,color-mix(in srgb,var(--jc) 35%,transparent),transparent 75%),#08080b}
.pc-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pc-media img.contain{object-fit:contain;padding:14px 18px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.6))}
.pcard:hover .pc-media img{transform:scale(1.04)}
.pc-tag{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:rgba(0,0,0,.6);border:1px solid var(--jc);font:900 12.5px/1 var(--aff);letter-spacing:.06em;text-transform:uppercase}
.pc-tag.plein{background:var(--jc);border-color:transparent;color:#fff}
.pc-coin{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:rgba(0,0,0,.6);font:700 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg2)}
.pc-body{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 14px 40px}
.pc-body b{font:900 28px/.95 var(--aff);text-transform:uppercase}
.pc-body small{color:var(--mute);font-size:13.5px}
.pc-prix{display:inline-flex;align-items:center;gap:7px;font:900 22px/1 var(--aff);text-transform:uppercase}
.pc-prix::before{content:"";width:9px;height:9px;transform:skewX(-16deg);background:var(--jc)}
.pc-cta{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:9px;white-space:nowrap;
  font:900 13.5px/1 var(--display);text-transform:uppercase;color:#000;background:#fff;box-shadow:0 10px 24px -10px var(--jc),0 0 0 4px var(--bg)}
.pc-cta i{width:8px;height:8px;border-radius:50%;background:var(--jc)}
.grille-p{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:46px 18px;padding-bottom:24px}
@media (max-width:1100px){.grille-p{--n:3!important}}
@media (max-width:760px){.grille-p{--n:2!important;gap:40px 12px}}
@media (max-width:440px){.grille-p{--n:1!important}}

/* rareté */
.r-com{--jc:#a1a1aa}.r-rare{--jc:#2f7bff}.r-epi{--jc:#a855f7}.r-leg{--jc:#f5b942}

/* daily drop */
.caisse{position:relative;display:grid;place-items:center;gap:18px;padding:34px 24px 40px;text-align:center;overflow:hidden}
.caisse svg.boite{width:min(230px,60%);filter:drop-shadow(0 0 40px rgba(123,69,255,.55));animation:flotteb 4s ease-in-out infinite}
@keyframes flotteb{50%{transform:translateY(-8px) rotate(-1.5deg)}}
.caisse .halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 50% at 50% 42%,rgba(123,69,255,.32),transparent 70%)}
.serie{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.serie div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);text-align:center}
.serie div span{font:700 10.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.serie div b{font:900 16px/1.05 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase}
.serie div.ok{border-color:rgba(123,69,255,.55);background:rgba(123,69,255,.12)}
.serie div.ok span{color:var(--accent2)}
.serie div.auj{border-color:#fff}
.serie div.top{border-color:#f5b942;background:rgba(245,185,66,.08)}
.flux{display:grid;gap:8px}
.flux div{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:14px}
.flux div i{width:9px;height:9px;transform:skewX(-16deg);background:var(--jc,#a1a1aa);flex:none}
.flux div b{font-weight:700}
.flux div span{margin-left:auto;color:var(--mute);font-size:12.5px;white-space:nowrap}

/* stream */
.lecteur{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1.5px solid rgba(123,69,255,.55);box-shadow:0 0 40px -12px rgba(123,69,255,.6);background:#000}
.lecteur img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) brightness(.22) blur(2px)}
.lecteur .etat{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:20px}
.lecteur .etat .off{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:7px;background:rgba(0,0,0,.6);border:1px solid var(--line2);font:700 11.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.lecteur .etat .off i{width:8px;height:8px;border-radius:50%;background:var(--mute2)}
.lecteur .etat b{font:900 clamp(34px,4.6vw,64px)/.9 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase}
.lecteur .etat small{color:var(--fg2);font-size:15px}
.lecteur .etat .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.chatbox{display:flex;flex-direction:column;min-height:100%}
.chatbox .tete{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.chatbox .tete::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.chatbox .msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px 18px;font-size:14px}
.chatbox .msgs p{margin:0;color:var(--fg2)}
.chatbox .msgs p b{color:var(--c,#b49bff);font-weight:700;margin-right:6px}
.chatbox .pied{padding:12px 14px;border-top:1px solid var(--line)}
.chatbox .pied span{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:9px;background:var(--panel2);color:var(--mute2);font-size:13.5px}
.planning{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.planning div{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:14px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.planning div span{font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.planning div b{font:900 30px/1 "Big Shoulders Display",Impact,sans-serif}
.planning div small{color:var(--fg2);font-size:13px}
.planning div.live{border-color:rgba(123,69,255,.6);background:linear-gradient(180deg,rgba(123,69,255,.14),var(--panel) 70%)}
.planning div.off{opacity:.45}
.streamers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.streamer{display:flex;align-items:center;gap:16px;padding:14px 18px 14px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);transition:border-color .25s,transform .3s var(--ease)}
.streamer:hover{border-color:color-mix(in srgb,var(--jc) 55%,transparent);transform:translateY(-2px)}
.streamer img{flex:none;width:68px;height:68px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--jc),0 6px 20px -6px var(--jc)}
.streamer .nom{min-width:0}
.streamer .nom b{display:block;font:900 30px/.9 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase}
.streamer .nom small{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font:800 14px/1 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--fg2)}
.streamer .nom small::before{content:"";width:8px;height:8px;transform:skewX(-16deg);background:var(--jc)}
@media (max-width:960px){.planning{grid-template-columns:repeat(4,minmax(0,1fr))}.streamers{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.planning{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* vidéos */
.vid .pc-media{aspect-ratio:16/9}
.vid .pc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7))}
.vid .play{position:absolute;left:50%;top:50%;z-index:1;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -6px var(--jc);transition:transform .25s var(--ease)}
.vid:hover .play{transform:translate(-50%,-50%) scale(1.1)}
.vid .play svg{width:20px;height:20px;fill:#000;margin-left:3px}
.vid .duree{position:absolute;right:10px;bottom:10px;z-index:1;padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.75);font:700 12px/1 var(--body);font-variant-numeric:tabular-nums}
.vid .pc-body{align-items:flex-start;text-align:left;padding:14px 16px 18px}
.vid .pc-body b{font-size:24px}
.vid-une{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);border-radius:16px;overflow:hidden;border:1.5px solid rgba(123,69,255,.55);box-shadow:0 0 40px -14px rgba(123,69,255,.6);background:var(--panel)}
.vid-une .pc-media{border-radius:0;aspect-ratio:16/9}
.vid-une .txt{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px}
.vid-une .txt>b{font:900 clamp(30px,3.2vw,46px)/.92 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase}
.vid-une .txt p{margin:0;color:var(--mute)}
.filtres{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 22px}
.filtres span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line2);font:900 15px/1 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--fg2);cursor:pointer}
.filtres span.on{background:#fff;color:#000;box-shadow:none}
@media (max-width:860px){.vid-une{grid-template-columns:minmax(0,1fr)}}

/* roue */
.roue-zone{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center}
.roue-box{position:relative;display:grid;place-items:center;padding:30px 10px 10px}
.roue{position:relative;width:min(440px,90%);aspect-ratio:1;border-radius:50%;border:6px solid #fff;box-shadow:0 0 0 6px rgba(123,69,255,.5),0 0 70px -10px rgba(123,69,255,.8);
  background:conic-gradient(#7b45ff 0 45deg,#141418 45deg 90deg,#ff6a3d 90deg 135deg,#141418 135deg 180deg,#19d3e0 180deg 225deg,#141418 225deg 270deg,#a855f7 270deg 315deg,#141418 315deg 360deg);
  transition:transform 5s cubic-bezier(.12,.8,.12,1)}
.roue span{position:absolute;left:50%;top:50%;width:42%;transform-origin:0 50%;font:900 clamp(15px,1.6vw,20px)/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;text-align:right;padding-right:18px;white-space:nowrap}
.roue .centre{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#0a0a0c;border:4px solid #fff;display:grid;place-items:center}
.roue .centre img{width:70%}
.fleche{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:2;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
@media (max-width:860px){.roue-zone{grid-template-columns:minmax(0,1fr)}}

/* ═════ v9 : pages qui fonctionnent (démo) ═════ */
:root{--bs:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif}
/* solde */
.solde{display:inline-flex;align-items:baseline;gap:5px;height:36px;padding:0 12px;border-radius:9px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font:900 19px/36px var(--bs);font-variant-numeric:tabular-nums;transition:box-shadow .3s}
.solde small{font:700 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent2)}
.solde.bump{animation:bump .5s var(--ease)}
@keyframes bump{30%{transform:scale(1.08);box-shadow:inset 0 0 0 1px var(--accent2),0 0 18px -2px rgba(123,69,255,.7)}}
/* modale */
.modale{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s}
.modale.on{opacity:1;pointer-events:auto}
.modale .boite-m{position:relative;width:min(420px,100%);padding:26px 24px 22px;border-radius:16px;background:#111114;border:1px solid var(--line2);text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.9);transform:translateY(12px) scale(.97);transition:transform .35s var(--ease)}
.modale.on .boite-m{transform:none}
.modale .x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--mute)}
.modale .x:hover{background:var(--panel3);color:#fff}
.modale h3{margin:6px 0 16px;font:900 32px/.95 var(--bs);text-transform:uppercase}
.modale p{color:var(--mute);margin:12px 0 18px}
.modale .btn{width:100%;justify-content:center}
.modale .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ── lots (tuiles carrées : daily + boutique) ── */
.lot{--lc:#a1a1aa;position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;width:150px;height:150px;padding:10px;border-radius:12px;overflow:hidden;isolation:isolate;text-align:center;
  background:radial-gradient(80% 70% at 50% 35%,color-mix(in srgb,var(--lc) 34%,transparent),transparent 75%),linear-gradient(180deg,#141418,#0b0b0e);border:1.5px solid color-mix(in srgb,var(--lc) 65%,transparent);box-shadow:inset 0 0 30px -14px var(--lc)}
.lot img{position:absolute;inset:10px 10px 46px;width:calc(100% - 20px);height:calc(100% - 56px);object-fit:contain;z-index:-1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}
.lot img.cover{inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.lot .v{font:900 40px/.9 var(--bs);text-transform:uppercase;background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--lc) 60%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:auto;margin-top:22px}
.lot b{font:900 15px/1 var(--bs);letter-spacing:.04em;text-transform:uppercase}
.lot small{font:700 10.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--lc) 70%,#fff)}
.lot .pct{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.6);font:700 10.5px/1 var(--body);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--lc) 75%,#fff)}
.l-com{--lc:#8f8f9a}.l-rare{--lc:#2f7bff}.l-epi{--lc:#a855f7}.l-leg{--lc:#f5b942}.l-myth{--lc:#ff4d6d}

/* ── daily : la bande ── */
.drop{position:relative;padding:26px 0 30px;border-radius:16px;background:radial-gradient(60% 90% at 50% 50%,rgba(123,69,255,.16),transparent 70%),var(--panel);border:1px solid var(--line);overflow:hidden}
.bande{position:relative;overflow:hidden;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.piste{display:flex;gap:10px;will-change:transform}
.repere{position:absolute;left:50%;z-index:3;width:0;height:0;transform:translateX(-50%);border-left:11px solid transparent;border-right:11px solid transparent}
.repere.h{top:0;border-top:14px solid #fff;filter:drop-shadow(0 0 8px rgba(123,69,255,.9))}
.repere.b{bottom:0;border-bottom:14px solid #fff;filter:drop-shadow(0 0 8px rgba(123,69,255,.9))}
.ligne-c{position:absolute;left:50%;top:12px;bottom:12px;width:2px;transform:translateX(-50%);z-index:2;background:linear-gradient(180deg,#fff,rgba(255,255,255,.1) 30%,rgba(255,255,255,.1) 70%,#fff);opacity:.5}
.drop-act{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}
.drop-act .btn{min-width:260px;justify-content:center}
.drop-act small{color:var(--mute);font-size:13.5px}
.drop-act small b{color:#fff;font-variant-numeric:tabular-nums}
.btn.violet{background:var(--accent);color:#fff;box-shadow:0 10px 30px -10px rgba(123,69,255,.9)}
.btn.violet:hover{box-shadow:0 14px 36px -8px rgba(123,69,255,1)}
.btn[disabled]{opacity:.45;pointer-events:none}
.lots-grille{display:flex;flex-wrap:wrap;gap:12px}
.lots-grille .lot{width:calc((100% - 72px)/7);min-width:120px;height:auto;aspect-ratio:1}
@media (max-width:640px){.lot{width:118px;height:118px}.lot .v{font-size:30px}.lots-grille .lot{width:calc((100% - 24px)/3)}}
.modale .lot{margin:0 auto;width:170px;height:170px}
.av{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font:800 12px/1 var(--display);color:#fff;flex:none}
.joueur{display:inline-flex;align-items:center;gap:10px}

/* ── jeux : page de jeu ── */
.jeu-app{display:grid;grid-template-columns:300px minmax(0,1fr);border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.jeu-cote{display:flex;flex-direction:column;gap:14px;padding:20px;border-right:1px solid var(--line);background:#0e0e11}
.jeu-cote .t{font:900 30px/.9 var(--bs);text-transform:uppercase}
.jeu-cote label{display:block;font:700 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:7px}
.champ{display:flex;align-items:center;height:44px;border-radius:9px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);overflow:hidden}
.champ input,.champ select{flex:1;min-width:0;height:100%;padding:0 12px;border:0;background:transparent;color:#fff;font:700 15px/1 var(--body);font-variant-numeric:tabular-nums;outline:none;appearance:none}
.champ select option{background:#111}
.champ button{height:100%;padding:0 12px;border-left:1px solid var(--line2);font:800 13px/1 var(--display);color:var(--fg2)}
.champ button:hover{background:var(--panel3);color:#fff}
.champ .u{padding:0 12px;color:var(--accent2);font:700 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.stats-j{display:grid;gap:8px;padding:12px 14px;border-radius:10px;background:var(--panel2);border:1px solid var(--line)}
.stats-j div{display:flex;justify-content:space-between;font-size:13.5px;color:var(--mute)}
.stats-j b{color:#fff;font-variant-numeric:tabular-nums}
.stats-j b.ok{color:var(--green)}
.jeu-cote .btn{width:100%;justify-content:center;height:50px;font-size:15.5px}
.jeu-cote .btn.cash{background:var(--green);color:#03240f}
.jeu-scene{position:relative;display:grid;place-items:center;min-height:520px;padding:28px;background:radial-gradient(70% 70% at 50% 45%,color-mix(in srgb,var(--jc,#7b45ff) 14%,transparent),transparent 75%)}
.retour{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.retour:hover{color:#fff}
.retour svg{width:15px;height:15px;transform:rotate(180deg)}
@media (max-width:860px){.jeu-app{grid-template-columns:minmax(0,1fr)}.jeu-cote{border-right:0;border-bottom:1px solid var(--line)}.jeu-scene{min-height:0}}

/* mines */
.plateau{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:min(460px,100%)}
.case{aspect-ratio:1;border-radius:12px;background:linear-gradient(180deg,#22222a,#18181d);box-shadow:inset 0 -4px 0 rgba(0,0,0,.35),inset 0 0 0 1px var(--line2);display:grid;place-items:center;transition:transform .15s,background .2s}
.case:not([disabled]):hover{transform:translateY(-2px);background:linear-gradient(180deg,#2c2c36,#1e1e25)}
.case[disabled]{cursor:default}
.case svg{width:58%;height:58%;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s var(--ease)}
.case.vu svg{opacity:1;transform:none}
.case.gem{background:radial-gradient(60% 60% at 50% 45%,rgba(74,222,128,.28),transparent 70%),#121a15;box-shadow:inset 0 0 0 1.5px rgba(74,222,128,.6)}
.case.bombe{background:radial-gradient(60% 60% at 50% 45%,rgba(255,77,109,.35),transparent 70%),#1d1114;box-shadow:inset 0 0 0 1.5px rgba(255,77,109,.7)}
.case.pale{opacity:.45}
.bandeau-res{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);padding:16px 26px;border-radius:14px;background:rgba(10,10,12,.92);border:1.5px solid var(--green);text-align:center;opacity:0;pointer-events:none;transition:all .3s var(--ease)}
.bandeau-res.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.bandeau-res b{display:block;font:900 44px/.9 var(--bs);color:var(--green)}
.bandeau-res small{color:var(--fg2);font-weight:700}
.bandeau-res.perdu{border-color:var(--red)}.bandeau-res.perdu b{color:var(--red)}

/* dice */
.de-zone{width:min(620px,100%);display:grid;gap:30px}
.de-res{text-align:center;font:900 clamp(80px,12vw,140px)/.85 var(--bs);font-variant-numeric:tabular-nums;color:#fff;transition:color .2s}
.de-res.ok{color:var(--green);text-shadow:0 0 40px rgba(74,222,128,.45)}
.de-res.ko{color:var(--red)}
.rail-de{position:relative;height:14px;border-radius:8px;background:var(--red);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.rail-de .g{position:absolute;left:0;top:0;bottom:0;border-radius:8px 0 0 8px;background:var(--green)}
.rail-de input{position:absolute;inset:-10px 0;width:100%;opacity:0;cursor:pointer}
.rail-de .poignee{position:absolute;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.5);display:grid;place-items:center;pointer-events:none}
.rail-de .poignee::after{content:"";width:10px;height:10px;border-left:2px solid #999;border-right:2px solid #999}
.rail-de .marque{position:absolute;top:-34px;transform:translateX(-50%);padding:4px 7px;border-radius:6px;background:#fff;color:#000;font:900 14px/1 var(--bs);opacity:0;transition:left .6s var(--ease),opacity .2s}
.rail-de .marque.on{opacity:1}
.graduation{display:flex;justify-content:space-between;margin-top:8px;color:var(--mute2);font:700 12px/1 var(--body);font-variant-numeric:tabular-nums}
.histo{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;min-height:30px}
.histo span{padding:6px 9px;border-radius:7px;font:800 13px/1 var(--display);font-variant-numeric:tabular-nums;background:rgba(255,92,108,.14);color:var(--red)}
.histo span.ok{background:rgba(74,222,128,.14);color:var(--green)}

/* ── boutique ── */
.pilules{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.pilules button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font:700 14px/1 var(--body);color:var(--fg2)}
.pilules button:hover{color:#fff}
.pilules button.on{background:var(--accent);box-shadow:none;color:#fff}
.boutique-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.art{--ac:#7b45ff;position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#0f0f12;border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s}
.art:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 60%,transparent)}
.art.vedette{grid-column:span 2;grid-row:span 2}
.art .img{position:relative;flex:1;min-height:180px;display:grid;place-items:center;padding:18px;background:radial-gradient(70% 70% at 50% 50%,color-mix(in srgb,var(--ac) 40%,transparent),transparent 75%),linear-gradient(180deg,#16161b,#0c0c0f)}
.art .img img{max-height:200px;width:auto;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(0,0,0,.65));transition:transform .5s var(--ease)}
.art .img img.cover{position:absolute;inset:0;max-height:none;width:100%;height:100%;object-fit:cover}
.art.vedette .img img{max-height:380px}
.art:hover .img img{transform:scale(1.05) rotate(-2deg)}
.art .info{padding:16px;text-align:center}
.art .info b{display:block;font:900 24px/.95 var(--bs);text-transform:uppercase}
.art.vedette .info b{font-size:38px}
.art .info small{display:block;margin-top:5px;color:var(--mute);font-size:13px}
.art .pied{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:0 16px 16px}
.art .stock{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:9px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);font:700 12.5px/1 var(--body);color:var(--fg2);white-space:nowrap}
.art .stock.epuise{color:var(--red)}
.art .prix{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:9px;background:#fff;color:#000;font:900 17px/1 var(--bs);font-variant-numeric:tabular-nums;transition:filter .2s}
.art .prix small{font:800 10px/1 var(--body);letter-spacing:.08em;color:#555}
.art .prix:hover{filter:brightness(.9)}
.art .prix[disabled]{background:var(--panel3);color:var(--mute)}
.art .tag-a{position:absolute;top:12px;left:12px;z-index:1;padding:5px 8px;border-radius:6px;background:var(--ac);font:900 12.5px/1 var(--bs);letter-spacing:.06em;text-transform:uppercase}
@media (max-width:1100px){.boutique-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.boutique-g{grid-template-columns:repeat(2,minmax(0,1fr))}.art.vedette{grid-column:span 2;grid-row:auto}}
@media (max-width:440px){.boutique-g{grid-template-columns:minmax(0,1fr)}.art.vedette{grid-column:auto}}

/* ── stream : lecteur 16:9 le plus grand possible sans dépasser la hauteur d'écran ── */
.wrap:has(.live-app){max-width:none}
.live-app{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch;
  max-width:calc((100vh - 230px) * 16 / 9 + 356px);margin:0 auto}
.live-col{min-width:0;display:flex;flex-direction:column;gap:12px}
.ecran{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--line);isolation:isolate}
.ecran iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:none;background:#000}
.ecran[data-mode="rumble"] iframe{display:block}
.ecran .ecran-c{position:absolute;inset:0;display:none;place-items:center;text-align:center;padding:24px}
.ecran[data-mode="off"] .e-off,.ecran[data-mode="discord"] .e-dc,.ecran:not([data-mode]) .e-off{display:grid}
.ecran .fond-e{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:grayscale(1) brightness(.2) blur(3px);transform:scale(1.06)}
.ecran-c .logo-off{height:40px;margin:0 auto 14px;opacity:.9}
.ecran-c b{display:block;font:900 clamp(56px,9vw,130px)/.82 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;color:rgba(255,255,255,.9)}
.ecran-c span{display:block;margin-top:12px;font:800 clamp(16px,1.6vw,22px)/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--fg2)}
.ecran-c .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.e-dc b{color:#fff}
.e-dc .pic{width:64px;height:64px;margin:0 auto 16px;border-radius:16px}
.barre-live{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.barre-live .etat{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 11px;border-radius:7px;background:var(--panel2);font:700 11.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.barre-live .etat::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mute2)}
.barre-live .etat.on{color:#fff}
.barre-live .etat.on::before{background:var(--live);animation:pouls 1.8s infinite}
.barre-live .etat.dc.on::before{background:var(--discord)}
.barre-live .t{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barre-live .outils{display:flex;gap:6px}
.barre-live .outils button,.barre-live .outils a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line2);font:700 12.5px/1 var(--body);color:var(--fg2)}
.barre-live .outils button:hover,.barre-live .outils a:hover{background:var(--panel2);color:#fff}
.barre-live .outils svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cine-x{display:none}
html.cine{overflow:hidden}
html.cine .ecran{position:fixed;inset:0;z-index:70;width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0;border:0}
html.cine .cine-x{display:grid;position:fixed;top:14px;right:14px;z-index:71;width:40px;height:40px;border-radius:10px;place-items:center;background:rgba(0,0,0,.65);color:#fff}
html.cine .cine-x svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.4}
.ecran:fullscreen{border-radius:0;border:0}
.chat-cell{position:relative;min-height:0}
.chat{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:#0e0e11;min-height:0;overflow:hidden}
.chat .tete{display:flex;align-items:center;gap:9px;padding:15px 16px;border-bottom:1px solid var(--line);font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.chat .tete::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.chat .msgs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:14px 16px;font-size:14px;line-height:1.45}
.chat .msgs p{margin:0;color:var(--fg2)}
.chat .msgs p b{font-weight:700;margin-right:6px}
.chat .msgs .src{display:inline-block;margin-right:6px;padding:2px 5px;border-radius:4px;font:800 9.5px/1.3 var(--body);letter-spacing:.06em;vertical-align:1px}
.chat .msgs .src.rb{background:#85c742;color:#0a1a00}.chat .msgs .src.dc{background:var(--discord);color:#fff}
.chat form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.chat input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:9px;border:0;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);color:#fff;font:500 14px/1 var(--body);outline:none}
.chat input:focus{box-shadow:inset 0 0 0 1px var(--accent2)}
.chat form button{width:42px;height:42px;border-radius:9px;background:var(--accent);display:grid;place-items:center}
.chat form button svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2}
@media (max-width:1100px){.live-app{grid-template-columns:minmax(0,1fr);max-width:none}.chat-cell{height:420px}}
@media (max-width:640px){.barre-live .outils .lbl{display:none}}

/* ── vidéos ── */
.yt-tete{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 26px;border-radius:16px;background:radial-gradient(60% 120% at 0% 0%,rgba(255,40,60,.16),transparent 60%),var(--panel);border:1px solid var(--line)}
.yt-tete .h2{font-size:clamp(28px,3vw,40px)}
.yt-tete p{margin:6px 0 0;color:var(--mute);max-width:52ch}
.yt-tete .act{display:flex;gap:10px;flex-wrap:wrap}
.btn.yt{background:#ff2a3c;color:#fff}
.onglets{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:30px 0 18px}
.onglets .tabs{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.onglets .tabs button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;font:700 13.5px/1 var(--body);color:var(--mute)}
.onglets .tabs button.on{background:var(--panel3);color:#fff}
.onglets .tabs button i{font-style:normal;padding:3px 6px;border-radius:5px;background:var(--panel2);font-size:11px;color:var(--mute)}
.vgrille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vgrille.shorts{grid-template-columns:repeat(6,minmax(0,1fr))}
.vcard{display:flex;flex-direction:column;gap:10px;color:#fff}
.vcard .vmini{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111}
.vgrille.shorts .vcard .vmini{aspect-ratio:9/16}
.vcard .vmini img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.vcard:hover .mini img{transform:scale(1.05)}
.vcard .vmini .d{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.8);font:700 11.5px/1 var(--body);font-variant-numeric:tabular-nums}
.vcard .vmini .play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:rgba(0,0,0,.35);transition:opacity .25s}
.vcard:hover .mini .play{opacity:1}
.vcard .vmini .play span{width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center}
.vcard .vmini .play svg{width:18px;height:18px;fill:#000;margin-left:3px}
.vcard b{font-weight:700;font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vcard small{display:flex;gap:8px;color:var(--mute);font-size:12.5px}
@media (max-width:1100px){.vgrille{grid-template-columns:repeat(3,minmax(0,1fr))}.vgrille.shorts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.vgrille{grid-template-columns:repeat(2,minmax(0,1fr))}.vgrille.shorts{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ── classement ── */
.cl-tete{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 26px;border-radius:16px;background:radial-gradient(60% 120% at 100% 0%,rgba(123,69,255,.2),transparent 60%),var(--panel);border:1px solid var(--line);margin-bottom:16px}
.cl-tete .ic{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2)}
.cl-tete .ic svg{width:30px;height:30px;stroke:var(--accent2);fill:none;stroke-width:2}
.cl-tete .h2{font-size:clamp(28px,3vw,40px)}
.cl-tete p{margin:6px 0 0;color:var(--mute)}
.cl-tete .maj{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cl-barre{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-bottom:16px}
.recherche{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.recherche svg{width:17px;height:17px;stroke:var(--mute);fill:none;stroke-width:2.2;flex:none}
.recherche input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#fff;font:500 14.5px/1 var(--body);outline:none}
.cl-liste{display:grid;gap:8px}
.cl-l{display:grid;grid-template-columns:44px auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.cl-l .r{font:900 22px/1 var(--bs);color:var(--mute);text-align:center;font-variant-numeric:tabular-nums}
.cl-l .av{width:38px;height:38px;font-size:15px}
.cl-l .n b{display:block;font-weight:700}
.cl-l .n small{color:var(--mute);font-size:12.5px}
.cl-l .p{text-align:right;font:900 24px/1 var(--bs);font-variant-numeric:tabular-nums}
.cl-l .p small{display:block;font:700 10px/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.cl-l.top1{border-color:rgba(245,185,66,.55);background:linear-gradient(90deg,rgba(245,185,66,.1),var(--panel) 50%)}
.cl-l.top1 .r,.cl-l.top1 .p{color:#f5b942}
.cl-l.top2{border-color:rgba(220,220,230,.4)}.cl-l.top2 .r{color:#e4e4ea}
.cl-l.top3{border-color:rgba(215,140,90,.45)}.cl-l.top3 .r{color:#d79a64}
.cl-l.moi{border-color:var(--accent);background:rgba(123,69,255,.1)}
.pagi{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;color:var(--mute);font:700 13px/1 var(--body)}
.pagi button{width:38px;height:38px;border-radius:9px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);display:grid;place-items:center}
.pagi button svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.4}
.pagi button[disabled]{opacity:.35}
.vide-r{padding:40px;text-align:center;color:var(--mute)}
@media (max-width:560px){.cl-l{grid-template-columns:30px auto minmax(0,1fr) auto;gap:10px;padding:10px 12px}.cl-l .p{font-size:19px}.cl-barre{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1101px) and (max-width:1600px){.live-app{grid-template-columns:minmax(0,1fr) 300px;max-width:calc((100vh - 230px) * 16 / 9 + 316px)}}

/* écran hors ligne (plein cadre, en couleur, voile violet) */

.e-off .fond-off{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;z-index:-2;filter:saturate(.85) brightness(.34) blur(3px);transform:scale(1.08)}
.e-off::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 80% at 50% 45%,rgba(10,8,20,.2),rgba(7,6,12,.85) 75%),linear-gradient(0deg,rgba(40,14,100,.8),rgba(40,14,100,.25) 45%,transparent 70%)}
.e-off .pill-off{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);font:700 11.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}
.e-off .pill-off::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mute2)}
.e-off h2{margin:16px 0 0;font:900 clamp(44px,7vw,104px)/.85 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;color:#fff;text-shadow:0 6px 40px rgba(0,0,0,.6)}
.e-off h2 em{font-style:normal;background:linear-gradient(180deg,#e2d6ff,#8b5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.e-off p{margin:12px auto 0;max-width:46ch;color:var(--fg2);font-size:clamp(13px,1.2vw,16px)}
.e-off .avs{display:flex;justify-content:center;margin-top:18px}
.e-off .avs img{width:clamp(38px,4vw,54px);height:clamp(38px,4vw,54px);border-radius:50%;object-fit:cover;border:3px solid #07060c;margin-left:-10px;box-shadow:0 0 0 2px var(--c)}
.e-off .avs img:first-child{margin-left:0}
.e-off .logo-coin{position:absolute;left:20px;top:18px;height:32px;opacity:.9}
@media (max-width:640px){.e-off .row{display:none}.e-off p{display:none}}
/* chat réel (lecture seule) */
.chat .tete{justify-content:space-between}
.chat .tete::before{display:none}
.chat .tete .t-g{display:inline-flex;align-items:center;gap:9px}
.chat .tete .t-g::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.ch-etat{display:inline-flex;align-items:center;gap:6px;font:700 10.5px/1 var(--body);letter-spacing:.12em;color:var(--mute2)}
.ch-etat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mute2)}
.ch-etat.on{color:var(--green)}.ch-etat.on::before{background:var(--green)}
.chat .msgs[data-vide]{justify-content:center;align-items:center;text-align:center}
.chat .msgs[data-vide]::before{content:attr(data-txt);max-width:24ch;color:var(--mute);font-size:14px;line-height:1.5}
.chat .msgs .src.kr{background:var(--accent);color:#fff}
.chat .pied-c{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-top:1px solid var(--line)}
.chat .pied-c a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:9px;font:800 12.5px/1 var(--display);text-transform:uppercase;white-space:nowrap}
.chat .pied-c a.rb{background:#85c742;color:#0a1a00}
.chat .pied-c a.dc{background:var(--discord);color:#fff}
.chat .pied-c a svg{width:16px;height:16px;fill:currentColor}

.chat .pied-c{display:block}
.chat .connex{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:44px;border-radius:10px;background:var(--discord);color:#fff;font:800 13px/1 var(--display);text-transform:uppercase;text-align:center}
.chat .connex svg{width:18px;height:18px;fill:#fff;flex:none}
.chat .ecrire{display:flex;gap:8px}
.chat .ecrire input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:9px;border:0;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);color:#fff;font:500 14px/1 var(--body);outline:none}
.chat .ecrire input:focus{box-shadow:inset 0 0 0 1px var(--accent2)}
.chat .ecrire button{width:42px;height:42px;border-radius:9px;background:var(--accent);display:grid;place-items:center;flex:none}
.chat .ecrire button svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2}
.chat .moi{display:block;margin-top:8px;color:var(--mute2);font-size:12px}
.chat .moi a{color:var(--mute);text-decoration:underline}

/* sélecteur de langue */
.langue{display:inline-flex;padding:3px;border-radius:9px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.langue a{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:7px;font:800 12px/1 var(--display);letter-spacing:.04em;color:var(--mute)}
.langue a:hover{color:#fff}
.langue a.on{background:#fff;color:#000}

/* paris sportifs */
.tg-c{display:flex;align-items:center;gap:16px;transition:border-color .25s,transform .3s var(--ease)}
.tg-c:hover{border-color:rgba(34,158,217,.6);transform:translateY(-2px)}
.tg-c .pic{width:56px;height:56px}
.tg-c div{flex:1;min-width:0}
.tg-c b{display:block;font:900 28px/.95 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase}
.tg-c small{display:block;margin-top:5px;color:var(--mute);font-size:14px}
.os{display:flex;flex-direction:column;gap:6px}
.os-g{font:900 64px/.85 "Big Shoulders Display",Impact,sans-serif;background:linear-gradient(180deg,#e2d6ff,#8b5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.os h3{margin:4px 0 0;font:900 24px/1 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase}
.os p{margin:0;color:var(--mute)}
.conds{margin:14px 0 0;padding-left:18px;display:grid;gap:8px;color:var(--fg2)}
@media (max-width:560px){.tg-c{flex-wrap:wrap}.tg-c .btn{width:100%;justify-content:center}}

/* fenêtre de choix de la langue */
.modale.langue-m .boite-m{width:min(440px,100%)}
.modale.langue-m h3 small{display:block;margin-top:8px;font:600 15px/1.2 var(--body);text-transform:none;color:var(--mute)}
.choix-l{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.choix-l button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;border-radius:12px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .2s,transform .2s var(--ease)}
.choix-l button:hover{box-shadow:inset 0 0 0 1.5px var(--accent2);transform:translateY(-2px)}
.choix-l .dr{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#000;font:900 20px/1 "Big Shoulders Display",Impact,sans-serif}
.choix-l b{font:800 15px/1 var(--display);text-transform:uppercase}

/* stream v2 : écran hors ligne sans photo (fond violet + logo en filigrane), pied du chat aéré */
.e-off::before{background:radial-gradient(55% 65% at 50% 42%,rgba(123,69,255,.32),transparent 70%),radial-gradient(40% 50% at 15% 90%,rgba(25,211,224,.1),transparent 70%),radial-gradient(40% 50% at 85% 90%,rgba(255,106,61,.1),transparent 70%),#08070d}
.e-off .filigrane{position:absolute;left:50%;top:50%;width:min(78%,900px);transform:translate(-50%,-50%) rotate(-8deg);opacity:.05;z-index:-1;filter:grayscale(1) brightness(2)}
.chat .pied-c{padding:14px 14px 16px}
.chat .pc-t{margin:0 0 10px;text-align:center;color:var(--mute);font-size:13px}
.chat .connex{height:46px;gap:10px;font-size:13.5px;letter-spacing:.01em;white-space:nowrap}
.chat .connex svg{width:20px;height:20px}
.ecran-c .btn .pic{width:24px;height:24px;margin-left:-6px;border-radius:7px}

/* pages légales */
.lg{max-width:780px;margin:0 auto;padding-top:14px}
.lg .h1{font-size:clamp(34px,4.6vw,54px)}
.lg-maj{margin:12px 0 22px;color:var(--mute2);font-size:13.5px}
.lg p{color:var(--fg2);line-height:1.7;margin:0 0 12px}
.lg p b,.lg li b{color:#fff}
.lg-som{margin:26px 0 34px;padding:20px 24px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.lg-som b{display:block;font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.lg-som ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.lg-som li{margin-bottom:6px;break-inside:avoid}
.lg-som a{color:var(--fg2)}
.lg-som a:hover{color:#fff;text-decoration:underline}
.lg-s{padding-top:22px;margin-top:10px;border-top:1px solid var(--line);scroll-margin-top:90px}
.lg-s h2{display:flex;gap:10px;margin:0 0 12px;font:800 22px/1.15 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.lg-s h2 span{color:var(--accent2)}
.lg ul{margin:0 0 12px;padding-left:20px;display:grid;gap:8px;color:var(--fg2);line-height:1.65}
@media (max-width:640px){.lg-som ol{columns:1}}
.foot-bas .lien-l{display:inline;padding:0;color:var(--mute);font-size:12.5px;text-decoration:underline}.foot-bas .lien-l:hover{color:#fff}


/* race + giveaway branchés */
.g-carte{display:grid;gap:18px}
.g-haut{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700}
.r-fin{margin:12px 0 0;font-weight:700}
.r-maj{font-size:13px;font-weight:600}
.r-annonce{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.r-annonce b{font:800 20px/1 var(--display);text-transform:uppercase}
[data-r="fin"]{font-style:normal}