/* Panenka — DA v15 (bande de photogrammes, tête de lecture, règle de timecode) + « minimaliste dorée » du 20/10 :
   fond noir lavé d'un or très doux, accent or (trophée du logo), rouge seulement pour les % négatifs. */
:root{
  --k:#0B0B0B;--cell:#171717;--line:#2A2A28;--w:#F4F4F2;--mut:#8A8A86;--mut2:#C9C9C5;
  --gold:#D9A93E;--gold2:#E9B949;--goldb:#B07A1E;--red:#FF3B2F;
  --pad:64px;--maxw:1440px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--k)}
body{display:flow-root;min-height:100vh;color:var(--w);font-family:'Darker Grotesque',system-ui,sans-serif;font-size:18px;line-height:1.3;
  background:
    radial-gradient(1100px 620px at 8% -14%, rgba(110,78,22,.34), rgba(58,42,14,.12) 45%, transparent 70%),
    radial-gradient(900px 520px at 104% -8%, rgba(58,42,14,.30), transparent 70%),
    linear-gradient(180deg, rgba(58,42,14,.10), transparent 380px),
    var(--k);
  background-repeat:no-repeat;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,169,62,.55),transparent);pointer-events:none;z-index:5}
a{color:inherit;text-decoration:none}
img{display:block}
.mono{font-family:'Victor Mono',ui-monospace,monospace}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:16px;top:8px;background:var(--gold);color:var(--k);padding:6px 10px;z-index:20}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---------- en-tête */
.hd{display:flex;align-items:center;justify-content:space-between;height:44px;margin-top:30px;gap:24px}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:32px;line-height:1;letter-spacing:-.5px}
.logo img{height:52px;width:auto;margin:-6px 0}
.links{display:flex;gap:36px;font-weight:700;font-size:19px;align-items:center}
.links a[aria-current="page"]{color:var(--gold)}
.links a:hover{color:var(--gold2)}
.ca{display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:12px;color:var(--mut);height:0;position:relative;top:6px;overflow:visible;white-space:nowrap}
.ca b{color:var(--gold);font-weight:600}
.ca code{color:var(--w);font-family:inherit}
.ca button{background:none;border:1px solid var(--goldb);color:var(--gold);font:inherit;padding:0 6px;cursor:pointer}

/* ---------- héros de l'accueil */
.hero{display:grid;grid-template-columns:1fr 496px;gap:40px;align-items:start;margin-top:22px}
h1.big{font-weight:900;font-size:104px;line-height:.86;letter-spacing:-2px}
h1.big em,.gold{font-style:normal;color:var(--gold)}
.side{padding-top:20px}
.sub{font-size:22px;line-height:1.25;font-weight:500}
.sub b{font-weight:900}
.ctas{display:flex;align-items:center;gap:26px;margin-top:22px;flex-wrap:wrap}
.btn{background:var(--gold);color:var(--k);font-weight:900;font-size:24px;padding:12px 26px 14px;display:inline-flex;align-items:center;gap:12px;line-height:1;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--gold2)}
.btn[disabled]{opacity:.55;cursor:default}
.btn svg{display:block}
.lnk{font-weight:700;font-size:18px;color:var(--w);border-bottom:2px solid var(--goldb);padding-bottom:1px;background:none;border-top:0;border-left:0;border-right:0;font-family:inherit;cursor:pointer}
.lnk:hover{color:var(--gold2)}

