:root{--ink:#12324a;--muted:#6b8494;--sky:#68ccef;--turq:#22c7bd;--gold:#d8ad42;--coral:#ff776f;--line:#d6ebf3;--bg:#f4fbfe}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(145deg,#eefaff,#fff 50%,#edfcf9);color:var(--ink)}.back{position:absolute;top:16px;left:16px;text-decoration:none;color:var(--ink);font-weight:900;font-size:.75rem}.wrap{max-width:1040px;margin:auto;padding:70px 18px}.hero{text-align:center;margin-bottom:24px}.eyebrow,small{font-weight:900;letter-spacing:.13em;color:#1594ad;font-size:.67rem}.hero h1{font-size:clamp(2.5rem,7vw,5rem);margin:10px 0}.hero h1 span{color:var(--turq)}.hero p{color:var(--muted)}.modeTabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 auto 18px;max-width:700px}.tab{border:1px solid var(--line);background:#fff;text-decoration:none;text-align:center;color:var(--ink);padding:14px;border-radius:14px;font-weight:900;cursor:pointer}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.panel,.livePromo,.archivesBlock{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 15px 40px #19748b10}.weeklyPanel.archived{border-color:#cad6dc;background:#fbfdfe}.weekHead,.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.weekHead h2,.sectionHead h2{margin:5px 0 0;font-size:clamp(1.5rem,4vw,2.2rem)}.status{font-size:.68rem;font-weight:900;letter-spacing:.1em;padding:8px 10px;border-radius:999px}.status.live{background:#e8fbf8;color:#087f79}.players{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.player{border:2px solid var(--line);border-radius:20px;padding:20px;text-align:center;transition:.2s}.ball{font-size:1.6rem}.player h3{font-size:1.35rem;margin:8px}.choices{display:grid;gap:7px}.choice{border:1px solid var(--line);background:#f8fdff;padding:10px;border-radius:10px;font-weight:900;cursor:pointer}.choice:disabled{cursor:default;opacity:.75}.choice.active[data-v="K"]{background:#e8fbf8;border-color:var(--turq)}.choice.active[data-v="B"]{background:#fff7dc;border-color:var(--gold)}.choice.active[data-v="C"]{background:#fff0ef;border-color:var(--coral)}.voteActions,.commentForm{position:relative;display:grid;gap:10px;max-width:700px;margin:0 auto}.voteActions textarea,.commentForm textarea,.commentForm input{width:100%;border:1px solid var(--line);background:#fbfeff;border-radius:13px;padding:13px;font:inherit;color:var(--ink)}textarea{min-height:88px;resize:vertical}.charCount{position:absolute;right:10px;top:60px;font-size:.72rem;color:var(--muted)}.primary,.secondary{border:0;padding:13px 16px;border-radius:12px;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,var(--ink),#246181);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.hint{text-align:center;color:var(--muted);font-size:.86rem}.results{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.resultsTitle{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.resultsTitle span{color:var(--muted);font-size:.85rem}.resultCard{padding:14px 0;border-bottom:1px solid #edf4f7}.resultCard h3{margin:0 0 9px}.barLine{display:grid;grid-template-columns:55px 1fr 44px;gap:8px;align-items:center;margin:6px 0;font-size:.73rem;font-weight:900}.barLine>div{height:9px;background:#edf7f8;border-radius:999px;overflow:hidden}.barLine i{display:block;height:100%;background:var(--turq);border-radius:999px}.barLine.bench i{background:var(--gold)}.barLine.cut i{background:var(--coral)}.commentsPanel{margin-top:18px}.counter{background:#eef7fa;padding:7px 10px;border-radius:999px;font-weight:900}.commentForm{margin:20px 0;max-width:none}.commentActions{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.76rem}.comments{display:grid;gap:9px}.comment{border:1px solid var(--line);background:#fcfeff;border-radius:15px;padding:13px 15px}.comment>div{display:flex;justify-content:space-between;gap:10px}.comment time{font-size:.72rem;color:var(--muted)}.comment p{margin:7px 0 0;line-height:1.4}.archivesBlock{margin-top:18px}.archives{display:grid;gap:10px;margin-top:18px}.archiveCard{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;border:1px solid var(--line);background:#fbfeff;border-radius:17px;padding:15px;cursor:pointer;color:var(--ink)}.archiveCard:hover{border-color:#9dcddd}.archiveCard h3{margin:5px 0;font-size:1rem}.archiveCard p{margin:0;color:var(--muted);font-size:.8rem}.archiveCard>span{text-align:right;color:var(--muted);font-size:.75rem;white-space:nowrap}.archiveCard>span b{color:var(--ink)}.livePromo{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.livePromo h2{margin:5px 0}.livePromo p{color:var(--muted);margin-bottom:0}.livePromo a{white-space:nowrap;text-decoration:none;background:linear-gradient(135deg,var(--gold),#efd274);color:var(--ink);padding:14px 18px;border-radius:13px;font-weight:900}.hidden{display:none!important}.empty{color:var(--muted);text-align:center}.wide{grid-column:1/-1}.setupNotice{grid-column:1/-1;border:1px dashed #dfb950;background:#fffaf0;border-radius:16px;padding:18px;text-align:left}.setupNotice code{font-size:.78rem}.setupNotice p{color:var(--muted);line-height:1.45;margin-bottom:0}@media(max-width:720px){.modeTabs{grid-template-columns:1fr}.players{grid-template-columns:1fr}.weekHead,.sectionHead,.livePromo{display:block}.status{display:inline-block;margin-top:10px}.livePromo a{display:inline-block;margin-top:16px}.wrap{padding-top:62px}.archiveCard{align-items:flex-start}.archiveCard>span{font-size:.68rem}}
.weekTools{display:flex;align-items:center;gap:8px}.backCurrent{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 10px;border-radius:999px;font-size:.68rem;font-weight:900;cursor:pointer}@media(max-width:720px){.weekTools{margin-top:10px;align-items:flex-start;flex-direction:column}}

/* V14 — identité du votant KBC Communauté */
.voteName{width:100%;box-sizing:border-box;margin-bottom:10px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);font:inherit}

