:root{color-scheme:dark;--bg:#101410;--panel:#1b211b;--paper:#ece7d8;--muted:#b3b7a9;--accent:#d8ee91;--line:#3b4536}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:system-ui,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--paper);padding:10px 15px}button:hover{border-color:var(--accent)}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{max-width:1320px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;line-height:1.2;letter-spacing:1px}.brand b{font-size:38px;letter-spacing:-3px;color:var(--accent)}.brand small{font-size:9px;color:var(--muted)}nav{display:flex;gap:20px;align-items:center;font-size:13px}main{max-width:1240px;padding:0 40px;margin:auto}.intro{padding:70px 0 38px;max-width:840px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--accent)}h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-3px;margin:22px 0}h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}h2{font-size:28px;line-height:1.2;letter-spacing:-.8px}h3{font-size:21px}.intro>p:last-child{color:var(--muted);max-width:570px;font-size:17px}#notice{padding:18px 22px;border-left:3px solid var(--accent);background:var(--panel);font-size:14px}#auth{margin:38px 0;padding:32px;background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:45px}label{display:block;font-size:13px;margin-bottom:14px}input{display:block;width:100%;margin-top:6px;padding:12px;background:#101410;color:var(--paper);border:1px solid #59614f;border-radius:4px}.primary{background:var(--accent);border-color:var(--accent);color:#17200e;font-weight:700}.small{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin:48px 0 28px}.section-head strong{font-size:27px;color:var(--accent)}.collection{border-top:1px solid var(--line);padding:20px 0 36px}.collection-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.collection-head p{color:var(--muted);font-size:13px;margin-top:-5px}progress{accent-color:var(--accent);width:160px;max-width:100%;height:7px}.progress-label{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.slot{min-width:0}.card{width:100%;aspect-ratio: .72;background:linear-gradient(140deg,#40483a,#20271e);border-radius:17px 17px 32px 32px;border:1px solid #69735e;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#f5f0df;box-shadow:0 12px 30px #0003}.card:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff20;border-radius:11px 11px 25px 25px;pointer-events:none}.card.locked{color:#9da294;border-style:dashed;background:linear-gradient(145deg,#242b23,#161b15);box-shadow:none}.serial{font-size:10px;letter-spacing:2px;opacity:.8}.card-center{flex:1;display:grid;place-content:center;text-align:center}.card-symbol{font:90px Georgia,serif;opacity:.65;line-height:1}.card-name{font-size:21px;line-height:1.15;display:block;margin:14px 0 6px}.rarity{font-size:10px;letter-spacing:2px;text-transform:uppercase}.card-top{display:flex;justify-content:space-between;font-size:20px;font-weight:700}.stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;font-size:10px;border-top:1px solid #ffffff40;padding-top:10px}.Bronze{background:linear-gradient(135deg,#8b5b38,#c39367 45%,#644128);color:#21160e}.Argent{background:linear-gradient(135deg,#7f8d90,#dce2df 45%,#6d7f7e);color:#172322}.Or{background:linear-gradient(135deg,#99782e,#efe0a0 45%,#9c7a2d);color:#35270c}.Icône{background:linear-gradient(135deg,#bcb69f,#f9f5e5 45%,#a8a37d);color:#302e20}.slot-title{font-size:15px;line-height:1.35;margin:14px 0 8px}.slot-meta{font-size:11px;color:var(--muted)}.slot-actions{display:flex;flex-direction:column;gap:10px;margin:14px 0}.slot-actions a{font-size:12px}.slot-actions button{font-size:12px}footer{border-top:1px solid var(--line);padding:35px 0;margin-top:45px;font-size:12px;color:var(--muted)}dialog{background:var(--paper);color:#20271b;border:0;border-radius:10px;max-width:540px;width:calc(100% - 40px);padding:32px}dialog::backdrop{background:#000a}dialog .eyebrow{color:#53612b}dialog button{float:right;color:#20271b;border-color:#8c947e}dialog p{clear:both}#card-lesson{display:inline-block;margin-top:15px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;left:10px;background:var(--bg);z-index:10}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px;gap:10px}.brand b{font-size:30px}.brand span{font-size:11px}nav{font-size:11px;gap:10px}main{padding:0 20px}.intro{padding-top:38px}h1{letter-spacing:-1.8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{padding:14px}.card-symbol{font-size:65px}.card-name{font-size:16px}.card-top{font-size:16px}.stats{font-size:9px;gap:1px 8px}#auth{grid-template-columns:1fr;padding:22px;gap:10px}.section-head{align-items:start;flex-direction:column;gap:0}.collection-head{align-items:start;flex-direction:column;gap:0}.slot-actions button{padding:10px 8px}}@media(max-width:370px){.grid{grid-template-columns:1fr}.brand small{display:none}}@media(prefers-reduced-motion:no-preference){.card.obtained{animation:reveal .35s ease-out}@keyframes reveal{from{transform:translateY(6px);opacity:.5}to{transform:translateY(0);opacity:1}}}

/* Illustrations originales B20 : les identités restent livrées après obtention uniquement. */
.card.obtained{text-align:left;isolation:isolate}.card.obtained:after{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 18px,#fff1 19px 20px);pointer-events:none}.card-center{min-height:0;width:100%}.card-art{display:block;position:relative;width:100%;height:clamp(95px,15vw,180px)}.card-art img{width:100%;height:100%;object-fit:contain;opacity:.8;mix-blend-mode:multiply}.card-monogram{position:absolute;bottom:0;right:0;font:700 15px Georgia,serif;letter-spacing:3px;border-bottom:1px solid currentColor;opacity:.75}.card-edition{display:block;font-size:10px;letter-spacing:1px;margin:0 0 4px}.card-turn{font-size:9px;letter-spacing:1.2px;text-align:center;margin-top:10px}.card.obtained:hover{transform:translateY(-3px);box-shadow:0 16px 34px #0006}.card.obtained .stats{font-size:12px;border-color:currentColor}.card.Icône:before{border:2px solid #a88a48;box-shadow:inset 0 0 0 3px #fff5}.card.Icône .card-art{background:radial-gradient(ellipse,#fff9,transparent 70%)}.card.edition-france98{background:linear-gradient(130deg,#cbd8ef,#fbf7e9 50%,#e9b5b1);color:#172d57}.card.edition-halloween{background:linear-gradient(130deg,#b87131,#e6b979 48%,#543b66);color:#261326}.card.edition-christmas{background:linear-gradient(130deg,#8fb7a5,#f4eee1 48%,#a8b7ce);color:#1f4339}#card-text{white-space:pre-line;line-height:1.75;font-size:15px}dialog{max-height:90dvh;overflow:auto}dialog h2{padding-top:15px}.stats span{white-space:nowrap}@media(max-width:760px){.card.obtained .stats{font-size:10px}.card-art{height:110px}.card-name{font-size:15px}.card-monogram{font-size:12px}}@media(prefers-reduced-motion:reduce){.card.obtained:hover{transform:none}} 

.lesson-contribution{min-height:170px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;justify-content:center;gap:8px}.contribution-mark{font-size:30px;color:var(--accent)}.lesson-contribution strong{font-size:17px}

.card-with-actions{min-width:0}.card-credit-button{display:block;width:100%;padding:8px 5px;margin-top:10px;font-size:11px;border-color:transparent;color:var(--muted)}.card-credit-button:hover{color:var(--accent);border-color:var(--line)}.photo-credit{font-size:11px;line-height:1.7;color:#49523f}.universe-section{border-top:1px solid var(--line);margin:55px 0 25px;padding-top:24px}.universe-section h2{font-size:24px}.universe-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}.universe-link{border:1px solid var(--line);border-top:2px solid var(--universe-color);border-radius:7px;padding:16px 13px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.universe-link strong{font-size:13px}.universe-link span{font-size:10px;color:var(--muted)}.universe-link:hover{background:var(--panel)}.universe-link.blue{--universe-color:#7aa9db}.universe-link.purple{--universe-color:#bc97d9}.universe-link.orange{--universe-color:#d9a168}.universe-link.green{--universe-color:#9abe80}.universe-link.pink{--universe-color:#d39aaa}@media(max-width:760px){.grid{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto;gap:28px}.universe-links{grid-template-columns:1fr 1fr}.universe-link:last-child{grid-column:1/-1}.cinema-card{max-width:380px;margin:auto}}