/* ---------- la bande : règle, photogrammes, timecode, tête de lecture */
.reel{position:relative;margin-top:25px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.reel::-webkit-scrollbar{display:none}
.reel-in{position:relative;min-width:100%;width:max-content}
.ruler{height:22px;background:
  repeating-linear-gradient(90deg,#6A6A66 0 1px,transparent 1px 60px) 0 6px/100% 16px no-repeat,
  repeating-linear-gradient(90deg,#3A3A38 0 1px,transparent 1px 12px) 0 13px/100% 9px no-repeat}
.strip{display:flex;gap:4px}
.frame{position:relative;flex:1 0 0;min-width:0;width:176.5px}
.fr{position:relative;display:block;height:314px;background:var(--cell);overflow:hidden}
.fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.fr .scrim{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(0,0,0,.84))}
.fr .inf{position:absolute;left:10px;right:10px;bottom:9px;font-size:12px;line-height:1.35}
.fr .t{font-family:'Darker Grotesque';font-weight:900;font-size:21px;line-height:1;color:var(--w);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr .u{color:var(--mut2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr .v{display:flex;justify-content:space-between;margin-top:3px;color:var(--w)}
.fr .v svg{display:inline-block;vertical-align:-1px;margin-right:4px}
.fr .c,.fr .s{position:absolute;top:9px;font-size:12px;color:var(--w);text-shadow:0 0 6px #000}
.fr .c{left:10px}.fr .s{right:10px}
.fr .new{position:absolute;right:10px;top:28px;background:var(--gold);color:var(--k);font-size:11px;padding:2px 6px;font-weight:600}
.fr .lit{position:absolute;inset:0;border:2px solid var(--w);opacity:0;transition:opacity .08s}
.fr.imp .lit{opacity:1;border-color:var(--gold)}
.fr.imp .t,.fr.imp .c,.fr.imp .s{color:var(--gold)}
.fr:hover .lit{opacity:1}
.tc{display:block;height:26px;padding:6px 0 0 10px;font-size:12px;color:var(--mut)}
.frame.imp .tc{color:var(--gold)}
.up{color:var(--gold)}.down,.neg{color:var(--red)}.flat{color:var(--w)}
.play{position:absolute;top:0;left:0;width:2px;bottom:0;background:var(--gold);animation:ph 4s linear infinite;pointer-events:none;box-shadow:0 0 0 1px rgba(11,11,11,.25)}
@keyframes ph{from{left:0}to{left:calc(100% - 2px)}}
@media (prefers-reduced-motion:reduce){.play{animation:none;left:62.5%}}
.empty-strip{height:314px;display:flex;align-items:center;justify-content:center;background:var(--cell);color:var(--mut);font-size:14px}
.fr.open{background:rgba(255,255,255,.015);border:1px dashed #3A3A38;display:flex;align-items:center;justify-content:center;text-align:center}
.fr.open .c,.fr.open .s{color:var(--mut);text-shadow:none}
.fr.open .mid{font-size:12px;color:#4A4A47;letter-spacing:.04em;line-height:1.6}
.fr.open.first{border-color:#B07A1E;background:linear-gradient(180deg,rgba(217,169,62,.10),rgba(217,169,62,.02))}
.fr.open.first .c,.fr.open.first .s{color:var(--gold)}
.fr.open.first .mid{color:var(--w);font-size:13px}
.fr.open.first .mid b{color:var(--gold);font-weight:600}
.fr.open .plus{display:block;font-family:'Darker Grotesque';font-weight:900;font-size:56px;line-height:1;color:var(--gold)}
.fr.open.first:hover{background:rgba(217,169,62,.16)}

/* ---------- bas de l'accueil */
.below{display:grid;grid-template-columns:1fr 616px;gap:40px;margin-top:28px}
.lab{font-size:12px;color:var(--mut);display:flex;justify-content:space-between;gap:12px;text-transform:uppercase}
.lab.g{color:var(--gold)}
.now .tk{font-family:'Darker Grotesque';font-weight:900;font-size:96px;line-height:.9;letter-spacing:-2px;margin-top:6px;word-break:break-word}
.now .meta{font-size:13px;color:var(--mut);margin-top:8px;line-height:1.6}
.now .meta b{color:var(--w);font-weight:600}
.rows .r{display:grid;grid-template-columns:52px 1fr 1fr 70px 70px;font-size:13px;padding:7px 0;border-top:1px solid var(--line);align-items:center;gap:8px}
.rows .r:first-of-type{margin-top:8px}
.rows .r .tk{font-family:'Darker Grotesque';font-weight:900;font-size:22px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .r .u{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .r .n{text-align:right}
.rows a.r:hover .tk{color:var(--gold2)}
.foot{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--mut);margin-top:22px;flex-wrap:wrap}
.foot b{color:var(--gold);font-weight:600}

/* ---------- pages intérieures */
.page{margin-top:34px;padding-bottom:40px}
.h-page{font-weight:900;font-size:80px;line-height:.88;letter-spacing:-1.5px;overflow-wrap:anywhere}
.note .lnk,.lede .lnk{font-size:inherit;font-family:inherit}
.h2{font-weight:900;font-size:40px;line-height:.95;letter-spacing:-.5px;margin:48px 0 14px}
.lede{font-size:22px;font-weight:500;max-width:760px;margin-top:14px}
.tabs{display:flex;gap:26px;margin-top:26px;font-weight:700;font-size:19px;flex-wrap:wrap;align-items:center}
.tabs a{padding-bottom:2px;border-bottom:2px solid transparent}
.tabs a[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold)}
.search{display:flex;gap:0;margin-top:22px;max-width:620px}
.search input{flex:1;min-width:0}
input,select,textarea{background:#111;border:1px solid #3A3A38;color:var(--w);font:inherit;font-size:20px;padding:10px 14px;font-weight:600;border-radius:0}
input.mono{font-family:'Victor Mono',monospace;font-size:16px}
input:focus,textarea:focus{outline:none;border-color:var(--gold)}
.search .btn{font-size:20px;padding:10px 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:4px;margin-top:24px}
.grid .frame{width:auto}
.grid .fr{height:314px}
.note{font-size:13px;color:var(--mut);margin-top:10px}
.note.err{color:var(--red)}
.pager{display:flex;justify-content:space-between;margin-top:22px;font-size:13px}
.pager a{color:var(--gold)}
.table{width:100%;border-collapse:collapse;margin-top:22px;font-size:13px}
.table th{text-align:left;font-weight:400;color:var(--mut);font-size:12px;text-transform:uppercase;padding:6px 8px 6px 0;border-bottom:1px solid var(--line)}
.table td{padding:9px 8px 9px 0;border-top:1px solid var(--line);vertical-align:middle}
.table td.tk{font-family:'Darker Grotesque';font-weight:900;font-size:22px}
.table .num{text-align:right}
.table img{width:36px;height:64px;object-fit:cover}
.table tr:hover td{background:rgba(217,169,62,.04)}
.tag{display:inline-block;font-size:11px;padding:1px 6px;border:1px solid var(--goldb);color:var(--gold)}
.tag.demo{border-color:#3A3A38;color:var(--mut)}

/* ---------- page d'un coin */
.coin{display:grid;grid-template-columns:340px 1fr;gap:48px;margin-top:30px;align-items:start}
.player-tt{position:relative;width:340px;height:760px;background:var(--cell);border:2px solid var(--gold)}
.player-tt iframe{width:100%;height:100%;border:0;display:block;background:#000}
.tt-play{position:absolute;inset:0;border:0;padding:0;background:#000;cursor:pointer;display:block;width:100%;height:100%}
.tt-play img{width:100%;height:100%;object-fit:cover}
.tt-play::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.7))}
.tt-btn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;padding-left:6px;z-index:1}
.tt-play:hover .tt-btn{background:var(--gold2)}
.tt-lab{position:absolute;left:14px;bottom:12px;font-size:12px;color:var(--w);z-index:1}
.player-tt .c,.player-tt .s{position:absolute;top:-22px;font-size:12px;color:var(--gold)}
.player-tt .c{left:0}.player-tt .s{right:0}
.orig{display:block;margin-top:10px;font-size:13px;color:var(--mut)}
.orig b{color:var(--gold);font-weight:600}
.coin .tk{font-weight:900;font-size:110px;line-height:.86;letter-spacing:-2px;word-break:break-word}
.coin .nm{font-size:26px;font-weight:700;margin-top:8px}
.coin .cap{font-size:14px;color:var(--mut2);margin-top:12px;max-width:640px;line-height:1.5}
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}
.figs div{background:var(--k);padding:12px 14px}
.figs span{display:block;font-size:11px;color:var(--mut);text-transform:uppercase}
.figs b{display:block;font-family:'Darker Grotesque';font-weight:900;font-size:34px;line-height:1.05;margin-top:4px}
.ca-coin{font-size:12px;color:var(--mut);margin-top:12px;word-break:break-all}
.ca-coin a{color:var(--gold)}
.season{margin-top:34px;border-top:2px solid var(--gold);padding-top:14px}
.season .who{display:flex;gap:22px;align-items:baseline;flex-wrap:wrap;margin-top:8px}
.season .pn{font-weight:900;font-size:56px;line-height:.9;letter-spacing:-1px}
.season .shirt{font-family:'Darker Grotesque';font-weight:900;font-size:56px;line-height:.9;color:var(--gold)}
.season .id{font-size:13px;color:var(--mut2);margin-top:8px}
.season .figs{grid-template-columns:repeat(4,1fr)}
.split-line{display:flex;margin-top:14px;height:30px;font-size:12px}
.split-line div{display:flex;align-items:center;padding:0 10px;color:var(--k);font-weight:600}
.split-line .l{background:var(--w)}.split-line .t{background:var(--gold)}

/* ---------- lancement */
.launch{display:grid;grid-template-columns:1fr 420px;gap:56px;margin-top:30px;align-items:start}
.step{border-top:1px solid var(--line);padding:18px 0}
.step h2{font-weight:900;font-size:30px;line-height:1;display:flex;gap:14px;align-items:baseline}
.step h2 span{font-family:'Victor Mono',monospace;font-size:12px;color:var(--gold);font-weight:400}
.field{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.field label{font-size:12px;color:var(--mut);font-family:'Victor Mono',monospace;text-transform:uppercase}
.field label em{font-style:normal;color:#5a5a56}
.row2{display:grid;grid-template-columns:1fr 200px;gap:12px}
.inline{display:flex;gap:8px}
.inline input{flex:1;min-width:0}
.ghost{background:none;border:1px solid #3A3A38;color:var(--w);font:inherit;font-weight:700;font-size:18px;padding:9px 16px;cursor:pointer}
.ghost:hover{border-color:var(--gold);color:var(--gold2)}
.preview{display:grid;grid-template-columns:150px 1fr;gap:18px;margin-top:14px}
.preview .fr{height:266px}
.preview .pcap{font-size:13px;color:var(--mut2);line-height:1.5;max-height:120px;overflow:hidden}
.preview .pst{font-size:13px;margin-top:10px}
.preview .pst b{color:var(--gold);font-weight:600}
.sugg{list-style:none;border:1px solid #3A3A38;border-top:0;max-height:240px;overflow:auto}
.sugg li button{display:flex;justify-content:space-between;width:100%;background:#111;border:0;border-top:1px solid var(--line);color:var(--w);font:inherit;font-size:18px;font-weight:700;padding:8px 14px;cursor:pointer;text-align:left}
.sugg li button span{font-family:'Victor Mono',monospace;font-size:12px;color:var(--mut);font-weight:400}
.sugg li button:hover{background:#191710;color:var(--gold2)}
.picked{font-size:14px;margin-top:8px;color:var(--gold)}
.lock{font-size:13px;color:var(--mut);margin-top:10px;line-height:1.6}
.lock b{color:var(--w);font-weight:600}
.err{color:var(--red);font-size:14px;margin-top:10px}
.steps-l{list-style:none;margin-top:14px;font-size:13px;color:var(--mut)}
.steps-l li{padding:3px 0}
.steps-l li::before{content:"○ ";color:var(--goldb)}
.steps-l li.fait{color:var(--w)}
.steps-l li.fait::before{content:"● ";color:var(--gold)}
.aside{border-left:2px solid var(--gold);padding-left:24px}
.aside .big{font-weight:900;font-size:64px;line-height:.9}
.aside p{font-size:16px;margin-top:10px;color:var(--mut2)}

/* ---------- comment ça marche */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:28px}
.how-grid div{background:var(--cell);padding:22px;min-height:220px;position:relative}
.how-grid .no{font-size:12px;color:var(--gold)}
.how-grid b{display:block;font-weight:900;font-size:64px;line-height:.9;margin-top:14px}
.how-grid p{font-size:17px;margin-top:12px;color:var(--mut2)}
.prose{max-width:820px;font-size:19px;line-height:1.45}
.prose p{margin-top:12px}
.prose b{color:var(--w)}
.faq{max-width:900px;margin-top:10px}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq summary{font-weight:800;font-size:22px;cursor:pointer;list-style:none}
.faq summary::before{content:"▶ ";color:var(--gold);font-size:13px;vertical-align:3px}
.faq details[open] summary::before{content:"▼ "}
.faq p{font-size:17px;color:var(--mut2);margin-top:8px;max-width:760px}
.ft{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:56px;padding:18px 0 26px;font-size:12px;color:var(--mut)}
.ft b{color:var(--gold);font-weight:600}
.soon{margin-top:80px;min-height:50vh}

/* ---------- tablette et téléphone */
@media (max-width:1180px){
  :root{--pad:32px}
  h1.big{font-size:84px}
  .hero{grid-template-columns:1fr;gap:10px;min-height:0}
  .below{grid-template-columns:1fr}
  .launch{grid-template-columns:1fr}
  .coin{grid-template-columns:1fr}
}
@media (max-width:760px){
  :root{--pad:16px}
  body{font-size:17px;background:
    radial-gradient(520px 420px at 0% -6%, rgba(110,78,22,.36), rgba(58,42,14,.12) 50%, transparent 75%),
    linear-gradient(180deg, rgba(58,42,14,.10), transparent 300px), var(--k);background-repeat:no-repeat}
  .hd{margin-top:16px;height:auto;flex-wrap:wrap;row-gap:8px}
  .logo{font-size:26px}.logo img{height:40px;margin:-4px 0}
  .links{gap:16px;font-size:16px;width:100%;justify-content:space-between}
  .ca{justify-content:flex-start;height:auto;top:0;margin-top:8px}
  .hero{margin-top:14px}
  h1.big{font-size:52px;letter-spacing:-1px}
  .side{padding-top:6px}
  .sub{font-size:18px}
  .ctas{gap:18px;margin-top:14px}
  .btn{font-size:21px;padding:11px 20px 12px}
  .reel{margin-top:20px}
  .frame{flex:0 0 150px;width:150px}
  .fr{height:266px}
  .below{margin-top:18px;gap:28px}
  .now .tk{font-size:64px}
  .rows .r{grid-template-columns:34px 1fr 62px 58px}
  .rows .r > :nth-child(3){display:none}
  .h-page{font-size:52px}
  .h2{font-size:32px;margin-top:36px}
  .lede{font-size:18px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid .fr{height:280px}
  .coin .tk{font-size:64px}
  .player-tt{width:100%;max-width:340px;height:700px;margin:0 auto}
  .figs{grid-template-columns:repeat(2,1fr)}
  .season .figs{grid-template-columns:repeat(2,1fr)}
  .season .pn,.season .shirt{font-size:40px}
  .row2{grid-template-columns:1fr 130px}
  .preview{grid-template-columns:120px 1fr}
  .preview .fr{height:213px}
  .how-grid{grid-template-columns:1fr}
  .how-grid div{min-height:0}
  .aside{border-left:0;border-top:2px solid var(--gold);padding:18px 0 0}
  .table .hide-m{display:none}
}
/* retouches après captures (20/10) */
.preview .frame{width:auto;min-width:0}
.field input,.field select,.field textarea{width:100%;min-width:0}
.aside p.note{font-size:13px}
.aside p{font-size:17px}
@media (max-width:760px){
  .split-line{height:auto;flex-direction:column}
  .split-line div{width:100%!important;padding:6px 10px}
}

.empty-reel{margin-top:8px}
.empty-reel .grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.empty-reel .fr.far{opacity:.55}
.empty-t{font-family:'Darker Grotesque';font-weight:900;font-size:34px;line-height:1.05;color:var(--w);margin-top:28px}
.empty-reel .note{max-width:560px;font-size:14px;line-height:1.55;color:var(--mut2)}
.empty-a{display:flex;align-items:center;gap:22px;margin-top:20px;flex-wrap:wrap}
.empty-a .btn{font-size:20px;padding:10px 20px 12px}
@media (max-width:760px){.empty-reel .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-reel .frame:nth-child(n+4){display:none}
  .empty-reel .fr{height:220px}.empty-t{font-size:28px}}

/* ---------- edits en tendance (20/10) : pas des coins, « ready to launch » */
.fr .rdy{position:absolute;left:10px;top:28px;font-size:10px;letter-spacing:.06em;padding:2px 6px;border:1px solid var(--gold);color:var(--gold);background:rgba(11,11,11,.72)}
.fr .rdy.done{background:var(--gold);color:var(--k)}
.trend .fr .t{font-size:19px}
.trend .fr .scrim{height:150px}
.trend .orig-l{display:flex;justify-content:space-between;gap:6px;padding-right:8px;color:var(--mut)}
.trend .orig-l:hover span:last-child{color:var(--gold2)}
.trend .orig-l span:last-child{color:var(--mut2)}
.grid .trend .orig-l{padding-left:2px;height:24px;font-size:11px}
.now .tk.tk-h{font-size:76px;overflow-wrap:anywhere}
.now .ctas{margin-top:16px}
.lnk.mini{font-size:inherit;font-family:inherit;font-weight:600;border-bottom-width:1px}
.trend-note{max-width:820px;line-height:1.6;margin-top:18px}
.trend-note b{color:var(--w);font-weight:600}
@media (max-width:760px){.now .tk.tk-h{font-size:46px}.fr .rdy{font-size:9px;left:8px;padding:1px 5px}
  .trend .fr .t{font-size:17px}}
.now .btn{font-family:'Darker Grotesque',system-ui,sans-serif}
.now .ctas .lnk{font-family:'Darker Grotesque',system-ui,sans-serif}
@media (max-width:760px){.trend .orig-l .tcv{display:none}.trend .orig-l{justify-content:flex-end}}
/* bande dans les marges de la page (retour du 20/10 : « il ne faut pas que ça colle le bord du site ») :
   règle, photogrammes, timecodes et tête de lecture alignés sur le contenu, 8 photogrammes entiers et symétriques */
.reel-wrap .reel{margin-top:25px}
.reel-wrap .reel-in{width:100%}
@media (max-width:760px){.reel-wrap .reel-in{width:max-content}}

/* ---------- « Watch » avant de lancer (20/10) : lecteur officiel TikTok dans une fenêtre, chargé au clic */
.watch-b{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;
  background:var(--gold);color:var(--k);border:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:8px 13px 8px 11px;cursor:pointer;opacity:.94;z-index:2}
.watch-b:hover,.watch-b:focus-visible{background:var(--gold2);opacity:1}
.grid .frame .watch-b{top:42%}
.watch{position:fixed;inset:0;z-index:50;background:rgba(5,5,5,.86);display:flex;align-items:center;justify-content:center;padding:16px}
.watch-in{position:relative;width:min(380px,100%);height:min(700px,calc(100vh - 150px));border:2px solid var(--gold);background:#000}
.watch-in iframe{width:100%;height:100%;border:0;display:block}
.watch-bar{position:absolute;left:-2px;right:-2px;top:-34px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gold)}
.watch-bar a{color:var(--mut2);border-bottom:1px solid var(--goldb)}
.watch-x{background:none;border:1px solid var(--goldb);color:var(--w);font:inherit;font-size:12px;padding:3px 9px;cursor:pointer}
.watch-x:hover,.watch-x:focus-visible{border-color:var(--gold);color:var(--gold2)}
.watch-foot{position:absolute;left:0;right:0;bottom:-34px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--mut)}
.watch-foot .btn{font-size:16px;padding:6px 14px 8px;font-family:'Darker Grotesque',system-ui,sans-serif}
.watch-in{margin:34px 0}
body.watching{overflow:hidden}
.watch-cap{position:absolute;left:0;right:0;top:100%;margin-top:40px;font-size:12px;color:var(--mut2);line-height:1.5;max-height:3em;overflow:hidden}

/* ---------- /launch : regarder avant de lancer, image du coin (20/10) */
.preview{grid-template-columns:230px 1fr}
.preview .pv-frame .fr{height:409px}
.preview .fr iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.preview .tt-btn{width:58px;height:58px;margin:-29px 0 0 -29px;padding-left:4px}
.preview .c,.preview .s{z-index:2;pointer-events:none}
.pv-tk{font-weight:900;font-size:44px;line-height:.95;letter-spacing:-.5px;word-break:break-word}
.pv-by{margin-top:4px}
.preview .pcap{margin-top:10px}
.flab{font-size:12px;color:var(--mut);text-transform:uppercase}
.flab em{font-style:normal;color:#5a5a56}
.img-pick{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:start}
.img-sq{width:132px;height:132px;border:2px solid var(--gold);background:var(--cell);display:flex;align-items:center;justify-content:center;overflow:hidden}
.img-sq img{width:100%;height:100%;object-fit:cover}
.img-sq span{font-size:11px;color:var(--mut);text-align:center;padding:8px}
.img-act{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.file-in{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.img-act label.ghost:has(+ .file-in:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.img-act .lnk{font-size:15px}
.img-act .note{margin-top:0}
@media (max-width:760px){
  .preview{grid-template-columns:1fr}
  .preview .pv-frame{max-width:280px}
  .preview .pv-frame .fr{height:498px}
  .pv-tk{font-size:36px}
  .img-pick{grid-template-columns:104px 1fr;gap:14px}
  .img-sq{width:104px;height:104px}
}
.tk-row{display:flex;align-items:center;gap:22px}
.coin-img{width:96px;height:96px;border:2px solid var(--gold);object-fit:cover;flex:0 0 auto}
@media (max-width:760px){.coin-img{width:64px;height:64px}.tk-row{gap:14px}}
.img-act{position:relative}
.file-in{left:0;top:0;clip-path:inset(50%);pointer-events:none}
.img-act label.ghost{font-family:'Darker Grotesque',system-ui,sans-serif;font-size:18px;text-transform:none;color:var(--w);cursor:pointer}

/* ---------- compte X (20/10) */
.x-l{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;min-height:40px;color:var(--w);border:1px solid var(--goldb);padding:0 10px}
.x-l:hover,.x-l:focus-visible{color:var(--gold2);border-color:var(--gold)}
.links .x-l{margin:-8px 0}
.ft-l{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.ft .x-l{font-size:12px;color:var(--gold)}
@media (max-width:760px){.links{gap:10px}.links .x-l{margin:0;padding:0 8px}}

/* ---------- lancer sans vidéo (20/10) */
.mode{border:0;display:flex;gap:0;margin-top:12px;flex-wrap:wrap}
.mode label{cursor:pointer}
.mode input{position:absolute;opacity:0;width:1px;height:1px}
.mode span{display:inline-block;font-weight:800;font-size:18px;padding:8px 16px;border:1px solid #3A3A38;color:var(--mut2)}
.mode label + label span{border-left:0}
.mode input:checked + span{background:var(--gold);border-color:var(--gold);color:var(--k)}
.mode input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.fr img.sq{object-fit:cover}
.coin-sq{position:relative;width:340px;height:340px;border:2px solid var(--gold);background:var(--cell)}
.coin-sq img{width:100%;height:100%;object-fit:cover;display:block}
.coin-sq .c,.coin-sq .s{position:absolute;top:-22px;font-size:12px;color:var(--gold)}
.coin-sq .c{left:0}.coin-sq .s{right:0}
@media (max-width:760px){.coin-sq{width:100%;max-width:340px;height:auto;aspect-ratio:1;margin:0 auto}.mode span{font-size:16px;padding:7px 12px}}