/* Arène Manga Verse : sondages, quiz, battles, tops, planning — même palette que style.css */
.mv-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:3.5rem 0 12px; flex-wrap:wrap; }
.mv-head h1, .mv-head h2{ font-family:'Bebas Neue',sans-serif; letter-spacing:1px; font-size:32px; margin:0; display:flex; align-items:center; gap:10px; }
.mv-head h1 i, .mv-head h2 i{ color:var(--accent,#ff3c00); }
.mv-sub{ opacity:.75; font-size:14px; margin:-6px 0 14px; }
.mv-icon-btn{ width:40px; height:40px; border-radius:50%; border:1px solid var(--border); background:var(--card); color:var(--text); display:inline-flex; align-items:center; justify-content:center; font-size:20px; cursor:pointer; }
.mv-icon-btn.is-muted{ opacity:.6; }
.mv-btn{ display:inline-flex; align-items:center; gap:6px; padding:10px 16px; border-radius:999px; border:none; cursor:pointer; font-weight:600; text-decoration:none; background:var(--primary,linear-gradient(135deg,#ff6a00,#ff2e00)); color:#fff; font-family:inherit; font-size:14px; }
.mv-btn.ghost{ background:var(--card); color:var(--text); border:1px solid var(--border); }

/* Filtres */
.mv-filters{ display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; margin-bottom:8px; scrollbar-width:none; }
.mv-filters::-webkit-scrollbar{ display:none; }
.mv-filter{ flex-shrink:0; display:inline-flex; gap:6px; align-items:center; padding:7px 14px; border-radius:999px; border:1px solid var(--border); background:var(--card); color:var(--text); text-decoration:none; font-size:13px; font-weight:600; }
.mv-filter.on{ background:var(--primary,linear-gradient(135deg,#ff6a00,#ff2e00)); color:#fff; border-color:transparent; }

/* Carte */
.mv-poll{ background:var(--card); border:1px solid var(--border); border-radius:18px; padding:16px; margin-bottom:14px; position:relative; backdrop-filter:blur(14px); transition:opacity .2s; }
.mv-poll.is-loading{ opacity:.6; pointer-events:none; }
.mv-poll-top{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.mv-chip{ display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:600; background:var(--glass-2,rgba(255,255,255,.06)); color:var(--text); text-decoration:none; border:1px solid var(--border); }
.mv-chip-type{ background:rgba(255,60,0,.15); color:#ff7a45; border-color:rgba(255,60,0,.35); }
.mv-type-quiz .mv-chip-type{ background:rgba(139,92,246,.15); color:#a78bfa; border-color:rgba(139,92,246,.35); }
.mv-type-battle .mv-chip-type{ background:rgba(239,68,68,.15); color:#f87171; border-color:rgba(239,68,68,.35); }
.mv-type-topic .mv-chip-type{ background:rgba(34,197,94,.15); color:#4ade80; border-color:rgba(34,197,94,.35); }
.mv-chip-time{ color:#fbbf24; }
.mv-chip-closed{ opacity:.7; }
.mv-poll-title{ font-size:18px; margin:0 0 6px; line-height:1.3; }
.mv-poll-title a{ color:inherit; text-decoration:none; }
.mv-poll-cover{ width:100%; max-height:260px; object-fit:cover; border-radius:12px; margin:6px 0; }
.mv-poll-desc{ font-size:14px; opacity:.85; margin:0 0 10px; }
.mv-battle-round{ font-size:13px; margin:4px 0 10px; color:#f87171; font-weight:600; display:flex; gap:4px; align-items:center; flex-wrap:wrap; }

/* Réponses (style Telegram) */
.mv-options{ display:flex; flex-direction:column; gap:8px; }
.mv-opt{ position:relative; overflow:hidden; display:flex; align-items:center; gap:10px; width:100%; min-height:46px; padding:10px 14px; border-radius:12px; border:1px solid var(--border); background:var(--glass-1,rgba(255,255,255,.03)); color:var(--text); font:inherit; font-size:15px; text-align:left; cursor:pointer; transition:transform .12s, border-color .2s; }
.mv-opt:not(:disabled):hover{ border-color:var(--accent,#ff3c00); }
.mv-opt:not(:disabled):active{ transform:scale(.98); }
.mv-opt:disabled{ cursor:default; }
.mv-opt img{ width:38px; height:38px; border-radius:10px; object-fit:cover; position:relative; z-index:1; }
.mv-opt-label{ flex:1; position:relative; z-index:1; display:flex; flex-direction:column; }
.mv-opt-label small{ font-size:11px; opacity:.75; }
.mv-pct{ position:relative; z-index:1; font-weight:700; font-size:14px; }
.mv-bar{ position:absolute; left:0; top:0; bottom:0; background:rgba(59,130,246,.22); border-radius:12px 0 0 12px; transition:width .6s ease; }
.mv-opt.is-mine{ border-color:#3b82f6; }
.mv-opt.is-mine .mv-opt-label::after{ content:"✓ votre choix"; font-size:11px; color:#60a5fa; }
.mv-opt.is-picked{ border-color:var(--accent,#ff3c00); background:rgba(255,60,0,.12); }
.mv-opt.is-correct{ border-color:#22c55e; }
.mv-opt.is-correct .mv-bar{ background:rgba(34,197,94,.3); }
.mv-opt.is-correct .mv-opt-label::before{ content:"✔ "; color:#22c55e; }
.mv-opt.is-wrong{ border-color:#ef4444; }
.mv-opt.is-wrong .mv-bar{ background:rgba(239,68,68,.28); }
.mv-opt.is-out{ opacity:.45; text-decoration:line-through; }
.mv-opt.is-winner{ border-color:#fbbf24; box-shadow:0 0 0 2px rgba(251,191,36,.25); }
.mv-opt.is-winner .mv-bar{ background:rgba(251,191,36,.3); }
.mv-check{ font-size:22px; position:relative; z-index:1; }
.mv-fighters .mv-opt{ font-weight:600; }
.mv-send{ margin-top:10px; width:100%; padding:11px; border-radius:12px; border:none; background:var(--primary,linear-gradient(135deg,#ff6a00,#ff2e00)); color:#fff; font-weight:700; cursor:pointer; font-family:inherit; }
.mv-explain{ margin-top:10px; padding:10px 12px; border-radius:12px; background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.3); font-size:14px; }
.mv-need-login{ margin-top:10px; font-size:14px; opacity:.9; }
.mv-need-login a{ color:#60a5fa; font-weight:600; }
.mv-poll-foot{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:12px; font-size:13px; opacity:.85; flex-wrap:wrap; }
.mv-poll-foot a, .mv-share{ color:var(--text); text-decoration:none; font-weight:600; display:inline-flex; gap:4px; align-items:center; background:none; border:none; cursor:pointer; font:inherit; font-size:13px; }
.mv-empty{ text-align:center; padding:30px 10px; opacity:.8; }

/* Invitation à créer un compte */
.mv-ask{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:flex-end; justify-content:center; z-index:9999; }
.mv-ask.open{ display:flex; }
.mv-ask-box{ width:100%; max-width:440px; background:var(--bg,#0b0b0f); border:1px solid var(--border); border-radius:20px 20px 0 0; padding:22px; text-align:center; animation:mvUp .25s ease; }
@media (min-width:700px){ .mv-ask{ align-items:center; } .mv-ask-box{ border-radius:20px; } }
.mv-ask-box i.big{ font-size:44px; color:var(--accent,#ff3c00); }
.mv-ask-box h3{ margin:8px 0; font-family:'Bebas Neue',sans-serif; font-size:28px; letter-spacing:1px; }
.mv-ask-box p{ opacity:.85; font-size:14px; }
.mv-ask-actions{ display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.mv-ask-actions .mv-btn{ justify-content:center; }
@keyframes mvUp{ from{ transform:translateY(30px); opacity:0; } to{ transform:none; opacity:1; } }
.mv-toast{ position:fixed; left:50%; bottom:80px; transform:translate(-50%,20px); background:#111827; color:#fff; padding:10px 16px; border-radius:999px; font-size:14px; opacity:0; transition:.3s; z-index:10000; box-shadow:0 10px 30px rgba(0,0,0,.4); }
.mv-toast.show{ opacity:1; transform:translate(-50%,0); }

/* Formulaire de création */
.mv-form{ background:var(--card); border:1px solid var(--border); border-radius:18px; padding:16px; margin-bottom:16px; }
.mv-form label{ display:block; font-weight:600; margin:12px 0 4px; font-size:14px; }
.mv-form input[type=text], .mv-form input[type=number], .mv-form input[type=url], .mv-form input[type=time], .mv-form textarea, .mv-form select{ width:100%; box-sizing:border-box; padding:10px 12px; border-radius:10px; border:1px solid var(--border); background:var(--glass-1,rgba(255,255,255,.03)); color:var(--text); font:inherit; }
.mv-form select option{ color:#111; }
.mv-form textarea{ min-height:90px; }
.mv-form .hint{ font-size:12px; opacity:.7; margin-top:4px; }
.mv-form .row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mv-form .check{ display:flex; gap:8px; align-items:center; font-weight:500; }
.mv-msg{ padding:10px 14px; border-radius:12px; margin-bottom:12px; background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.3); }
.mv-msg.err{ background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.3); }

/* Tops */
.mv-top-list{ list-style:none; padding:0; margin:0; }
.mv-top-item{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; background:var(--card); border:1px solid var(--border); margin-bottom:8px; }
.mv-rank{ width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; background:var(--glass-2,rgba(255,255,255,.06)); flex-shrink:0; }
.mv-top-item:nth-child(1) .mv-rank{ background:linear-gradient(135deg,#fbbf24,#f59e0b); color:#111; }
.mv-top-item:nth-child(2) .mv-rank{ background:linear-gradient(135deg,#e5e7eb,#9ca3af); color:#111; }
.mv-top-item:nth-child(3) .mv-rank{ background:linear-gradient(135deg,#f97316,#b45309); color:#fff; }
.mv-top-item img{ width:42px; height:42px; border-radius:10px; object-fit:cover; }
.mv-top-name{ flex:1; font-weight:600; }
.mv-top-name small{ display:block; font-weight:400; opacity:.7; font-size:12px; }
.mv-top-score{ font-weight:700; white-space:nowrap; }
.mv-section-title{ font-family:'Bebas Neue',sans-serif; letter-spacing:1px; font-size:24px; margin:22px 0 10px; display:flex; gap:8px; align-items:center; }

/* Planning */
.mv-days{ display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; margin-bottom:12px; scrollbar-width:none; }
.mv-days::-webkit-scrollbar{ display:none; }
.mv-day{ flex-shrink:0; min-width:64px; text-align:center; padding:8px 10px; border-radius:14px; border:1px solid var(--border); background:var(--card); color:var(--text); text-decoration:none; }
.mv-day b{ display:block; font-size:13px; }
.mv-day span{ font-size:11px; opacity:.7; }
.mv-day.today{ border-color:var(--accent,#ff3c00); }
.mv-day.on{ background:var(--primary,linear-gradient(135deg,#ff6a00,#ff2e00)); color:#fff; border-color:transparent; }
.mv-day.on span{ opacity:.9; }
.mv-release{ display:flex; gap:12px; align-items:center; padding:12px; border-radius:14px; background:var(--card); border:1px solid var(--border); margin-bottom:8px; }
.mv-release img{ width:56px; height:76px; border-radius:10px; object-fit:cover; flex-shrink:0; }
.mv-release .ph{ width:56px; height:76px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:26px; background:var(--glass-2,rgba(255,255,255,.06)); flex-shrink:0; }
.mv-release-info{ flex:1; min-width:0; }
.mv-release-info b{ display:block; }
.mv-release-info small{ opacity:.75; font-size:12px; }
.mv-time{ font-weight:700; font-size:15px; white-space:nowrap; }
.mv-kind{ display:inline-block; font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; margin-right:4px; }
.mv-kind-anime{ background:#ffe4e6; color:#be123c; } .mv-kind-manga{ background:#ede9fe; color:#6d28d9; }
.mv-kind-comic{ background:#e0f2fe; color:#0369a1; } .mv-kind-scan{ background:#fef3c7; color:#92400e; } .mv-kind-game{ background:#dcfce7; color:#166534; }

/* Bloc accueil */
.mv-home-arena{ margin:10px 0 20px; }
.mv-home-grid{ display:grid; gap:10px; }
.mv-mini{ display:flex; gap:10px; align-items:center; padding:12px 14px; border-radius:14px; background:var(--card); border:1px solid var(--border); color:var(--text); text-decoration:none; }
.mv-mini i{ font-size:24px; color:var(--accent,#ff3c00); }
.mv-mini b{ display:block; font-size:14px; }
.mv-mini small{ opacity:.7; font-size:12px; }