/* Larp Test (lot 13, 01/11/2026) : la feuille des sept pages /tools/larp-test, am-i-a-larper-quiz, crypto-larp-test,
   spot-the-larp, linkedin-larp-checker, jjk-larp-test, anime-larp-quiz. Même gabarit que les calculateurs gratuits
   (jetons, bandeau, pied de page) ; le reste est préfixé « lt- ». Générée avec la page par tools/build_larp_tests.py,
   chargée APRÈS assets/entete.css. Sombre, accent lavande, comme le site. */
:root{
  --lav:#9670ff;--lav-2:#bca3ff;--wallet:#b3a5f8;
  --fond:#0a0811;--voile:#100d1b;--voile-2:#151122;
  --creme:#fffdf8;--encre:#eceaf6;--gris:#9b95ae;--trait:#241f36;--trait-2:#3a3352;
  --vert:#3ddc84;--rouge:#ff8a8a;
  color-scheme:dark;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}
body{background:var(--fond);color:var(--encre);
  font:16.5px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--lav-2)}
a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--lav-2);outline-offset:2px}
.wrap{max-width:790px;margin:0 auto;padding:0 22px;position:relative}
main{padding-bottom:90px;position:relative}
main::before{content:"";position:absolute;inset:-160px 0 auto;height:620px;pointer-events:none;
  background:radial-gradient(720px 420px at 24% 6%, rgba(150,112,255,.10), transparent 70%)}
.fil{font-size:13.5px;color:var(--gris);padding-top:26px}
.fil a{color:var(--gris);text-decoration:none}
.fil a:hover{color:var(--creme)}
h1{font-size:clamp(30px,4.6vw,42px);letter-spacing:-.035em;line-height:1.12;margin:14px 0 10px;font-weight:800;color:var(--creme)}
.chapo{font-size:18px;line-height:1.6;color:var(--gris);margin-bottom:22px}
h2{font-size:24px;margin:48px 0 12px;letter-spacing:-.025em;font-weight:800;line-height:1.2;color:var(--creme)}
p{margin-bottom:12px}
.note{color:var(--gris);font-size:14px;line-height:1.55}

/* ------------------------------------------------------------ le test */
/* Place reservee : le quiz se monte apres le premier affichage (carte de depart de 266 px a 390 de large) ; sans cela le texte du dessous, deja a l'ecran, sautait (banc de clignotement, 01/11/2026). */
.lt{position:relative;margin:6px 0 22px;min-height:250px}
.lt-panel{background:var(--voile);border:1px solid var(--trait);border-radius:20px;padding:20px 18px 18px}
.lt-kicker{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin:0 0 8px}
.lt-intro-text{font-size:17px;color:var(--encre);margin:0 0 14px}
.lt-fine{font-size:13px;line-height:1.5;color:var(--gris);margin:12px 0 0}
.lt-prog{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.lt-tag{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lav-2);white-space:nowrap}
.lt-bar,.lt-meter{display:block;flex:1;height:8px;border-radius:99px;background:var(--trait);overflow:hidden}
.lt-bar i,.lt-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9670ff,#bca3ff)}
.lt-h{font-size:clamp(20px,4.6vw,25px);line-height:1.3;letter-spacing:-.02em;font-weight:800;color:var(--creme);margin:0 0 14px;outline:none}
.lt-opts{display:grid;gap:10px}
.lt-opt{display:block;width:100%;min-height:52px;padding:12px 16px;border-radius:14px;border:1px solid var(--trait-2);background:var(--voile-2);
  color:var(--encre);font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:left;cursor:pointer;white-space:pre-line}
.lt-opt:hover{border-color:var(--wallet)}
.lt-opt[aria-disabled="true"]{cursor:default}
.lt-opt[aria-disabled="true"]:hover{border-color:var(--trait-2)}
.lt-opt.is-chosen{border-color:var(--lav-2);background:#241c3f;color:#fff}
.lt-opt.is-right{border-color:var(--vert);background:rgba(61,220,132,.10)}
.lt-opt.is-wrong{border-color:var(--rouge);background:rgba(255,138,138,.10)}
.lt-expl{margin-top:14px;padding:14px 14px 4px;border-radius:14px;background:var(--voile-2);border:1px solid var(--trait)}
.lt-expl-t{font-size:15.5px;line-height:1.6;color:var(--encre)}
.lt-expl-t b{color:var(--creme)}
.lt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 12px}
.lt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#9670ff 0%,#b06bff 100%);color:#0b0814;font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;
  box-shadow:0 0 0 1px rgba(188,163,255,.5),0 10px 26px -10px rgba(150,112,255,.7)}