.howto-btn{position:fixed;right:14px;bottom:14px;z-index:9000;border:0;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.howto-modal{position:fixed;inset:0;z-index:10000;background:rgba(5,15,35,.7);display:grid;place-items:center;padding:18px}.howto-modal.hidden{display:none!important}.howto-card{position:relative;max-width:600px;width:100%;background:#fff;color:#14233b;border-radius:20px;padding:24px;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.3)}.howto-card h2{margin-top:0}.howto-card li{margin:10px 0;line-height:1.45}.howto-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}

/* V15.2 — aide toujours visible */
.howto-btn.howto-visible{
 position:fixed!important;top:12px!important;right:12px!important;bottom:auto!important;
 z-index:2147483000!important;display:block!important;visibility:visible!important;opacity:1!important;
 background:#ffffff!important;color:#102b45!important;border:2px solid #d9aa32!important;
 border-radius:999px!important;padding:10px 15px!important;font-size:12px!important;font-weight:900!important;
 box-shadow:0 6px 20px rgba(0,0,0,.16)!important;cursor:pointer!important
}
@media(max-width:700px){.howto-btn.howto-visible{top:max(8px,env(safe-area-inset-top))!important;right:8px!important;padding:8px 11px!important;font-size:10px!important}}

.howto-inline{display:block;margin:12px auto 18px;max-width:260px;width:auto;padding:10px 16px;border-radius:999px;font-weight:800;cursor:pointer}

.global-home{position:fixed;left:10px;top:10px;z-index:2147483000;text-decoration:none;background:#fff;color:#102b45;border:1px solid #d9aa32;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;box-shadow:0 5px 16px rgba(0,0,0,.14)}
@media(max-width:700px){.global-home{top:max(8px,env(safe-area-inset-top));left:8px;padding:7px 9px;font-size:10px}}
