:root {
  --bg:#0f1b2d; --panel:#162236; --card:#1e3050;
  --acc:#f7c948; --gr:#3ecf8e; --rd:#f75f5f; --bl:#4fa3f7;
  --tx:#e8f1ff; --mu:#8fabce; --bord:rgba(255,255,255,0.08);
  /* Échelle d'ombres cohérente (élévation) */
  --shadow-1:0 2px 8px rgba(0,0,0,.28);
  --shadow-2:0 8px 24px rgba(0,0,0,.36);
  --shadow-3:0 18px 50px rgba(0,0,0,.5);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Nunito',sans-serif;background:var(--bg);background-image:radial-gradient(ellipse at 15% 15%,rgba(79,163,247,.07) 0%,transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(247,201,72,.06) 0%,transparent 55%);color:var(--tx);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 16px;overscroll-behavior:contain;}
h1{font-family:'Fredoka One',cursive;font-size:clamp(2rem,6vw,2.8rem);color:var(--acc);text-shadow:0 0 30px rgba(247,201,72,.35);}
.sub{color:var(--mu);font-size:.9rem;font-weight:600;margin-top:4px;margin-bottom:6px;}
.author{color:var(--mu);font-size:.78rem;font-weight:600;margin-bottom:16px;opacity:.8;}
.author a{color:var(--acc);text-decoration:none;transition:opacity .2s;}
.author a:hover{opacity:.75;text-decoration:underline;}

/* ── Level selector ── */
#levelscreen{width:100%;max-width:560px;text-align:center;padding:20px 0;}
#levelscreen h2{font-family:'Fredoka One',cursive;font-size:1.6rem;color:var(--tx);margin-bottom:8px;}
#levelscreen p{color:var(--mu);font-size:.9rem;font-weight:600;margin-bottom:28px;}
.levelcards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.levelcard{background:var(--panel);border:2px solid var(--bord);border-radius:20px;padding:28px 24px;cursor:pointer;transition:all .22s;flex:1;min-width:200px;max-width:240px;text-align:center;}
.levelcard:hover{border-color:var(--acc);transform:translateY(-4px);box-shadow:0 8px 30px rgba(247,201,72,.15);}
.levelcard.junior:hover{border-color:#4fa3f7;box-shadow:0 8px 30px rgba(79,163,247,.15);}
.levelcard.inter:hover{border-color:#3ecf8e;box-shadow:0 8px 30px rgba(62,207,142,.15);}
.levelcard.pro:hover{border-color:#f75f5f;box-shadow:0 8px 30px rgba(247,95,95,.15);}
.levelcard.creator:hover{border-color:#a855f7;box-shadow:0 8px 30px rgba(168,85,247,.15);}
.levelcard .lc-icon{font-size:2.8rem;display:block;margin-bottom:10px;}
.levelcard .lc-title{font-family:'Fredoka One',cursive;font-size:1.4rem;color:var(--acc);margin-bottom:4px;}
.levelcard.inter .lc-title{color:#3ecf8e;}
.levelcard.pro .lc-title{color:#f75f5f;}
.levelcard.creator .lc-title{color:#a855f7;}
.levelcard .lc-age{font-size:.75rem;font-weight:800;color:var(--mu);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;}
.levelcard .lc-desc{font-size:.8rem;font-weight:700;color:var(--mu);}

/* ── Mode selector ── */
#modescreen{width:100%;max-width:500px;text-align:center;padding:20px 0;display:none;}
#modescreen h2{font-family:'Fredoka One',cursive;font-size:1.6rem;color:var(--tx);margin-bottom:8px;}
#modescreen p{color:var(--mu);font-size:.9rem;font-weight:600;margin-bottom:28px;}
.modecards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.modecard{background:var(--panel);border:2px solid var(--bord);border-radius:20px;padding:28px 32px;cursor:pointer;transition:all .22s;flex:1;min-width:160px;max-width:200px;}
.modecard:hover{border-color:var(--acc);transform:translateY(-4px);box-shadow:0 8px 30px rgba(247,201,72,.15);}
.modecard .mc-icon{font-size:2.8rem;display:block;margin-bottom:10px;}
.modecard .mc-title{font-family:'Fredoka One',cursive;font-size:1.4rem;color:var(--acc);margin-bottom:4px;}
.modecard .mc-desc{font-size:.8rem;font-weight:700;color:var(--mu);}
.back-btn{background:none;border:1px solid var(--bord);color:var(--mu);border-radius:50px;padding:8px 20px;font-family:'Nunito',sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;margin-bottom:20px;transition:all .2s;}
.back-btn:hover{border-color:var(--mu);color:var(--tx);}

#scorebar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--bord);border-radius:50px;padding:9px 20px;margin-bottom:14px;font-weight:700;font-size:.9rem;}
.num{font-family:'Fredoka One',cursive;font-size:1.25rem;color:var(--acc);}
#dots{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;justify-content:center;}
.dot{width:13px;height:13px;border-radius:50%;background:var(--card);border:2px solid var(--mu);transition:all .3s;}
.dot.active{background:var(--acc);border-color:var(--acc);}
.dot.done{background:var(--gr);border-color:var(--gr);}
#game{width:100%;max-width:680px;}
.scard{background:var(--panel);border:1px solid var(--bord);border-radius:20px;padding:22px 24px;margin-bottom:16px;position:relative;overflow:hidden;}
.scard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--bl));}
.stag{display:inline-block;background:rgba(247,201,72,.13);color:var(--acc);border:1px solid rgba(247,201,72,.3);border-radius:6px;font-size:.7rem;font-weight:800;padding:3px 10px;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase;}
.stxt{font-size:1.05rem;font-weight:700;line-height:1.55;color:#fff;}

/* ── Meter (draggable) ── */
.mwrap{background:var(--card);border-radius:16px;padding:16px 20px;margin-bottom:16px;border:1px solid var(--bord);}
.mlabels{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;margin-bottom:8px;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;}
.mbg{height:26px;background:rgba(0,0,0,.3);border-radius:50px;position:relative;cursor:grab;user-select:none;touch-action:none;}
.mbg:active{cursor:grabbing;}
.mfill{height:100%;border-radius:50px;transition:background .4s;pointer-events:none;}
.mcursor{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.6);z-index:2;pointer-events:none;transition:background .3s;}
#mstatus{text-align:center;margin-top:8px;font-weight:800;font-size:.88rem;transition:color .4s;}
.meter-hint{text-align:center;font-size:.72rem;font-weight:700;color:var(--mu);margin-top:4px;opacity:.7;}

.sectitle{font-size:.78rem;font-weight:800;color:var(--mu);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
#counter{font-size:.8rem;font-weight:700;color:var(--mu);margin-bottom:10px;}
#sgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px;}
.sbtn{background:var(--card);border:2px solid var(--bord);border-radius:13px;padding:12px 10px;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:9px;font-family:'Nunito',sans-serif;color:var(--tx);font-size:.85rem;font-weight:700;line-height:1.3;transition:all .18s;}
.sbtn:hover:not(:disabled){border-color:rgba(255,255,255,.2);transform:translateY(-2px);}
.sbtn:disabled{opacity:.35;cursor:not-allowed;transform:none;}
.sbtn.ug{border-color:rgba(62,207,142,.5);background:rgba(62,207,142,.07);opacity:1!important;}
.sbtn.ub{border-color:rgba(247,95,95,.5);background:rgba(247,95,95,.07);opacity:1!important;}
.sbtn.neutral{border-color:rgba(247,201,72,.5);background:rgba(247,201,72,.07);opacity:1!important;}
.semoji{font-size:1.3rem;flex-shrink:0;}
.sname{font-weight:800;}
.sdesc{font-weight:600;color:var(--mu);font-size:.75rem;}
.shint-click{font-size:.7rem;font-weight:600;color:var(--mu);opacity:.7;margin-top:2px;}
.utag{display:inline-block;font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:4px;margin-top:4px;}
.utag.g{background:rgba(62,207,142,.2);color:var(--gr);}
.utag.b{background:rgba(247,95,95,.2);color:var(--rd);}
.utag.n{background:rgba(247,201,72,.2);color:#f7c948;}

/* ── Verdict zone ── */
#vzone{display:none;background:var(--panel);border:2px solid var(--acc);border-radius:18px;padding:18px 20px;margin-bottom:14px;text-align:center;}
#vzone p{font-weight:800;font-size:1rem;margin-bottom:6px;color:var(--acc);}
#vzone .vhint{font-size:.78rem;color:var(--mu);font-weight:700;margin-bottom:14px;}
.vbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.vbtn{flex:1;max-width:170px;min-height:52px;padding:14px 8px;border:none;border-radius:50px;cursor:pointer;font-family:'Fredoka One',cursive;font-size:1.05rem;transition:transform .18s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.vbtn:hover{transform:scale(1.05);}
@media(hover:none){.vbtn:hover{transform:none;}}
.vbtn.vrai{background:var(--gr);color:#0a2a1a;}
.vbtn.faux{background:var(--rd);color:#2a0a0a;}
.vbtn.consensus{background:linear-gradient(135deg,#f7c948,#f7a548);color:#2a1a0a;flex:1 1 100%;max-width:280px;}

#nextbtn{display:none;width:100%;background:linear-gradient(135deg,#f7c948,#f7a648);color:#1a1200;border:none;border-radius:50px;padding:15px;font-family:'Fredoka One',cursive;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 20px rgba(247,201,72,.3);transition:transform .2s;}
#nextbtn:hover{transform:translateY(-2px);}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:98;opacity:0;pointer-events:none;transition:opacity .25s;}
.overlay.show{opacity:1;pointer-events:all;}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.88);background:var(--panel);border-radius:20px;padding:26px 24px;max-width:420px;width:90%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.7);z-index:99;opacity:0;pointer-events:none;transition:all .28s cubic-bezier(.34,1.4,.64,1);}
.modal.show{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:all;}
.mclose{display:block;width:100%;background:var(--acc);color:#1a1200;border:none;border-radius:50px;padding:12px;font-family:'Fredoka One',cursive;font-size:1.05rem;cursor:pointer;margin-top:4px;}
.msname{font-family:'Fredoka One',cursive;font-size:1.05rem;color:var(--acc);margin-bottom:4px;}
.msdesc{color:var(--mu);font-size:.78rem;font-weight:700;margin-bottom:12px;}
.mssays{background:#0f1b2d;border-radius:12px;padding:12px 14px;font-style:italic;font-size:.92rem;line-height:1.55;color:#c8d9f0;margin-bottom:16px;border-left:3px solid var(--acc);}
.msq{font-weight:800;font-size:.95rem;text-align:center;margin-bottom:14px;}
.tbtns{display:flex;gap:10px;}
.tbtn{flex:1;padding:11px 8px;border:none;border-radius:50px;font-family:'Fredoka One',cursive;font-size:1rem;cursor:pointer;transition:transform .18s;}
.tbtn:hover{transform:scale(1.05);}
.tbtn.y{background:var(--gr);color:#0a2a1a;}
.tbtn.n{background:var(--rd);color:#2a0a0a;}
/* ── Fake Instagram post ── */
.fake-insta{background:#000;border-radius:12px;overflow:hidden;font-family:-apple-system,'Helvetica Neue',Arial,sans-serif;font-style:normal;border:1px solid #262626;color:#fff;font-size:.82rem;}
.fake-insta-hd{display:flex;align-items:center;gap:10px;padding:10px 12px;}
.fake-insta-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.fake-insta-info{flex:1;min-width:0;}
.fake-insta-uname{font-weight:700;font-size:.82rem;line-height:1.2;}
.fake-insta-loc{font-size:.72rem;color:#a8a8a8;}
.fake-insta-dots{color:#a8a8a8;font-weight:900;letter-spacing:1px;font-size:.9rem;}
.fake-insta-img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;}
.fake-insta-acts{padding:8px 12px 2px;font-size:1.1rem;letter-spacing:3px;}
.fake-insta-likes{padding:2px 12px 4px;font-weight:700;font-size:.82rem;}
.fake-insta-cap{padding:2px 12px 4px;line-height:1.45;}
.fake-insta-cap b{font-weight:700;}
.fake-insta-date{padding:2px 12px 10px;font-size:.72rem;color:#a8a8a8;text-transform:uppercase;letter-spacing:.3px;}
/* ── Fake Forum ── */
.fake-forum{background:var(--bg);border:1px solid rgba(79,163,247,.2);border-radius:12px;overflow:hidden;font-style:normal;}
.fake-forum-hd{background:#162236;padding:7px 12px;font-size:.72rem;font-weight:800;color:var(--mu);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;gap:5px;}
.fake-forum-hd a{color:#4fa3f7;}
.fake-forum-post{padding:12px 14px;}
.fake-forum-meta{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.fake-forum-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2d4a6e,#4fa3f7);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#fff;flex-shrink:0;}
.fake-forum-user{font-weight:800;font-size:.82rem;color:#4fa3f7;line-height:1.2;}
.fake-forum-date{font-size:.68rem;color:var(--mu);font-weight:600;}
.fake-forum-body{font-size:.88rem;font-weight:600;line-height:1.55;color:var(--tx);}
.fake-forum-foot{display:flex;gap:14px;margin-top:10px;padding-top:8px;border-top:1px solid var(--bord);font-size:.72rem;color:var(--mu);font-weight:700;}
/* ── Fake WhatsApp ── */
.fake-wa{background:#0b141a;border-radius:12px;overflow:hidden;font-style:normal;}
.fake-wa-hd{background:#202c33;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.06);}
.fake-wa-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00a884,#25d366);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;flex-shrink:0;}
.fake-wa-name{font-weight:700;font-size:.85rem;color:#e9edef;line-height:1.2;}
.fake-wa-status{font-size:.68rem;color:#8696a0;}
.fake-wa-body{padding:10px 14px 14px;}
.fake-wa-fwd{font-size:.72rem;color:#8696a0;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:4px;}
.fake-wa-bubble{background:#202c33;border-radius:0 12px 12px 12px;padding:10px 12px;max-width:88%;position:relative;}
.fake-wa-text{font-size:.88rem;color:#e9edef;line-height:1.5;font-weight:500;}
.fake-wa-time{font-size:.65rem;color:#8696a0;text-align:right;margin-top:5px;}
/* ── Fake Google Maps ── */
.fake-gmaps{background:#fff;border-radius:12px;overflow:hidden;font-style:normal;color:#202124;}
.fake-gmaps-hd{display:flex;align-items:center;gap:9px;padding:12px 14px 6px;}
.fake-gmaps-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853);display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;color:#fff;flex-shrink:0;text-transform:uppercase;}
.fake-gmaps-user{font-weight:700;font-size:.85rem;color:#202124;line-height:1.2;}
.fake-gmaps-date{font-size:.7rem;color:#70757a;}
.fake-gmaps-stars{padding:2px 14px 2px;font-size:.95rem;letter-spacing:2px;color:#f4b400;}
.fake-gmaps-place{padding:0 14px 4px;font-size:.72rem;color:#70757a;font-weight:600;}
.fake-gmaps-body{padding:4px 14px 12px;font-size:.85rem;color:#202124;line-height:1.5;}
.fake-gmaps-foot{border-top:1px solid #e8eaed;padding:8px 14px;font-size:.72rem;color:#70757a;display:flex;gap:14px;}
/* ── Fake Tweet / X ── */
.fake-tweet{background:#000;border:1px solid #2f3336;border-radius:12px;padding:14px 16px;font-style:normal;color:#e7e9ea;}
.fake-tweet-hd{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.fake-tweet-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1d9bf0,#0d5fa0);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.fake-tweet-names{flex:1;min-width:0;}
.fake-tweet-name{font-weight:700;font-size:.88rem;color:#e7e9ea;line-height:1.2;}
.fake-tweet-handle{font-size:.78rem;color:#71767b;}
.fake-tweet-x{font-weight:900;font-size:1rem;color:#71767b;flex-shrink:0;}
.fake-tweet-body{font-size:.92rem;line-height:1.5;color:#e7e9ea;margin-bottom:12px;}
.fake-tweet-foot{display:flex;gap:18px;font-size:.78rem;color:#71767b;font-weight:600;border-top:1px solid #2f3336;padding-top:10px;flex-wrap:wrap;}
.fake-tweet-date{margin-left:auto;font-size:.72rem;}
/* ── Fake Blog ── */
.fake-blog{background:#fff;border-radius:12px;overflow:hidden;font-style:normal;}
.fake-blog-hd{padding:14px 16px 10px;}
.fake-blog-site{font-size:.68rem;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;}
.fake-blog-title{font-size:.98rem;font-weight:800;color:#1a1a1a;line-height:1.35;margin-bottom:6px;}
.fake-blog-meta{font-size:.7rem;color:#999;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.fake-blog-body{background:#f7f7f7;padding:10px 16px 14px;font-size:.83rem;color:#444;line-height:1.55;border-top:1px solid #eee;}
.fake-blog-more{color:#1a73e8;font-weight:700;}
/* ── Fake Press article ── */
.fake-press{background:#fcfbf7;border-radius:12px;overflow:hidden;font-style:normal;color:#1a1a1a;border:1px solid #e3ddcf;}
.fake-press-masthead{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:2px solid #1a1a1a;}
.fake-press-outlet{font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:.95rem;color:#1a1a1a;}
.fake-press-domain{font-size:.66rem;color:#3a7a3a;font-weight:700;}
.fake-press-kicker{padding:8px 14px 0;font-size:.62rem;font-weight:900;letter-spacing:1px;color:#c0392b;text-transform:uppercase;}
.fake-press-headline{font-family:Georgia,serif;font-size:.98rem;font-weight:800;line-height:1.3;color:#1a1a1a;padding:2px 14px 4px;margin:0;}
.fake-press-byline{padding:0 14px 8px;font-size:.68rem;color:#777;font-style:italic;}
.fake-press-body{padding:0 14px 14px;font-size:.85rem;line-height:1.55;color:#333;margin:0;}
/* ── Fake Scientific Study ── */
.fake-study{background:#fff;border-radius:12px;overflow:hidden;font-style:normal;color:#1a2733;border:1px solid #d6e2ec;}
.fake-study-hd{padding:10px 14px 0;}
.fake-study-badge{display:inline-block;background:#e8f4ff;color:#1565c0;font-size:.6rem;font-weight:900;letter-spacing:.5px;padding:3px 8px;border-radius:5px;}
.fake-study-journal{padding:8px 14px 0;font-weight:800;font-size:.9rem;color:#0d2a4a;font-style:italic;}
.fake-study-authors{padding:1px 14px 6px;font-size:.72rem;color:#5a7088;}
.fake-study-abstract{padding:0 14px 10px;font-size:.84rem;line-height:1.55;color:#33414d;margin:0;}
.fake-study-abstract-tag{font-weight:800;font-size:.66rem;text-transform:uppercase;color:#1565c0;letter-spacing:.5px;}
.fake-study-foot{border-top:1px solid #eef3f7;padding:8px 14px;font-size:.7rem;color:#7088a0;font-weight:700;}
/* ── Fake Gov / institutional site ── */
.fake-gov{background:#f4f7fb;border-radius:12px;font-style:normal;color:#1a2733;border:1px solid #cdd9e8;}
.fake-gov-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#1c3a6e;padding:9px 14px;color:#fff;border-radius:12px 12px 0 0;}
.fake-gov-site{font-weight:800;font-size:.85rem;}
.fake-gov-domain{font-size:.64rem;color:#a9d6ff;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s;}
.fake-gov-domain:hover{color:#fff;}
.fake-gov-body{padding:12px 14px;font-size:.85rem;line-height:1.55;color:#2a3a4a;margin:0;border-radius:0 0 12px 12px;}
.fake-gov-info{margin-left:auto;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(169,214,255,.7);display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;color:#a9d6ff;cursor:default;flex-shrink:0;position:relative;}
.fake-gov-info::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);right:0;width:220px;background:#0d1f40;color:#c8dff8;font-size:.72rem;font-weight:500;line-height:1.45;padding:8px 11px;border-radius:8px;border:1px solid rgba(169,214,255,.25);white-space:normal;pointer-events:none;opacity:0;transition:opacity .18s;z-index:999;box-shadow:0 4px 16px rgba(0,0,0,.45);}
.fake-gov-info:hover::after{opacity:1;}
/* ── Medium badge ── */
.medium-badge{display:inline-block;font-size:.62rem;font-weight:900;letter-spacing:.4px;padding:2px 8px;border-radius:20px;text-transform:uppercase;margin-right:6px;vertical-align:middle;}
.medium-badge.sci,.medium-badge.gov{background:rgba(79,163,247,.18);color:#7cc0ff;}
.medium-badge.press{background:rgba(247,201,72,.18);color:var(--acc);}
.medium-badge.social,.medium-badge.blog,.medium-badge.testi{background:rgba(255,255,255,.1);color:var(--mu);}
/* ── URL bar in modal ── */
.msurl{display:none;align-items:center;gap:8px;background:#0a131f;border:1px solid var(--bord);border-radius:8px;padding:7px 11px;font-size:.74rem;color:var(--mu);font-family:'Courier New',monospace;margin-bottom:14px;}
.msurl-domain{color:#7cc0ff;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.msurl-go{margin-left:auto;color:var(--acc);font-weight:800;text-decoration:none;font-family:'Nunito',sans-serif;}
/* ── Raw image frame ── */
.fake-shot{margin:0;border:1px solid var(--bord);border-radius:12px;overflow:hidden;background:#0a131f;}
.fake-shot img{width:100%;display:block;}
.fake-shot figcaption{padding:7px 12px;font-size:.72rem;color:var(--mu);font-style:italic;font-weight:600;}
/* ── Likert scale ── */
.lbtn{width:36px;height:36px;border-radius:50%;border:2px solid var(--bord);background:var(--card);cursor:pointer;transition:all .18s;flex-shrink:0;font-size:.8rem;font-weight:800;color:var(--mu);display:flex;align-items:center;justify-content:center;}
.lbtn:hover{border-color:var(--acc);color:var(--acc);transform:scale(1.15);}
.lbtn.selected{border-color:var(--acc);background:var(--acc);color:#1a1200;transform:scale(1.2);}
.lbtn[data-v="1"].selected,.lbtn[data-v="2"].selected{background:#f75f5f;border-color:#f75f5f;color:#fff;}
.lbtn[data-v="3"].selected{background:#f7a548;border-color:#f7a548;color:#fff;}
.lbtn[data-v="4"].selected{background:#f7c948;border-color:#f7c948;color:#1a1200;}
.lbtn[data-v="5"].selected{background:#b3e88a;border-color:#b3e88a;color:#1a1200;}
.lbtn[data-v="6"].selected,.lbtn[data-v="7"].selected{background:#3ecf8e;border-color:#3ecf8e;color:#0a2a1a;}
.fbemoji{font-size:2.5rem;text-align:center;margin-bottom:8px;}
.fbtitle{font-family:'Fredoka One',cursive;font-size:1.35rem;text-align:center;margin-bottom:10px;}
.fbexpl{color:var(--mu);font-size:.9rem;line-height:1.55;margin-bottom:14px;text-align:center;}
.fbpts{display:inline-block;font-weight:800;font-size:1rem;padding:7px 16px;border-radius:8px;margin-bottom:16px;}
.fbpts.pos{background:rgba(62,207,142,.2);color:var(--gr);}
.fbpts.neg{background:rgba(247,95,95,.2);color:var(--rd);}
.ptswrap{text-align:center;}
#final{display:none;max-width:580px;width:100%;text-align:center;padding:20px 0;}
.fmedal{font-size:4rem;display:block;}
.fh2{font-family:'Fredoka One',cursive;font-size:2.2rem;color:var(--acc);margin:8px 0;}
.fscore{font-family:'Fredoka One',cursive;font-size:3.5rem;color:var(--acc);margin:12px 0;}
.ftips{background:var(--panel);border-radius:16px;padding:20px 22px;text-align:left;border:1px solid var(--bord);margin-bottom:20px;}
.ftips h3{font-family:'Fredoka One',cursive;color:var(--acc);margin-bottom:12px;}
.tip{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--bord);font-size:.88rem;font-weight:700;}
.tip:last-child{border-bottom:none;}
#rbtn{background:#4fa3f7;color:#fff;border:none;border-radius:50px;padding:14px 36px;font-family:'Fredoka One',cursive;font-size:1.2rem;cursor:pointer;transition:transform .2s;margin-right:10px;}
#rbtn:hover{transform:scale(1.05);}
#mbtn{background:var(--panel);color:var(--acc);border:2px solid var(--acc);border-radius:50px;padding:14px 36px;font-family:'Fredoka One',cursive;font-size:1.2rem;cursor:pointer;transition:transform .2s;}
#mbtn:hover{transform:scale(1.05);}

/* ── Bilan personnalisé ── */
.bilan-perso{background:var(--panel);border-radius:16px;padding:20px 22px;text-align:left;border:1px solid var(--bord);margin-bottom:20px;}
.bilan-perso h3{font-family:'Fredoka One',cursive;color:var(--acc);margin-bottom:12px;}
.bilan-item{display:flex;gap:14px;padding:14px;border-radius:12px;margin-bottom:10px;align-items:flex-start;}
.bilan-item:last-child{margin-bottom:0;}
.bilan-item.bad{background:rgba(247,95,95,.1);border:1px solid rgba(247,95,95,.3);}
.bilan-item.warn{background:rgba(247,201,72,.1);border:1px solid rgba(247,201,72,.3);}
.bilan-item.info{background:rgba(79,163,247,.1);border:1px solid rgba(79,163,247,.3);}
.bilan-item.good{background:rgba(62,207,142,.1);border:1px solid rgba(62,207,142,.3);}
.bilan-icon{font-size:1.6rem;flex-shrink:0;}
.bilan-item strong{display:block;font-size:.9rem;margin-bottom:4px;color:var(--tx);}
.bilan-item em{font-size:.8rem;color:var(--mu);font-style:normal;display:block;margin-bottom:6px;}
.bilan-tip{font-size:.8rem;color:var(--mu);font-weight:600;line-height:1.4;}

/* ── Creator Mode ── */
#creatorscreen{display:none;width:100%;max-width:800px;padding:20px 0;}
.creator-header{text-align:center;margin-bottom:20px;}
.creator-header h2{font-family:'Fredoka One',cursive;font-size:1.6rem;color:#a855f7;margin-bottom:8px;}
.creator-header p{color:var(--mu);font-size:.9rem;font-weight:600;}
.creator-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;}
.creator-tab{background:var(--card);border:2px solid var(--bord);border-radius:12px;padding:10px 20px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;font-size:.85rem;color:var(--mu);transition:all .2s;}
.creator-tab:hover{border-color:var(--mu);}
.creator-tab.active{border-color:#a855f7;color:#a855f7;background:rgba(168,85,247,.1);}
.creator-panel{display:none;background:var(--panel);border:1px solid var(--bord);border-radius:16px;padding:20px;}
.creator-panel.active{display:block;}
.creator-panel h3{font-family:'Fredoka One',cursive;font-size:1.2rem;color:var(--acc);margin-bottom:16px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-weight:700;font-size:.85rem;color:var(--mu);margin-bottom:6px;}
.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--card);border:2px solid var(--bord);border-radius:10px;padding:12px;font-family:'Nunito',sans-serif;font-size:.9rem;color:var(--tx);transition:border-color .2s;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#a855f7;}
.form-group textarea{min-height:80px;resize:vertical;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-row.three{grid-template-columns:1fr 1fr 1fr;}
.toggle-row{display:flex;align-items:center;gap:12px;}
.toggle-btn{background:var(--card);border:2px solid var(--bord);border-radius:50px;padding:8px 20px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;font-size:.85rem;color:var(--mu);transition:all .2s;}
.toggle-btn.active{border-color:#3ecf8e;color:#3ecf8e;background:rgba(62,207,142,.1);}
.toggle-btn.false.active{border-color:#f75f5f;color:#f75f5f;background:rgba(247,95,95,.1);}
.toggle-btn.nuance.active{border-color:#f7c948;color:#f7c948;background:rgba(247,201,72,.1);}
.enuan-group{background:rgba(247,201,72,.07);border:1px solid rgba(247,201,72,.25);border-radius:10px;padding:12px 14px;margin-bottom:16px;}
.enuan-group label{color:#f7c948!important;}
.nosearch-row{display:flex;align-items:center;gap:10px;margin-top:8px;}
.nosearch-row label{font-size:.8rem;font-weight:700;color:var(--mu);margin-bottom:0;cursor:pointer;}
.nosearch-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#a855f7;}
.source-card{background:var(--card);border:2px solid var(--bord);border-radius:14px;padding:16px;margin-bottom:12px;position:relative;}
.source-card.reliable{border-color:rgba(62,207,142,.4);}
.source-card.unreliable{border-color:rgba(247,95,95,.4);}
.source-card.free{border-color:rgba(79,163,247,.4);}
.source-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.source-num{font-family:'Fredoka One',cursive;font-size:1rem;color:#a855f7;}
.source-actions{display:flex;gap:8px;}
.source-action-btn{background:none;border:1px solid var(--bord);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.75rem;color:var(--mu);transition:all .2s;}
.source-action-btn:hover{border-color:var(--mu);color:var(--tx);}
.source-action-btn.delete{color:#f75f5f;border-color:rgba(247,95,95,.4);}
.source-action-btn.delete:hover{background:rgba(247,95,95,.1);}
.stype-btns{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
.stype-btn{flex:1;min-width:100px;padding:7px 6px;border:2px solid var(--bord);border-radius:10px;background:var(--bg);cursor:pointer;font-family:'Nunito',sans-serif;font-size:.75rem;font-weight:800;color:var(--mu);transition:all .18s;text-align:center;}
.stype-btn:hover{border-color:var(--mu);color:var(--tx);}
.stype-btn.active-reliable{border-color:#3ecf8e;color:#3ecf8e;background:rgba(62,207,142,.1);}
.stype-btn.active-unreliable{border-color:#f75f5f;color:#f75f5f;background:rgba(247,95,95,.1);}
.stype-btn.active-free{border-color:#4fa3f7;color:#4fa3f7;background:rgba(79,163,247,.1);}
.add-source-btn{width:100%;background:var(--card);border:2px dashed var(--bord);border-radius:14px;padding:16px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;font-size:.9rem;color:var(--mu);transition:all .2s;margin-top:12px;}
.add-source-btn:hover{border-color:#a855f7;color:#a855f7;}
.question-card{background:var(--card);border:2px solid var(--bord);border-radius:14px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s;}
.question-card:hover{border-color:#a855f7;transform:translateX(4px);}
.question-card .q-statement{font-weight:700;font-size:.95rem;color:var(--tx);margin-bottom:8px;}
.question-card .q-meta{display:flex;gap:12px;font-size:.75rem;color:var(--mu);}
.question-card .q-meta span{display:flex;align-items:center;gap:4px;}
.q-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:800;}
.q-badge.true{background:rgba(62,207,142,.2);color:#3ecf8e;}
.q-badge.false{background:rgba(247,95,95,.2);color:#f75f5f;}
.creator-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center;}
.creator-btn{border:none;border-radius:50px;padding:12px 28px;font-family:'Fredoka One',cursive;font-size:1rem;cursor:pointer;transition:all .2s;}
.creator-btn:hover{transform:scale(1.05);}
.creator-btn.primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;}
.creator-btn.secondary{background:var(--card);border:2px solid var(--bord);color:var(--mu);}
.creator-btn.success{background:#3ecf8e;color:#0a2a1a;}
.creator-btn.danger{background:#f75f5f;color:#fff;}
.empty-state{text-align:center;padding:40px 20px;color:var(--mu);}
.empty-state .empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5;}
.empty-state p{font-weight:600;font-size:.9rem;}
.saved-indicator{position:fixed;bottom:20px;right:20px;background:#3ecf8e;color:#0a2a1a;padding:10px 20px;border-radius:50px;font-weight:700;font-size:.85rem;opacity:0;transform:translateY(20px);transition:all .3s;z-index:100;}
.saved-indicator.show{opacity:1;transform:translateY(0);}
.lang-switch{position:fixed;top:14px;right:14px;font-size:1.5rem;text-decoration:none;z-index:999;background:var(--panel);border:1px solid var(--bord);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;}
.lang-switch:hover{transform:scale(1.18);box-shadow:0 4px 16px rgba(0,0,0,.4);}

@media(max-width:480px){#sgrid{grid-template-columns:1fr;}.modecards{flex-direction:column;align-items:center;}.levelcards{flex-direction:column;align-items:center;}.form-row,.form-row.three{grid-template-columns:1fr;}.creator-actions{flex-direction:column;}.creator-btn{width:100%;}}
.fs-btn{position:fixed;bottom:16px;right:16px;z-index:9999;background:var(--acc);color:#1a1200;border:none;border-radius:50px;padding:10px 18px;font-family:'Fredoka One',cursive;font-size:.9rem;cursor:pointer;display:none;align-items:center;gap:8px;box-shadow:0 4px 20px rgba(247,201,72,.4);touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
@media(hover:none),(max-width:768px){.fs-btn{display:flex;}}
.fs-toast{position:fixed;left:50%;bottom:74px;transform:translateX(-50%) translateY(10px);background:var(--panel);color:var(--tx);border:1px solid var(--bord);border-radius:14px;padding:12px 18px;font-family:'Nunito',sans-serif;font-weight:700;font-size:.82rem;line-height:1.45;max-width:300px;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,.5);z-index:10000;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;}
.fs-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ── Community Mode ── */
.levelcard.community:hover{border-color:#f97316;box-shadow:0 8px 30px rgba(249,115,22,.15);}
.levelcard.community .lc-title{color:#f97316;}
#communityscreen{display:none;width:100%;max-width:800px;padding:20px 0;}
.community-header{text-align:center;margin-bottom:20px;}
.community-header h2{font-family:'Fredoka One',cursive;font-size:1.6rem;color:#f97316;margin-bottom:8px;}
.community-header p{color:var(--mu);font-size:.9rem;font-weight:600;}
.community-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;}
.cfbtn{background:var(--card);border:2px solid var(--bord);border-radius:50px;padding:7px 18px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;font-size:.8rem;color:var(--mu);transition:all .2s;}
.cfbtn:hover,.cfbtn.active{border-color:#f97316;color:#f97316;background:rgba(249,115,22,.1);}
.cfbtn-lang{background:var(--card);border:2px solid var(--bord);border-radius:50px;padding:7px 18px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;font-size:.8rem;color:var(--mu);transition:all .2s;}
.cfbtn-lang:hover,.cfbtn-lang.active{border-color:var(--bl);color:var(--bl);background:rgba(79,163,247,.1);}
.pack-grid{display:grid;gap:14px;}
.pack-card{background:var(--panel);border:1px solid var(--bord);border-radius:16px;padding:18px 20px;transition:all .2s;}
.pack-card:hover{border-color:rgba(249,115,22,.4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(249,115,22,.1);}
.pack-title{font-family:'Fredoka One',cursive;font-size:1.15rem;color:var(--acc);margin-bottom:4px;}
.pack-meta{font-size:.75rem;color:var(--mu);font-weight:600;margin-bottom:8px;}
.pack-desc{font-size:.83rem;color:var(--tx);font-weight:600;margin-bottom:12px;opacity:.85;}
.pack-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pack-badge{font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.7px;}
.pack-badge.junior{background:rgba(79,163,247,.2);color:#4fa3f7;}
.pack-badge.inter{background:rgba(62,207,142,.2);color:#3ecf8e;}
.pack-badge.pro{background:rgba(247,95,95,.2);color:#f75f5f;}
.pack-badge.mixed{background:rgba(249,115,22,.2);color:#f97316;}
.pack-stat{font-size:.75rem;color:var(--mu);font-weight:700;}
.pack-play-btn{margin-left:auto;background:#f97316;color:#fff;border:none;border-radius:50px;padding:8px 20px;font-family:'Fredoka One',cursive;font-size:.9rem;cursor:pointer;transition:transform .18s;touch-action:manipulation;}
.pack-play-btn:hover{transform:scale(1.05);}
.pack-delete-btn{background:rgba(247,95,95,.12);border:2px solid rgba(247,95,95,.35);border-radius:50px;padding:6px 14px;font-size:.85rem;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;color:#f75f5f;transition:all .18s;}
.pack-delete-btn:hover{background:rgba(247,95,95,.22);}
.comm-loading{text-align:center;padding:40px;color:var(--mu);font-weight:700;}
.comm-error{text-align:center;padding:30px;color:var(--rd);font-weight:700;line-height:1.6;}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;}
.modal-box{background:var(--panel);border:1px solid var(--bord);border-radius:20px;padding:28px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;}
.modal-box h3{font-family:'Fredoka One',cursive;font-size:1.3rem;color:#f97316;margin-bottom:18px;}
.modal-notice{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);border-radius:10px;padding:12px;margin-bottom:16px;font-size:.78rem;color:#f97316;font-weight:700;line-height:1.5;}
.pack-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center;}
.vote-btn{background:var(--card);border:2px solid var(--bord);border-radius:50px;padding:6px 14px;font-size:.85rem;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;color:var(--tx);transition:all .18s;}
.vote-btn:hover:not(:disabled){transform:scale(1.05);}
.vote-btn.up:hover:not(:disabled),.vote-btn.up.voted{border-color:var(--gr);color:var(--gr);background:rgba(62,207,142,.1);}
.vote-btn.down:hover:not(:disabled),.vote-btn.down.voted{border-color:var(--rd);color:var(--rd);background:rgba(247,95,95,.1);}
.vote-btn:disabled{opacity:.7;cursor:default;}
.comment-btn{background:var(--card);border:2px solid var(--bord);border-radius:50px;padding:6px 14px;font-size:.85rem;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:700;color:var(--mu);transition:all .18s;}
.comment-btn:hover{border-color:var(--bl);color:var(--bl);}
.comments-section{margin-top:14px;border-top:1px solid var(--bord);padding-top:14px;}
.comments-list{margin-bottom:14px;}
.comment-item{background:var(--card);border-radius:10px;padding:10px 14px;margin-bottom:8px;}
.comment-author{font-weight:800;font-size:.8rem;color:var(--acc);margin-bottom:3px;}
.comment-content{font-size:.85rem;font-weight:600;line-height:1.45;color:var(--tx);}
.comment-date{font-size:.72rem;color:var(--mu);margin-top:4px;}
.comment-form{display:flex;flex-direction:column;gap:8px;}
/* ── Accessibilité : focus visible au clavier uniquement ── */
*:focus:not(:focus-visible){outline:none;}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,
.levelcard:focus-visible,.modecard:focus-visible,
.sbtn:focus-visible,.vbtn:focus-visible,.tbtn:focus-visible,
.lbtn:focus-visible,.mclose:focus-visible,.creator-btn:focus-visible,
.add-source-btn:focus-visible,.source-action-btn:focus-visible,
.stype-btn:focus-visible,.fs-btn:focus-visible,.lang-switch:focus-visible,
#feedback-btn:focus-visible{
  outline:3px solid var(--acc);outline-offset:3px;border-radius:8px;}

/* ── Creator : présentation visuelle ── */
#vfmt-preview-wrap{overflow:hidden;}
@media(max-width:600px){.vfmt-grid{grid-template-columns:1fr !important;}}

/* ── Feedback button (header) ── */
#feedback-btn{background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.4);border-radius:50px;padding:6px 18px;font-family:'Nunito',sans-serif;font-weight:700;font-size:.78rem;color:#a855f7;cursor:pointer;transition:all .2s;}
#feedback-btn:hover{background:rgba(168,85,247,.25);border-color:rgba(168,85,247,.7);}

/* ── Fake Media ── */
.fake-media{background:#0f0f0f;border-radius:12px;overflow:hidden;font-style:normal;color:#fff;border:1px solid #2a2a2a;}
.fake-media-banner{background:linear-gradient(160deg,#1a0d00 0%,#0a0a1a 100%);padding:14px 14px 10px;min-height:72px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;}
.fake-media-bg-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:3.5rem;opacity:.12;}
.fake-media-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.58rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px;width:fit-content;}
.fake-media-type-badge.film,.fake-media-type-badge.making-of{background:#e50914;color:#fff;}
.fake-media-type-badge.docu{background:#0071eb;color:#fff;}
.fake-media-type-badge.tv{background:#f7c948;color:#1a0a00;}
.fake-media-type-badge.youtube{background:#ff0000;color:#fff;}
.fake-media-type-badge.ted{background:#e62b1e;color:#fff;}
.fake-media-type-badge.game{background:#107c10;color:#fff;}
.fake-media-type-badge.opera,.fake-media-type-badge.art{background:#7b2d8b;color:#fff;}
.fake-media-title{font-size:1.05rem;font-weight:900;color:#fff;font-family:Georgia,serif;line-height:1.25;}
.fake-media-meta{font-size:.68rem;color:#888;margin-top:4px;}
.fake-media-body{padding:10px 14px 14px;font-size:.84rem;line-height:1.55;color:#ccc;margin:0;border-top:1px solid #222;}
/* ── Fake Book ── */
.fake-book{background:#fff;border-radius:12px;overflow:hidden;font-style:normal;color:#1a1a1a;border:1px solid #ddd;display:flex;}
.fake-book-spine{width:12px;flex-shrink:0;}
.fake-book-content{flex:1;padding:13px 13px 13px 11px;}
.fake-book-type{font-size:.58rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:5px;}
.fake-book-title{font-size:.96rem;font-weight:800;line-height:1.3;color:#1a1a1a;font-family:Georgia,serif;margin-bottom:3px;}
.fake-book-author{font-size:.7rem;color:#555;font-style:italic;margin-bottom:9px;}
.fake-book-excerpt{font-size:.82rem;line-height:1.55;color:#444;font-style:italic;border-left:3px solid #ddd;padding-left:9px;}
.fake-book-foot{margin-top:9px;font-size:.67rem;color:#aaa;border-top:1px solid #eee;padding-top:7px;display:flex;gap:8px;flex-wrap:wrap;}
/* ── Fake Quote ── */
.fake-quote{background:#faf7f0;border-radius:12px;font-style:normal;color:#2a1a0a;border:1px solid #ddd3bf;padding:16px 16px 14px;}
.fake-quote-type{font-size:.58rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#a08060;margin-bottom:8px;}
.fake-quote-mark{font-size:3rem;font-family:Georgia,serif;color:#d4c4a0;line-height:.8;display:block;margin-bottom:4px;}
.fake-quote-text{font-family:Georgia,'Times New Roman',serif;font-size:.93rem;line-height:1.65;color:#2a1a0a;font-style:italic;padding:0 0 0 10px;border-left:3px solid #d4c4a0;margin:0;}
.fake-quote-origin{font-size:.67rem;color:#a08060;text-align:right;margin-top:8px;}
/* ── Fake Ad ── */
.fake-ad{background:#fff;border-radius:12px;overflow:hidden;font-style:normal;color:#1a1a1a;border:2px solid #eee;}
.fake-ad-header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background:#f0f0f0;border-bottom:1px solid #e0e0e0;}
.fake-ad-label{font-size:.55rem;font-weight:900;letter-spacing:1.5px;color:#aaa;text-transform:uppercase;}
.fake-ad-brand{font-weight:900;font-size:.78rem;color:#1a1a1a;}
.fake-ad-visual{padding:16px 14px 10px;text-align:center;font-size:2.2rem;}
.fake-ad-slogan{font-size:.98rem;font-weight:900;color:#1a1a1a;padding:0 14px 4px;text-align:center;font-family:Arial,sans-serif;line-height:1.3;}
.fake-ad-body{font-size:.82rem;color:#444;padding:6px 14px 12px;line-height:1.5;text-align:center;}
.fake-ad-foot{background:#f8f8f8;padding:5px 14px;font-size:.6rem;color:#bbb;border-top:1px solid #eee;text-align:center;}
/* ── Fake Expert ── */
.fake-expert{background:#f7fafd;border-radius:12px;overflow:hidden;font-style:normal;color:#1a2733;border:1px solid #c8d8e8;}
.fake-expert-hd{background:#1e3a5f;padding:11px 14px;color:#fff;display:flex;align-items:center;gap:11px;}
.fake-expert-av{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.fake-expert-info{flex:1;}
.fake-expert-name{font-weight:800;font-size:.86rem;line-height:1.2;}
.fake-expert-cred{font-size:.66rem;color:#8bb8d8;margin-top:2px;}
.fake-expert-inst{font-size:.62rem;color:#6698b8;margin-top:1px;}
.fake-expert-body{padding:12px 14px;font-size:.84rem;line-height:1.55;color:#2a3a4a;font-style:italic;}
/* Expert masqué (niveau difficile) : nom + loupe à cliquer */
.expert-loupe{margin-top:6px;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.14);color:#cfe6ff;border:1px solid rgba(255,255,255,.28);border-radius:50px;padding:4px 11px;font-family:'Nunito',sans-serif;font-size:.66rem;font-weight:800;cursor:pointer;transition:all .15s;}
.expert-loupe:hover{background:rgba(255,255,255,.26);color:#fff;}
/* Fiche identité (pop-up) */
#mexpert .expid-av{font-size:2.1rem;margin-bottom:8px;}
#mexpert .expid-name{font-family:'Fredoka One',cursive;font-size:1.25rem;color:var(--acc);margin-bottom:14px;}
#mexpert .expid-row{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);}
#mexpert .expid-k{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--mu);flex-shrink:0;}
#mexpert .expid-v{font-size:.86rem;font-weight:700;color:var(--tx);text-align:right;}
#mexpert .expid-note{margin:16px 0 14px;font-size:.8rem;font-weight:700;line-height:1.5;color:var(--mu);}
/* ── Fake Reddit ── */
.fake-reddit{background:#fff;border-radius:12px;overflow:hidden;font-style:normal;color:#1c1c1c;border:1px solid #ededed;}
.fake-reddit-bar{background:#ff4500;padding:6px 12px;display:flex;align-items:center;gap:7px;color:#fff;}
.fake-reddit-logo{font-weight:900;font-size:.78rem;}
.fake-reddit-sub{font-weight:800;font-size:.8rem;color:#ffe0d6;}
.fake-reddit-inner{display:flex;}
.fake-reddit-vote{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:#f8f9fa;min-width:40px;font-size:.65rem;font-weight:900;color:#ff4500;gap:3px;border-right:1px solid #ededed;flex-shrink:0;}
.fake-reddit-main{padding:10px 12px;flex:1;}
.fake-reddit-title{font-size:.86rem;font-weight:700;line-height:1.35;color:#1c1c1c;margin-bottom:5px;}
.fake-reddit-meta{font-size:.63rem;color:#878a8c;margin-bottom:7px;}
.fake-reddit-excerpt{font-size:.82rem;line-height:1.5;color:#333;background:#f8f9fa;padding:7px 9px;border-radius:5px;border-left:2px solid #ff4500;}
.fake-reddit-foot{padding:5px 12px;font-size:.66rem;color:#878a8c;border-top:1px solid #ededed;display:flex;gap:10px;}
/* ── Fake LinkedIn ── */
.fake-linkedin{background:#fff;border-radius:12px;overflow:hidden;font-style:normal;color:#1a1a1a;border:1px solid #e0e0e0;}
.fake-linkedin-hd{padding:12px 14px 8px;display:flex;gap:10px;align-items:flex-start;}
.fake-linkedin-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0a66c2,#004182);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:#fff;font-weight:900;}
.fake-linkedin-meta{flex:1;}
.fake-linkedin-name{font-weight:700;font-size:.86rem;color:#1a1a1a;line-height:1.2;}
.fake-linkedin-jobtitle{font-size:.7rem;color:#666;margin-top:1px;}
.fake-linkedin-date{font-size:.63rem;color:#888;margin-top:1px;}
.fake-linkedin-li-logo{width:20px;height:20px;background:#0a66c2;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.62rem;flex-shrink:0;}
.fake-linkedin-body{padding:0 14px 10px;font-size:.83rem;line-height:1.55;color:#333;}
.fake-linkedin-foot{border-top:1px solid #e0e0e0;padding:7px 14px;display:flex;gap:12px;font-size:.7rem;color:#555;align-items:center;}
/* ── Fake Video ── */
.fake-video{background:#0f0f0f;border-radius:12px;overflow:hidden;font-style:normal;color:#fff;border:1px solid #2a2a2a;}
.fake-video-player{background:#000;}
.fake-video-player video{width:100%;display:block;max-height:210px;object-fit:contain;background:#000;}
.fake-video-info{padding:10px 12px 12px;}
.fake-video-title{font-size:.9rem;font-weight:700;line-height:1.35;color:#fff;margin-bottom:6px;}
.fake-video-channel{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#aaa;margin-bottom:5px;}
.fake-video-channel-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ff0000,#cc0000);display:flex;align-items:center;justify-content:center;font-size:.58rem;color:#fff;font-weight:900;flex-shrink:0;}
.fake-video-meta{display:flex;gap:10px;font-size:.7rem;color:#888;margin-bottom:6px;flex-wrap:wrap;}
.fake-video-desc{font-size:.8rem;color:#aaa;line-height:1.5;border-top:1px solid #222;padding-top:8px;margin-top:2px;}
/* ── Walkthrough « Comment ça marche » ── */
.howto-btn{background:linear-gradient(135deg,#4fa3f7,#3ecf8e);color:#fff;border:none;border-radius:50px;padding:11px 26px;font-family:'Nunito',sans-serif;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:0 4px 16px rgba(79,163,247,.3);transition:transform .18s,box-shadow .18s;}
.howto-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(79,163,247,.45);}
#howto-overlay{position:fixed;inset:0;z-index:9000;display:none;}
#howto-overlay.show{display:block;}
.howto-spot{position:fixed;border-radius:20px;box-shadow:0 0 0 9999px rgba(8,14,26,.82);border:3px solid var(--acc);pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);}
.howto-tip{position:fixed;max-width:340px;width:calc(100% - 40px);background:var(--panel);border:2px solid var(--bord);border-radius:18px;padding:20px 22px;box-shadow:0 12px 40px rgba(0,0,0,.55);z-index:9001;transition:left .3s ease,top .3s ease;}
.howto-tip-step{font-size:.72rem;font-weight:800;color:var(--mu);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.howto-tip-title{font-family:'Fredoka One',cursive;font-size:1.25rem;color:var(--tx);margin-bottom:8px;line-height:1.2;}
.howto-tip-body{font-size:.9rem;font-weight:600;color:var(--mu);line-height:1.55;margin-bottom:16px;}
.howto-tip-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.howto-skip{background:none;border:none;color:var(--mu);font-family:'Nunito',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:underline;opacity:.8;}
.howto-skip:hover{opacity:1;}
.howto-dots{display:flex;gap:6px;}
.howto-dot{width:8px;height:8px;border-radius:50%;background:var(--bord);transition:all .25s;}
.howto-dot.on{background:var(--acc);transform:scale(1.3);}
.howto-next{background:var(--acc);color:#1a1206;border:none;border-radius:50px;padding:9px 22px;font-family:'Nunito',sans-serif;font-size:.88rem;font-weight:800;cursor:pointer;transition:transform .15s;}
.howto-next:hover{transform:translateY(-1px);}

/* ── Fin de partie : message au créateur ── */
.final-msg{background:var(--card);border:1px solid var(--bord);border-radius:16px;padding:18px 20px;margin:22px 0 8px;text-align:left;}
.final-msg h3{font-family:'Fredoka One',cursive;font-size:1.1rem;color:var(--tx);margin:0 0 4px;}
.final-msg p.fm-sub{font-size:.82rem;font-weight:600;color:var(--mu);margin:0 0 14px;line-height:1.5;}
.final-msg label{display:block;font-size:.82rem;font-weight:800;color:var(--mu);margin-bottom:5px;}
.final-msg input,.final-msg textarea{width:100%;background:var(--panel);border:1px solid var(--bord);border-radius:10px;padding:10px 12px;color:var(--tx);font-family:'Nunito',sans-serif;font-size:.88rem;font-weight:600;margin-bottom:13px;box-sizing:border-box;resize:vertical;}
.final-msg input:focus,.final-msg textarea:focus{outline:none;border-color:var(--acc);}
.final-msg .fm-send{background:linear-gradient(135deg,#3ecf8e,#4fa3f7);color:#fff;border:none;border-radius:50px;padding:11px 26px;font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:800;cursor:pointer;width:100%;transition:transform .15s,opacity .2s;}
.final-msg .fm-send:hover{transform:translateY(-1px);}
.final-msg .fm-send:disabled{opacity:.5;cursor:default;transform:none;}
.final-msg .fm-ok{color:#3ecf8e;font-weight:800;text-align:center;margin:6px 0 0;}

/* ── Medium badge extensions ── */
.medium-badge.media{background:rgba(229,9,20,.18);color:#ff8080;}
.medium-badge.book{background:rgba(26,58,110,.22);color:#7bb0f0;}
.medium-badge.quote{background:rgba(160,128,96,.2);color:#c4a06a;}
.medium-badge.ad{background:rgba(255,107,53,.18);color:#ff9966;}
.medium-badge.expert{background:rgba(30,58,95,.22);color:#7bb8e8;}

/* ═══════════════════════════════════════════════════════════
   REFONTE VISUELLE — améliorations additives (copie de travail)
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Logo « jauge » animé dans l'en-tête ── */
.brand-gauge{width:60px;height:38px;display:block;margin:0 auto 4px;overflow:visible;}
.brand-gauge .bg-needle{transform-origin:30px 32px;transform-box:view-box;
  animation:gaugeIntro 3.8s cubic-bezier(.5,.05,.3,1) forwards;}
@keyframes gaugeIntro{
  0%{transform:rotate(-72deg);}
  16%{transform:rotate(60deg);}
  28%{transform:rotate(22deg);}
  42%{transform:rotate(72deg);}
  58%{transform:rotate(-42deg);}
  74%{transform:rotate(38deg);}
  100%{transform:rotate(0deg);} /* se fige au centre : « incertain » */
}
@media(prefers-reduced-motion:reduce){.brand-gauge .bg-needle{animation:none;transform:rotate(0deg);}}

/* ── 2. Barre d'accent colorée AU REPOS sur les cartes de niveau ── */
.levelcard{position:relative;overflow:hidden;box-shadow:var(--shadow-1);}
.levelcard::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--acc);opacity:.85;transition:opacity .22s,height .22s;}
.levelcard.junior::after{background:#4fa3f7;}
.levelcard.inter::after{background:#3ecf8e;}
.levelcard.pro::after{background:#f75f5f;}
.levelcard.creator::after{background:#a855f7;}
.levelcard.community::after{background:#f97316;}
.levelcard:hover{box-shadow:var(--shadow-2);}
.levelcard:hover::after{height:6px;opacity:1;}
.levelcard .lc-icon{transition:transform .22s;}
.levelcard:hover .lc-icon{transform:scale(1.12) translateY(-2px);}

/* ── 3. Profondeur : ombres cohérentes sur surfaces & modales ── */
.modecard,.pack-card{box-shadow:var(--shadow-1);}
.modecard:hover,.pack-card:hover{box-shadow:var(--shadow-2);}
.scard{box-shadow:var(--shadow-1);}
.modal{box-shadow:var(--shadow-3);}
.overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}

/* ── 4. Transitions douces à l'apparition des écrans ── */
@keyframes screenIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
#levelscreen,#modescreen,#creatorscreen,#communityscreen,#game,#final{animation:screenIn .32s ease both;}
@keyframes cardIn{from{opacity:0;transform:translateY(8px) scale(.99);}to{opacity:1;transform:none;}}
#game .scard{animation:cardIn .3s ease both;}
@media(prefers-reduced-motion:reduce){
  #levelscreen,#modescreen,#creatorscreen,#communityscreen,#game,#final,#game .scard{animation:none;}
}

/* ── 5. Le « mètre » ressemble à un vrai instrument de mesure ── */
.mbg{background:linear-gradient(90deg,rgba(247,95,95,.28) 0%,rgba(247,201,72,.24) 50%,rgba(62,207,142,.28) 100%);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.45);}
/* graduations */
.mbg::after{content:'';position:absolute;inset:0;border-radius:50px;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px 10%);
  opacity:.5;}
.mcursor{width:28px;height:28px;background:radial-gradient(circle at 38% 32%,#fff,#cfe0f5);
  border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 14px rgba(0,0,0,.6),0 0 0 4px rgba(255,255,255,.12);}

/* ── 6. Écran final : score qui s'anime + médaille qui « rebondit » ── */
@keyframes medalPop{0%{transform:scale(0) rotate(-25deg);opacity:0;}60%{transform:scale(1.25) rotate(8deg);}100%{transform:scale(1) rotate(0);opacity:1;}}
.fmedal{animation:medalPop .7s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes scoreGlow{0%{text-shadow:0 0 0 rgba(247,201,72,0);}50%{text-shadow:0 0 34px rgba(247,201,72,.6);}100%{text-shadow:0 0 18px rgba(247,201,72,.3);}}
.fscore{animation:scoreGlow 1.1s ease both;}
@media(prefers-reduced-motion:reduce){.fmedal,.fscore{animation:none;}}

/* ── 7. Feedback verdict : pulse vert / secousse rouge ── */
@keyframes pulseGood{0%{box-shadow:0 0 0 0 rgba(62,207,142,.5);}100%{box-shadow:0 0 0 18px rgba(62,207,142,0);}}
@keyframes shakeBad{0%,100%{transform:translateX(0);}20%{transform:translateX(-7px);}40%{transform:translateX(7px);}60%{transform:translateX(-5px);}80%{transform:translateX(5px);}}
.fx-good{animation:pulseGood .6s ease-out;}
.fx-bad{animation:shakeBad .45s ease;}
@media(prefers-reduced-motion:reduce){.fx-good,.fx-bad{animation:none;}}