:root{--boitier:#9e1c22;--boitier-clair:#b8262c;--boitier-fonce:#5e0d12;--contour:#0b0b0c;--cadre:#55565a;--ecran:#1f2226;--ecran-clair:#2a2e33;--ecran-moyen:#3b4047;--ecran-fonce:#a7a395;--encre:#ebe5d3;--ombre:#000;--surbrillance:#4d3f10;--accent:#ffd23b;--valide:#86d98a;--valide-fond:#1d3520;--alerte:#ff8f85;--alerte-fond:#3e1a1b;--police-titre:"Press Start 2P", ui-monospace, monospace;--police-texte:"VT323", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--police-texte);font-size:20px;line-height:1.1}*{box-sizing:border-box}body{color:var(--encre);background-color:var(--boitier);background-image:linear-gradient(45deg,#0000000d 25%,#0000 25% 75%,#0000000d 75%),linear-gradient(45deg,#0000000d 25%,#0000 25% 75%,#0000000d 75%);background-position:0 0,4px 4px;background-size:8px 8px;margin:0}img{image-rendering:auto}button,select,input[type=search]{font:inherit;color:var(--encre);background:var(--ecran-clair);border:3px solid var(--encre);border-radius:0;padding:4px 8px}button{font-family:var(--police-titre);cursor:pointer;box-shadow:0 3px 0 var(--ombre);margin-bottom:3px;padding:6px 8px;font-size:9px;line-height:1.4}button:hover{background:var(--ecran-moyen)}button:active{box-shadow:none;transform:translateY(3px)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px dashed var(--boitier-fonce);outline-offset:2px}select{font-size:18px}input[type=checkbox]{appearance:none;border:3px solid var(--encre);background:var(--ecran-clair);vertical-align:-2px;cursor:pointer;width:16px;height:16px;margin:0 4px 0 0}input[type=checkbox]:checked{background:var(--encre);box-shadow:inset 0 0 0 2px var(--ecran-clair)}::placeholder{color:var(--ecran-fonce)}header{background:var(--boitier-clair);border-bottom:4px solid var(--contour);box-shadow:inset 0 -6px 0 var(--boitier-fonce);align-items:center;gap:14px;padding:12px 16px;display:flex}.lentille{border:4px solid var(--contour);width:44px;height:44px;box-shadow:0 0 0 4px #f4f4f4, 0 0 0 7px var(--contour);background:radial-gradient(circle at 35% 35%,#bfe8ff 0 12%,#3aa0ff 13% 55%,#1560c0 56%);border-radius:50%;flex:none}.voyants{align-self:flex-start;gap:6px;display:flex}.voyant{border:3px solid var(--contour);border-radius:50%;width:12px;height:12px}.voyant.rouge{background:#ff3b3b}.voyant.jaune{background:#ffd23b}.voyant.vert{background:#3bd16f}header h1{font-family:var(--police-titre);color:#fff;text-shadow:3px 3px 0 var(--contour);letter-spacing:1px;margin:0 0 0 auto;font-size:14px}.chargement{font-family:var(--police-titre);color:#fff;text-shadow:2px 2px 0 var(--contour);text-align:center;flex-direction:column;align-items:center;gap:24px;padding:18vh 16px;font-size:12px;line-height:1.6;display:flex}.pokeball{background:linear-gradient(var(--contour), var(--contour)) center / 100% 8px no-repeat, linear-gradient(#e8262c 0 50%, #f4f4f4 50% 100%);clip-path:polygon(25% 0,75% 0,75% 6%,87% 6%,87% 13%,94% 13%,94% 25%,100% 25%,100% 75%,94% 75%,94% 87%,87% 87%,87% 94%,75% 94%,75% 100%,25% 100%,25% 94%,13% 94%,13% 87%,6% 87%,6% 75%,0 75%,0 25%,6% 25%,6% 13%,13% 13%,13% 6%,25% 6%);width:64px;height:64px;filter:drop-shadow(0 0 0 var(--contour));animation:1.2s step-end infinite oscille;position:relative}.pokeball:after{content:"";border:6px solid var(--contour);background:#f4f4f4;position:absolute;inset:24px}@keyframes oscille{0%,50%,to{transform:rotate(0)}12%{transform:rotate(-15deg)}25%{transform:rotate(15deg)}37%{transform:rotate(-8deg)}}.chargement p{margin:0}main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr);gap:22px;height:calc(100vh - 72px);padding:18px 20px 20px;display:grid}.colonne{background-color:var(--ecran);background-image:var(--decor,none), var(--lueur,none), repeating-linear-gradient(0deg, #ffffff05 0 2px, transparent 2px 4px);background-repeat:no-repeat,no-repeat,repeat;background-position:var(--decor-position,right -40px bottom -40px), 0 0, 0 0;background-size:var(--decor-taille,240px), 100% 100%, auto;border:4px solid var(--contour);box-shadow:0 0 0 8px var(--cadre), 0 0 0 12px var(--contour), 6px 6px 0 12px #00000040;scrollbar-color:var(--encre) var(--ecran-moyen);padding:12px 14px 20px;position:relative;overflow:hidden auto}.catalogue{--decor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3cpath%20fill='%23ebe5d3'%20fill-opacity='0.05'%20d='M5%200h6v1H5zM3%201h2v1H3zM11%201h2v1h-2zM2%202h1v1H2zM13%202h1v1h-1zM1%203h1v2H1zM14%203h1v2h-1zM0%205h1v2H0zM15%205h1v2h-1zM0%207h7v2H0zM9%207h7v2H9zM6%206h4v1H6zM6%209h4v1H6zM0%209h1v2H0zM15%209h1v2h-1zM1%2011h1v2H1zM14%2011h1v2h-1zM2%2013h1v1H2zM13%2013h1v1h-1zM3%2014h2v1H3zM11%2014h2v1h-2zM5%2015h6v1H5z'/%3e%3c/svg%3e");--decor-taille:280px;--decor-position:right -70px bottom -70px;--lueur:radial-gradient(circle at 100% 100%, #ffaa5012, transparent 55%)}.atelier{--decor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20shape-rendering='crispEdges'%3e%3cg%20fill='none'%20stroke='%23ebe5d3'%20stroke-opacity='0.06'%20stroke-width='2'%3e%3crect%20x='19'%20y='10'%20width='22'%20height='30'%20transform='rotate(-14%2030%2054)'/%3e%3crect%20x='19'%20y='10'%20width='22'%20height='30'%20transform='rotate(14%2030%2054)'/%3e%3crect%20x='19'%20y='10'%20width='22'%20height='30'/%3e%3crect%20x='23'%20y='14'%20width='14'%20height='10'/%3e%3c/g%3e%3c/svg%3e");--decor-taille:220px;--decor-position:right -30px bottom -20px;--lueur:radial-gradient(circle at 0 100%, #ffc86e0f, transparent 60%)}.liens{--decor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20120'%20shape-rendering='crispEdges'%3e%3cstyle%3e.n{fill:%23ebe5d3;fill-opacity:.07}.p{animation:p%204s%20steps(4)%20infinite}.q{animation-delay:2s}@keyframes%20p{50%25{fill-opacity:.14}}@media%20(prefers-reduced-motion:reduce){.p{animation:none}}%3c/style%3e%3cg%20stroke='%23ebe5d3'%20stroke-opacity='0.05'%20stroke-width='2'%20stroke-dasharray='4%203'%3e%3cpath%20d='M20%2020L50%2060M70%2014L50%2060M70%2014L100%2050M100%2050L50%2060M50%2060L18%2096M50%2060L84%20100M100%2050L84%20100'/%3e%3c/g%3e%3crect%20class='n'%20x='16'%20y='16'%20width='8'%20height='8'/%3e%3crect%20class='n%20p'%20x='66'%20y='10'%20width='8'%20height='8'/%3e%3crect%20class='n'%20x='96'%20y='46'%20width='8'%20height='8'/%3e%3crect%20class='n%20p%20q'%20x='45'%20y='55'%20width='10'%20height='10'/%3e%3crect%20class='n'%20x='14'%20y='92'%20width='8'%20height='8'/%3e%3crect%20class='n%20p'%20x='80'%20y='96'%20width='8'%20height='8'/%3e%3c/svg%3e");--decor-taille:260px;--decor-position:right -50px top 40%;--lueur:radial-gradient(circle at 100% 0, #e678a00f, transparent 55%)}.colonne::-webkit-scrollbar{width:12px}.colonne::-webkit-scrollbar-track{background:var(--ecran-moyen)}.colonne::-webkit-scrollbar-thumb{background:var(--encre);border:3px solid var(--ecran-moyen)}.filtres{background:var(--ecran);border-bottom:3px solid var(--encre);z-index:1;margin:-12px -14px 0;padding:12px 14px 8px;position:sticky;top:-12px}.filtres input[type=search]{width:100%;font-size:22px}.filtres-ligne{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;display:flex}.filtre-pv{align-items:center;gap:4px;display:flex}.filtre-pv input{width:4.5em;font-size:18px}.effacer-filtres{margin-left:auto}.filtre-coches{position:relative}.filtre-coches summary{background:var(--ecran-clair);border:3px solid var(--encre);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;font-size:18px;list-style:none}.filtre-coches summary::-webkit-details-marker{display:none}.filtre-coches summary:after{content:" ▾"}.filtre-coches[open] summary:after{content:" ▴"}.filtre-coches.actif summary{border-color:var(--accent);color:var(--accent)}.filtre-coches fieldset{z-index:2;background:var(--ecran-clair);border:3px solid var(--encre);min-width:12em;max-width:min(22em,80vw);max-height:320px;box-shadow:0 3px 0 var(--ombre);margin:0;padding:6px 10px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.filtre-coches legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.filtre-coches label{white-space:nowrap;cursor:pointer;padding:3px 0;display:block}.filtre-coches .icones{margin-left:6px}.filtre-coches .energie{font-size:9px}.filtre-coches label .energie{margin-right:4px}.compteur,.note{font-family:var(--police-titre);color:var(--ecran-fonce);margin:8px 0 0;font-size:8px;line-height:1.6}.grille{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.grille.petite{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.vignette{background:var(--ecran-clair);border:3px solid var(--encre);box-shadow:4px 4px 0 var(--ombre);content-visibility:auto;contain-intrinsic-size:auto 260px;position:relative}.liste .vignette{contain-intrinsic-size:auto 72px}.vignette.selectionnee{background:var(--surbrillance);border-color:var(--accent);box-shadow:4px 4px 0 var(--ombre)}.vignette-corps{text-align:left;width:100%;box-shadow:none;font-family:var(--police-texte);background:0 0;border:0;flex-direction:column;margin:0;padding:6px;font-size:18px;line-height:1;display:flex}.vignette-corps:hover{background:#ffffff0d}.vignette-corps:active{transform:none}.vignette img{aspect-ratio:367/512;border:3px solid var(--encre);background:var(--ecran-moyen);width:100%;height:auto}.vignette-numero{font-family:var(--police-titre);color:var(--ecran-fonce);margin-top:6px;font-size:7px}.vignette-nom{margin-top:2px;font-size:20px}.vignette.selectionnee .vignette-nom:before{content:"▶";color:var(--accent);margin-right:4px;animation:.8s step-end infinite clignote}@keyframes clignote{50%{visibility:hidden}}.vignette-resume{color:var(--ecran-fonce);font-size:16px}.vignette-actions{gap:4px;display:flex;position:absolute;top:10px;right:10px}.icone{min-width:28px;height:28px;font-family:var(--police-texte);box-shadow:0 2px 0 var(--ombre);padding:0 4px;font-size:22px;line-height:1}.icone:disabled{opacity:.4;box-shadow:none;cursor:default}.icone.actif{background:var(--surbrillance);color:var(--accent)}.plus{width:100%;margin-top:12px}.compteur-ligne{justify-content:space-between;align-items:center;gap:8px;display:flex}.bascule{gap:4px;display:flex}.bascule button{padding:4px 6px;font-size:8px}.bascule button[aria-pressed=true]{background:var(--encre);color:var(--ecran)}.grille.liste{grid-template-columns:1fr;gap:6px}.liste .vignette-corps{grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:10px;padding:4px 130px 4px 4px;display:grid}.liste .vignette img{border-width:2px;grid-row:span 3;width:40px}.liste .vignette-numero{margin-top:0}.liste .vignette-actions{top:50%;transform:translateY(-50%)}.energie{border:2px solid var(--contour);width:1em;height:1em;font-family:var(--police-titre);color:#fff;vertical-align:middle;box-sizing:content-box;place-items:center;margin:0 1px;padding:.3em;font-size:.4em;line-height:1;display:inline-grid}.energie-plante{background:#3f9b3a}.energie-feu{background:#e0532b}.energie-eau{background:#2f80d1}.energie-electrique{color:var(--contour);background:#f2c200}.energie-psy{background:#9b4fc2}.energie-combat{background:#b5651d}.energie-obscurite{background:#3c3c4a}.energie-metal{background:#8a929c}.energie-dragon{background:#b08d1a}.energie-incolore{color:var(--contour);background:#f4f4f0}.barre{flex-wrap:wrap;gap:6px;display:flex}.barre select{flex:100%;width:100%;min-width:0}.zone{border:3px solid var(--encre);flex-wrap:wrap;gap:6px;margin:14px 0;padding:8px;display:flex}.zone legend{font-family:var(--police-titre);padding:0 6px;font-size:8px}.type{align-items:center;gap:4px;font-size:8px;display:inline-flex}.type.actif{background:var(--encre);color:var(--ecran-clair)}.etat-deck{font-family:var(--police-titre);border:3px solid;padding:8px;font-size:9px;line-height:1.6}.etat-deck.valide{color:var(--valide);background:var(--valide-fond)}.etat-deck.invalide{color:var(--alerte);background:var(--alerte-fond)}.liste-deck{margin:8px 0 0;padding:0;list-style:none}.liste-deck li{border-bottom:2px dashed var(--ecran-fonce);align-items:center;gap:8px;padding:4px;display:flex}.liste-deck li.selectionnee{background:var(--surbrillance)}.liste-deck .lien{min-width:0;box-shadow:none;text-align:left;font-family:var(--police-texte);background:0 0;border:0;flex:1;align-items:center;gap:8px;margin:0;padding:2px;font-size:20px;display:flex}.liste-deck .lien:active{transform:none}.liste-deck .lien span{flex-direction:column;display:flex}.liste-deck small{color:var(--ecran-fonce);font-size:16px}.liste-deck img{border:2px solid var(--encre);height:auto}.quantite{font-family:var(--police-titre);align-items:center;gap:6px;font-size:10px;display:flex}.sauvegarde{border-top:3px solid var(--encre);margin-top:20px;padding-top:12px}.sauvegarde summary{font-family:var(--police-titre);cursor:pointer;margin-bottom:10px;font-size:9px}.sauvegarde button{margin:0 6px 8px 0}.notification{z-index:100;max-width:calc(100vw - 32px);font-family:var(--police-titre);text-align:center;color:var(--encre);border:3px solid var(--encre);box-shadow:4px 4px 0 var(--ombre);pointer-events:none;background:#0b0b0ce0;margin:0;padding:12px 18px;font-size:10px;line-height:1.6;animation:2.5s forwards notification;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes notification{0%{opacity:0;transform:translate(-50%,16px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.liens.vide p{font-family:var(--police-titre);border:3px solid var(--encre);background:var(--ecran-clair);padding:12px;font-size:9px;line-height:1.8}.retour{margin-bottom:10px}.detail{background:var(--ecran-clair);border:3px solid var(--encre);box-shadow:4px 4px 0 var(--ombre);grid-template-columns:minmax(90px,130px) minmax(0,1fr);gap:12px;margin-bottom:10px;padding:10px;display:grid}.loupe{box-shadow:none;cursor:zoom-in;background:0 0;border:0;align-self:start;margin:0;padding:0}.loupe:hover{background:0 0}.loupe:active{transform:none}.detail img{border:3px solid var(--encre);width:100%;height:auto;display:block}.illustrations{grid-column:1/-1}.illustrations .note{margin-top:0}.illustrations ul{gap:8px;margin:6px 0 0;padding:0 0 6px;list-style:none;display:flex;overflow-x:auto}.illustrations button{border:3px solid var(--ecran-moyen);box-shadow:none;background:0 0;flex:none;margin:0;padding:0}.illustrations button[aria-pressed=true]{border-color:var(--accent)}.illustrations button:active{transform:none}.illustrations img{border:0;width:52px;height:auto;display:block}.agrandissement{z-index:10;cursor:zoom-out;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0}.agrandissement img{border:4px solid var(--encre);width:auto;max-width:100%;height:auto;max-height:calc(100vh - 100px);box-shadow:8px 8px 0 var(--ombre);cursor:default}.detail>div{overflow-wrap:break-word;min-width:0}.detail h2{font-family:var(--police-titre);margin:0 0 6px;font-size:clamp(9px,1vw,12px);line-height:1.4}.detail p{margin:6px 0}.resume{color:var(--ecran-fonce)}.badge{font-family:var(--police-titre);border:2px solid var(--encre);vertical-align:2px;margin-left:8px;padding:2px 5px;font-size:7px}.degats{font-family:var(--police-titre);font-size:11px}.puces{flex-wrap:wrap;gap:5px;padding:0;list-style:none;display:flex}.puce{border:2px solid var(--encre);padding:1px 6px;font-size:16px}.puce.produit{background:var(--encre);color:var(--ecran-clair)}.groupe{margin-top:18px}.groupe summary{cursor:pointer;list-style:none}.groupe summary::-webkit-details-marker{display:none}.groupe summary h3:before{content:"▸ "}.groupe details[open]>summary h3:before{content:"▾ "}.groupe h3{font-family:var(--police-titre);background:var(--ombre);color:var(--encre);border-left:6px solid var(--accent);margin:0;padding:6px 8px;font-size:9px;font-weight:400;line-height:1.6}.sorte{color:var(--accent)}.compte{color:#bdbdbd}.bandeau{background:var(--ecran-clair);border:4px solid var(--contour);flex-wrap:wrap;align-items:center;gap:8px;margin:12px 20px 0;padding:10px 14px;display:flex}.onglets{display:none}@media (width<=800px){:root{font-size:19px}header h1{font-size:10px}main{height:auto;padding:16px 16px 92px;display:block}.colonne{display:none;overflow:visible}.onglet-catalogue .catalogue,.onglet-atelier .atelier,.onglet-liens .liens{display:block}.onglet-liens .liens{min-height:calc(100vh - 200px)}.filtres{top:0}.detail{grid-template-columns:110px minmax(0,1fr)}.onglets{background:var(--boitier-clair);border-top:4px solid var(--contour);z-index:2;gap:8px;padding:10px 12px 12px;display:flex;position:fixed;inset:auto 0 0}.onglets button{color:#fff;border-color:var(--contour);box-shadow:0 4px 0 var(--contour);background:#3c3c3c;flex:1;padding:12px 0}.onglets button[aria-current=page]{background:var(--surbrillance);color:var(--accent)}}@media (prefers-reduced-motion:reduce){.vignette.selectionnee .vignette-nom:before,.pokeball,.notification{animation:none}}.force-meta{isolation:isolate;position:relative}.force-meta>details[open]{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAgMjAwIiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxnIGZpbGw9IiNlYmU1ZDMiIGZpbGwtb3BhY2l0eT0iMC4wOCIgZm9udC1mYW1pbHk9InVpLW1vbm9zcGFjZSxtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTEiPjx0ZXh0IHg9IjgiIHk9IjE4Ij5QKFYpID0gMC41MzwvdGV4dD48dGV4dCB4PSI0MCIgeT0iNDYiPs6jIDggw5cgMjAwPC90ZXh0Pjx0ZXh0IHg9IjEyIiB5PSI3NCI+zrwgwrEgz4M8L3RleHQ+PHRleHQgeD0iNjIiIHk9IjEwMiI+4oaSIDQ4ICU8L3RleHQ+PHRleHQgeD0iNiIgeT0iMTMwIj7OlFBWIOKJpSA3MDwvdGV4dD48dGV4dCB4PSI1NCIgeT0iMTU4Ij7iiLQg4pyTPC90ZXh0Pjx0ZXh0IHg9IjE0IiB5PSIxODYiPm4gPSAxNjAwPC90ZXh0PjwvZz48L3N2Zz4K) right 4px top 0/150px repeat-y,radial-gradient(circle at 100% 100%,#6ec8dc12,#0000 65%);padding-bottom:6px}.force-meta.calcul>details[open]{animation:6s linear infinite defile}@keyframes defile{to{background-position:right 4px top -200px,0 0}}.force-meta.avec-portrait>details[open]{min-height:200px}.force-meta.avec-portrait:before{content:"";z-index:-1;pointer-events:none;background:var(--portrait) 30% 20% / cover no-repeat;filter:grayscale()sepia(.45);opacity:.16;height:300px;transition:opacity .6s;position:absolute;inset:30px 0 auto;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.force-meta.avec-portrait.calcul:before{opacity:.26}.force-meta.avec-portrait:has(details:not([open])):before{display:none}@media (prefers-reduced-motion:reduce){.force-meta.calcul>details[open]{animation:none}}.force-meta .score{font-family:var(--police-titre);margin:8px 0 0;font-size:9px;line-height:1.6}.force-meta .score strong{color:var(--accent);font-size:16px}.matchups{margin:8px 0 0;padding:0;list-style:none}.matchups li{border-bottom:2px dashed var(--ecran-fonce);justify-content:space-between;align-items:center;gap:8px;padding:4px;display:flex}.matchups small{color:var(--ecran-fonce);display:block}.matchups .favorable,.matchups .defavorable{white-space:nowrap}.matchups .favorable{color:var(--valide)}.matchups .defavorable{color:var(--alerte)}