/* ============================================================
   LES ÉCRANS PROPRES AUX FORMATS AU GABARIT DC — LA TAUPE (vote), L'ARÈNE
   (mises, bracket), LA TOUR, CARNAGE (cartes). Partagé : hôte (20_web.js)
   et joueur sur ordinateur (play/16_web.js). Rien sous 1024 px.
   ============================================================ */
.dcroot .dcfmtbody{display:grid!important;column-gap:clamp(16px,1.8vw,30px);row-gap:clamp(12px,1.4vw,20px);align-content:start;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;background:none!important}
.dcroot #tpBody{grid-template-columns:clamp(300px,27vw,460px) minmax(0,1fr)}
.dcroot #tpBody>.tp-goalcard{grid-column:1;grid-row:1}
.dcroot #tpBody>.tp-regle{grid-column:1;grid-row:2}
.dcroot #tpBody>.tp-note{grid-column:1;grid-row:3;align-self:start}
.dcroot #tpBody>.tp-h{grid-column:2;grid-row:1;align-self:end}
.dcroot #tpBody>.tp-sus{grid-column:2;grid-row:2/5;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);align-content:start;margin:0!important}
.dcroot .tp-goalcard,.dcroot .tp-regle,.dcroot .tp-note,.dcroot .ar-regle{background:var(--paper)!important;color:var(--ink)!important;border:var(--line) solid var(--ink)!important;border-radius:0!important;box-shadow:var(--sh) var(--sh) 0 var(--shc)!important;padding:clamp(14px,1.4vw,22px)!important;margin:0!important;font-family:var(--fm)!important;font-size:clamp(12px,.9vw,15px)!important;line-height:1.45}
.dcroot .tp-regle b,.dcroot .ar-regle b{font-family:var(--fd)!important;font-weight:400!important;font-size:clamp(20px,1.7vw,30px);display:block;line-height:1.1;margin-bottom:6px;text-transform:uppercase}
.dcroot .tp-regle span b,.dcroot .ar-regle span b{display:inline;font-family:var(--fm)!important;font-weight:700!important;font-size:inherit;text-transform:none}
.dcroot .tp-note{opacity:1!important}
.dcroot .tp-goalcard{background:var(--c1)!important;color:var(--o1)!important}
.dcroot .tp-goalcard .tp-lbl,.dcroot .tp-goalcard .tp-quand{font-family:var(--fm)!important;font-weight:700;letter-spacing:.14em;font-size:12px!important}
.dcroot .tp-goalcard .tp-chip{background:var(--ink)!important;color:var(--bg)!important;border:0!important;border-radius:0!important;font-family:var(--fd)!important;padding:4px 10px!important}
.dcroot .tp-goalcard .tp-bar{position:relative;height:30px!important;margin:12px 0 8px!important;background:var(--paper)!important;border:3px solid var(--ink)!important;border-radius:0!important;overflow:hidden}
.dcroot .tp-goalcard .tp-bar i{display:block;height:100%;background:var(--c3)!important;border-radius:0!important}
.dcroot .tp-goalcard .tp-bar b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--fd)!important;font-weight:400!important;color:var(--ink)!important;font-size:15px}
.dcroot .tp-h{font-family:var(--fd)!important;font-size:clamp(22px,2vw,36px)!important;text-transform:uppercase;color:var(--ink)!important;margin:0!important;letter-spacing:0!important}
.dcroot .tp-h i{font-family:var(--fm)!important;font-style:normal;font-size:12px;letter-spacing:.16em;opacity:.7;margin-left:10px}
.dcroot .tp-s,.dcroot .ar-bet{display:flex!important;align-items:center!important;gap:clamp(10px,1.1vw,18px)!important;width:100%!important;background:var(--paper)!important;color:var(--ink)!important;border:var(--line) solid var(--ink)!important;border-radius:0!important;box-shadow:var(--sh) var(--sh) 0 var(--shc)!important;padding:clamp(10px,1vw,16px)!important;margin:0!important;text-align:left;font:inherit;cursor:default;transition:translate var(--dur-xs),box-shadow var(--dur-xs)}
.dcroot .tp-cli,.dcroot .ar-bet{cursor:pointer}
.dcroot .tp-cli:hover,.dcroot .ar-bet:hover{translate:-3px -3px}
.dcroot .tp-cli:active,.dcroot .ar-bet:active{translate:var(--sh) var(--sh);box-shadow:0 0 0 var(--shc)!important}
.dcroot .tp-s.vote,.dcroot .ar-bet.mine{background:var(--c3)!important;color:var(--o3)!important}
.dcroot .tp-s.moi{background:var(--c2)!important;color:var(--o2)!important}
.dcroot .tp-s-av{flex:none!important;width:clamp(48px,3.8vw,68px)!important;height:auto!important;aspect-ratio:1;overflow:hidden;border:3px solid var(--ink)!important;border-radius:0!important;box-shadow:3px 3px 0 var(--shc)!important;background:var(--c2)}
.dcroot .tp-s-av>*,.dcroot .tp-s-av img,.dcroot .tp-s-av svg{width:100%!important;height:100%!important;display:block;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover}
.dcroot .tp-s-tx{flex:1;min-width:0;display:flex!important;flex-direction:column;gap:3px}
.dcroot .tp-s-tx b{font-family:var(--fd)!important;font-weight:400!important;font-size:clamp(20px,1.6vw,30px)!important;line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dcroot .tp-s-tx i{font-family:var(--fm)!important;font-style:normal;font-weight:700;font-size:12px!important;letter-spacing:.06em;opacity:.75}
.dcroot .tp-g{flex:none!important;width:clamp(70px,6vw,120px)!important;height:16px!important;background:var(--paper)!important;border:3px solid var(--ink)!important;border-radius:0!important;overflow:hidden}
.dcroot .tp-g i{display:block;height:100%;background:var(--c4)!important;border-radius:0!important}
.dcroot .tp-s.hot .tp-g i{background:var(--bad)!important}
.dcroot .tp-voix{flex:none!important;min-width:clamp(40px,3vw,54px);aspect-ratio:1;display:grid!important;place-items:center;background:var(--paper)!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:0!important;font-family:var(--fd)!important;font-size:clamp(20px,1.6vw,28px)!important}
.dcroot .tp-voix.on{background:var(--ink)!important;color:var(--logo2)!important}
.dcroot #arBody{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.dcroot #arBody>.ar-brk{grid-column:1;grid-row:1/span 6;background:var(--paper)!important;color:var(--ink)!important;border:var(--line) solid var(--ink)!important;border-radius:0!important;box-shadow:var(--sh) var(--sh) 0 var(--shc)!important;padding:clamp(14px,1.4vw,22px)!important;margin:0!important;overflow:auto}
.dcroot #arBody>:not(.ar-brk){grid-column:2}
.dcroot .ar-bets{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.1vw,16px);margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.dcroot .ar-bets .ar-bet{padding:clamp(8px,.8vw,12px)!important}
.dcroot .ar-bets .tp-s-av{width:clamp(40px,3vw,54px)!important}
.dcroot .ar-bets .tp-s-tx b{font-size:clamp(18px,1.4vw,26px)!important}
.dcroot #arBody>.ar-brk{display:grid!important;place-items:center}
.dcroot #arBody>.ar-brk>*{zoom:2.1}
.dcroot .dcarene{display:grid;place-items:center}
.dcroot .dcarene .ar-brk>*{zoom:1.45}
.dcroot .dcarene .ar-brkt{border:0!important;box-shadow:none!important;background:none!important}
.dcroot .ar-cote{flex:none;background:var(--ink)!important;color:var(--logo2)!important;border:0!important;border-radius:0!important;font-family:var(--fd)!important;font-size:clamp(16px,1.3vw,24px)!important;padding:6px 12px!important}
.dcroot .dcfmtpanel .ar-brk{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:none!important}
.dcroot .dctour .tr-twrwrap{transform-origin:50% 100%;width:100%}
.dccg .cg-stage{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,1.8vw,28px);margin:0!important;padding:0!important;background:none!important;color:var(--ink)!important}
.dccg .cg-stage[hidden]{display:none!important}
.dccg .cg-box-label,.dccg .cg-item-tag,.dccg .cg-t-title{font-family:var(--fd)!important;font-size:clamp(24px,2.2vw,42px)!important;text-transform:uppercase;color:var(--ink)!important;background:none!important;border:0!important;letter-spacing:0!important}
.dccg .cg-box{width:clamp(160px,14vw,240px)!important;height:auto!important;aspect-ratio:1;display:grid!important;place-items:center;background:var(--c3)!important;border:var(--line) solid var(--ink)!important;border-radius:0!important;box-shadow:var(--sh) var(--sh) 0 var(--shc)!important;animation:dcPop var(--dur-m) var(--ease-back) both}
.dccg .cg-box-q{font-family:var(--fd)!important;font-size:clamp(90px,8vw,150px)!important;color:var(--ink)!important}
.dccg .cg-box-hint,.dccg .cg-auto,.dccg .cg-wait-sub,.dccg .cg-spec-sub{font-family:var(--fm)!important;font-weight:700;letter-spacing:.12em;font-size:clamp(13px,1vw,16px)!important;color:var(--ink)!important;text-transform:uppercase}
.dccg .cg-auto b{font-family:var(--fd);font-weight:400;font-size:1.3em}
.dccg .cg-choices{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,1.6vw,26px);width:100%;margin:0!important}
.dccg .cg-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:clamp(240px,22vw,340px);background:var(--paper)!important;color:var(--ink)!important;border:var(--line) solid var(--ink)!important;border-radius:0!important;box-shadow:var(--sh) var(--sh) 0 var(--shc)!important;padding:clamp(16px,1.6vw,26px)!important;font:inherit;cursor:pointer;transform:none!important;rotate:none!important;transition:translate var(--dur-xs),box-shadow var(--dur-xs)}
.dccg .cg-card.atk{background:var(--bad)!important}
.dccg .cg-card.def{background:var(--c2)!important}
.dccg .cg-card.boost{background:var(--c4)!important}
.dccg .cg-choice:hover{translate:-3px -3px}
.dccg .cg-choice:active{translate:var(--sh) var(--sh);box-shadow:0 0 0 var(--shc)!important}
.dccg #cgItem .cg-card{width:min(100%,460px);min-height:clamp(300px,28vw,420px);cursor:default;animation:dcPop var(--dur-m) var(--ease-back) both}
.dccg .cg-emoji{font-size:clamp(64px,5.6vw,110px)!important;line-height:1}
.dccg .cg-name{font-family:var(--fd)!important;font-size:clamp(26px,2.4vw,44px)!important;line-height:1;text-transform:uppercase;color:var(--ink)!important}
.dccg .cg-pts{background:var(--ink)!important;color:var(--logo2)!important;border:0!important;border-radius:0!important;font-family:var(--fd)!important;font-size:clamp(16px,1.3vw,24px)!important;padding:6px 12px!important}
.dccg .cg-desc{font-family:var(--fm)!important;font-size:clamp(12px,.95vw,15px)!important;line-height:1.4;color:var(--ink)!important;opacity:1!important}
.dccg .cg-fire{background:var(--c1)!important;color:var(--ink)!important;border:var(--line) solid var(--ink)!important;border-radius:0!important;box-shadow:var(--sh) var(--sh) 0 var(--shc)!important;font-family:var(--fd)!important;font-size:clamp(22px,2vw,36px)!important;padding:16px 60px!important;cursor:pointer}
.dccg .cg-fire:active{translate:var(--sh) var(--sh);box-shadow:0 0 0 var(--shc)!important}
.dccg .cg-t-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);width:100%}
.dccg .cg-t{display:flex!important;align-items:center;gap:clamp(10px,1.1vw,18px);background:var(--paper)!important;color:var(--ink)!important;border:var(--line) solid var(--ink)!important;border-radius:0!important;box-shadow:var(--sh) var(--sh) 0 var(--shc)!important;padding:clamp(10px,1vw,16px)!important;font:inherit;cursor:pointer;text-align:left;transition:translate var(--dur-xs),box-shadow var(--dur-xs)}
.dccg .cg-t:hover{translate:-3px -3px}
.dccg .cg-t:active{translate:var(--sh) var(--sh);box-shadow:0 0 0 var(--shc)!important}
.dccg .cg-t-rank{flex:none;width:clamp(40px,3vw,54px);aspect-ratio:1;display:grid;place-items:center;background:var(--ink)!important;color:var(--bg)!important;font-family:var(--fd)!important;font-size:clamp(18px,1.5vw,26px)!important;border-radius:0!important}
.dccg .cg-t-av{flex:none;width:clamp(44px,3.4vw,60px);aspect-ratio:1;overflow:hidden;border:3px solid var(--ink);background:var(--c2)}
.dccg .cg-t-av>*,.dccg .cg-t-av img,.dccg .cg-t-av svg{width:100%!important;height:100%!important;display:block;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover}
.dccg .cg-t-nm{flex:1;min-width:0;font-family:var(--fd)!important;font-size:clamp(20px,1.6vw,30px)!important;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)!important}
.dccg .cg-t-sc{font-family:var(--fd)!important;font-size:clamp(20px,1.6vw,30px)!important;color:var(--ink)!important}
.dccg .cg-wait-emoji,.dccg .cg-spec-emoji{font-size:clamp(90px,8vw,150px)!important;line-height:1;animation:dcPop var(--dur-m) var(--ease-back) both}
.dccg .cg-wait-txt,.dccg .cg-spec-txt{font-family:var(--fd)!important;font-size:clamp(34px,3.2vw,60px)!important;text-transform:uppercase;color:var(--ink)!important}