.lt-btn:hover{color:#0b0814;filter:brightness(1.06)}
.lt-btn-ghost{background:var(--voile-2);color:var(--encre);box-shadow:none;border:1px solid var(--trait-2);font-weight:700}
.lt-btn-ghost:hover{color:var(--creme);border-color:var(--wallet);filter:none}
.lt-reveal{background:linear-gradient(165deg,#1d1734,#120e1e);border-color:rgba(179,165,248,.34)}
.lt-reveal-text{font-size:17px;line-height:1.6;color:var(--encre);margin:0 0 6px}
.lt-res{text-align:left}
.lt-verdict{font-size:clamp(28px,7vw,40px);line-height:1.12;letter-spacing:-.03em;font-weight:800;color:#fff;margin:0 0 6px;outline:none}
.lt-metric{font-size:19px;font-weight:700;color:var(--lav-2);margin:0 0 10px;font-variant-numeric:tabular-nums}
.lt-meter{flex:none;margin:0 0 14px}
.lt-line{font-size:17px;color:var(--encre);margin:0 0 14px}
.lt-cardwrap{margin:6px 0 4px}
.lt-cardimg{display:block;width:min(100%,320px);height:auto;border-radius:18px;border:1px solid var(--trait-2);box-shadow:0 22px 50px -34px rgba(53,27,126,.95)}
.lt-review{margin-top:14px;border-top:1px solid var(--trait);padding-top:10px}
.lt-review summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--lav-2)}
.lt-review-list,.lt-hits{margin:8px 0 0 20px;display:grid;gap:12px}
.lt-review-list li b,.lt-hits li b{display:block;color:var(--creme);font-size:15px}
.lt-rv-a,.lt-rv-e,.lt-sample{display:block;font-size:14.5px;line-height:1.5;color:var(--gris)}
.lt-sample{color:var(--encre);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;overflow-wrap:anywhere}
.lt-hitbox{margin:6px 0 10px;padding:14px 14px 12px;border-radius:14px;background:var(--voile-2);border:1px solid var(--trait)}
.lt-lab{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}
.lt-check textarea{display:block;width:100%;min-height:200px;padding:12px;border-radius:12px;border:1px solid var(--trait-2);background:var(--voile-2);
  color:var(--creme);font-family:inherit;font-size:16px;line-height:1.5;resize:vertical}
.lt-err{color:var(--rouge);font-size:14.5px;margin:6px 0 0}
.lt-out{margin-top:6px}
.lt-noscript{padding:14px 16px;border:1px dashed var(--trait-2);border-radius:14px;color:var(--gris);font-size:15px}

/* ---------------------------------------------- les écrans du test « spot the larp » */
.lt-phone{position:relative;width:min(100%,340px);margin:0 auto 16px;padding:12px 16px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.12);overflow:hidden;
  background-color:var(--ph-bg);color:var(--ph-ink);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='148' height='84'%3E%3Cg font-family='-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif'%3E%3Ctext transform='translate(9 57) rotate(-30)' font-size='7' font-weight='700' letter-spacing='0.8' fill='%23808080' fill-opacity='0.22'%3EMYLARPWALLET.COM%3C/text%3E%3Ctext transform='translate(61 79) rotate(-30)' font-size='7' font-weight='700' letter-spacing='0.8' fill='%23808080' fill-opacity='0.22'%3EMYLARPWALLET.COM%3C/text%3E%3C/g%3E%3C/svg%3E")}
.lt-th-violet{--ph-bg:#17122a;--ph-ink:#f3f0ff;--ph-mute:#a79fc8;--ph-row:rgba(255,255,255,.06);--ph-up:#6ee7a8;--ph-chip:#2a2150}
.lt-th-emerald{--ph-bg:#0d1f19;--ph-ink:#eafff5;--ph-mute:#8fb8a6;--ph-row:rgba(255,255,255,.06);--ph-up:#5be3a0;--ph-chip:#14392c}
.lt-th-paper{--ph-bg:#f4f1ea;--ph-ink:#221d33;--ph-mute:#6b657a;--ph-row:rgba(34,29,51,.06);--ph-up:#13875a;--ph-chip:#e3dccb}
.lt-th-ocean{--ph-bg:#0f1b2b;--ph-ink:#e8f1ff;--ph-mute:#8aa0bd;--ph-row:rgba(255,255,255,.06);--ph-up:#62d6b0;--ph-chip:#1b3350}
.lt-th-ember{--ph-bg:#241510;--ph-ink:#fff1e8;--ph-mute:#c3a090;--ph-row:rgba(255,255,255,.06);--ph-up:#8fe3a8;--ph-chip:#46261b}
.lt-ph-status{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ph-mute);margin-bottom:12px;font-variant-numeric:tabular-nums}
.lt-ph-app{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ph-mute);margin:0 0 4px}
.lt-ph-big{font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;color:var(--ph-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lt-ph-post{font-size:19px;line-height:1.35;font-weight:700;margin:0 0 6px;color:var(--ph-ink)}
.lt-ph-sub{font-size:14.5px;font-weight:600;color:var(--ph-mute);margin:0 0 12px;font-variant-numeric:tabular-nums}
.lt-tone-up{color:var(--ph-up)}
.lt-ph-chip{display:inline-block;margin:0 0 12px;padding:3px 11px;border-radius:99px;background:var(--ph-chip);color:var(--ph-ink);font-size:12.5px;font-weight:700}
.lt-ph-rows{list-style:none;margin:0;display:grid;gap:8px}
.lt-ph-rows li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--ph-row)}
.lt-ph-rows b{display:block;font-size:14.5px;font-weight:700;color:var(--ph-ink);font-variant-numeric:tabular-nums}
.lt-ph-rows small{display:block;font-size:12.5px;color:var(--ph-mute);font-variant-numeric:tabular-nums}
.lt-r{text-align:right}
.lt-l,.lt-r{min-width:0}

/* ------------------------------------------------------ le reste de la page */
.cta{display:grid;gap:22px;align-items:center;margin-top:40px;padding:26px 22px;border-radius:22px;
  background:linear-gradient(165deg,#1d1734,#120e1e);border:1px solid rgba(179,165,248,.3)}
.cta h2{margin:0 0 8px;font-size:22px}
.cta p{color:var(--gris);font-size:15.5px}
.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;
  background:linear-gradient(135deg,#9670ff 0%,#b06bff 100%);color:#0b0814;font-weight:800;text-decoration:none;
  box-shadow:0 0 0 1px rgba(188,163,255,.5),0 10px 26px -10px rgba(150,112,255,.7)}
.bouton:hover{color:#0b0814}
.cta .petit{font-size:13.5px;margin:0}
.cta-img{display:block;width:min(240px,70%);height:auto;margin:0 auto;border-radius:24px;border:1px solid var(--trait);
  background:#000;box-shadow:0 30px 70px -44px rgba(53,27,126,.95)}
@media(min-width:700px){
  .cta{grid-template-columns:minmax(0,1fr) 220px;padding:30px 30px}
  .cta-img{width:220px}
}
.faq{margin-top:48px;border-top:1px solid var(--trait);padding-top:6px}
.qr{margin-top:20px}
.qr h3{font-size:17px;line-height:1.35;margin:0 0 6px;color:var(--creme)}
.qr p{margin:0;color:var(--gris);font-size:15.5px;line-height:1.62}
.suite{list-style:none;display:grid;gap:10px;margin-top:8px}
.suite a{font-weight:650;text-decoration:none}
.suite a:hover{text-decoration:underline}
.suite span{display:block;color:var(--gris);font-size:14.5px}
.produit{margin-top:40px;padding:16px 18px;border:1px solid var(--trait);border-radius:14px;background:var(--voile);
  font-size:15px;color:var(--encre)}
.marque{margin-top:14px;font-size:13.5px;color:var(--gris);line-height:1.55}
.hub{list-style:none;display:grid;gap:12px;margin:6px 0 0}
.hub a{display:block;padding:16px 18px;border-radius:16px;border:1px solid var(--trait);background:var(--voile);text-decoration:none;color:var(--encre)}
.hub a:hover{border-color:var(--wallet)}
.hub b{display:block;font-size:18px;color:var(--creme);margin-bottom:2px}
.hub span{display:block;font-size:15px;color:var(--gris)}
.hub em{display:inline-block;margin-top:6px;font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lav-2)}
footer{border-top:1px solid var(--trait);padding:34px 0;color:var(--gris);font-size:14px;background:#07050d}
footer a{color:var(--gris);text-decoration:none;margin-right:18px;display:inline-block;min-height:32px}
footer a:hover{color:var(--lav-2)}
footer .reseaux{margin:14px 0 0;font-size:13px}
@media(max-width:520px){
  .wrap{padding:0 16px}
  .lt-panel{padding:16px 14px 14px}
  h2{font-size:21px}
}