*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#014fd1;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:1em}#app{width:100%;display:flex;justify-content:center;margin:0 auto}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.accueil{text-align:center}.accueil h1{text-align:center;margin-top:50px;color:#fed000}.categories{width:100%;display:flex;justify-content:center;gap:60px;padding:40px 0}.categorie{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:200px;height:300px;padding:10px;border:4px solid gray;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .2s ease-in-out}.categorie-link{display:flex;flex-direction:column;align-items:center;transition:transform .25s ease}.categorie-link:hover{transform:scale(1.05)}.categorie-image{width:220px;height:320px;border-radius:14px;border:4px solid #444;background-size:cover;background-position:center;box-shadow:0 8px 20px #00000059;transition:transform .25s ease}.categorie-link:hover .categorie-image{transform:scale(1.05)}.categorie-link h2{margin-top:12px;color:#fed000;letter-spacing:1px}.pokemonList{width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#242424}.pokemonList h1{text-align:center;font-size:2rem;color:#fed000;background-color:#242424;margin:0;padding:20px 0}.card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column}.card .like-button{position:absolute;bottom:30px;right:20px;top:auto;z-index:5}.cardInfo{padding:12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.cardTextInfo{text-align:center;width:100%}.cardInfo h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#fed000}.cardInfo p{margin:0;font-size:13px;color:#fed000}.error{color:#e74c3c;margin-top:12px;text-align:center;font-weight:500;padding:20px;background-color:#242424}@media(min-width:900px){.cardsGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.filter-container{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#242424}.filter-toggle{background:#fed000;color:#242424;border:none;padding:10px 24px;border-radius:5px;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .25s ease}.filter-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #00000040}.filter-panel{width:100%;max-width:1100px;margin-top:18px;padding:20px;background:#1a1a1a;border-radius:12px;border:1px solid #333;box-shadow:0 10px 30px #0006;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.filter-group{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #333}.filter-group:last-of-type{border-bottom:none}.filter-group h4{margin:0 0 12px;color:#fed000;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.filter-checkbox input{display:none}.filter-checkbox{display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:13px;color:#ddd;border-radius:8px;border:1px solid #444;background:#2a2a2a;cursor:pointer;transition:all .2s ease}.filter-checkbox:hover{background:#333;border-color:#fed000}.filter-checkbox input:checked+span{background:#fed000;color:#242424;padding:4px 8px;border-radius:6px;font-weight:600}.filter-checkbox span{display:flex;align-items:center;gap:6px}.filter-reset{margin-top:10px;width:100%;background:linear-gradient(135deg,#e74c3c,#ff6b5e);border:none;border-radius:8px;padding:11px;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}.filter-reset:hover{transform:scale(1.02);background:linear-gradient(135deg,#c0392b,#ff4f40)}.rarity-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.rarity-checkbox{display:flex;justify-content:center;align-items:center;padding:10px}.rarity-icon{font-size:20px;cursor:pointer}.type-with-icon{display:flex;align-items:center;gap:6px}.type-icon{width:20px;height:20px;flex-shrink:0}@media(max-width:768px){.filter-panel{max-height:65vh;overflow-y:auto}.filter-options{grid-template-columns:1fr}}.like-button{all:unset;position:absolute;top:8px;right:8px;width:38px;height:38px;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s}.like-button svg{width:24px;height:24px}.like-button path{fill:none;stroke:#ff4757;stroke-width:2;transition:all .25s ease}.like-button.liked path{fill:#ff4757}.like-button:hover{transform:scale(1.1)}.like-button.liked svg{animation:pop .3s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.searchBar{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px auto;max-width:400px}.searchBar input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #444;background:#1e1e1e;color:#fff;font-size:14px}.searchBar input::placeholder{color:#aaa}.searchBar button{padding:8px 12px;border-radius:8px;border:none;background:#fed000;cursor:pointer;font-weight:700}.searchBar button:hover{background:#ffd633}ul{list-style-type:none;padding:0;display:flex;flex-direction:row;justify-content:center;gap:20px;background-color:#fed000}.logo{position:absolute;left:20px;top:5px}.logo img{height:40px;width:auto;cursor:pointer}nav{width:100%;background-color:#fed000;box-shadow:0 3px 10px #00000026;display:flex;align-items:center}nav ul{list-style:none;margin:0;padding:12px 20px;width:100%;display:flex;justify-content:center;align-items:center;gap:28px}nav a{position:relative;text-decoration:none;font-weight:600;font-size:15px;color:#242424;padding:6px 10px;transition:color .2s}nav a:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background:#014fd1;transition:width .25s ease}nav a:hover:after{width:100%}nav a:hover{color:#014fd1}.router-link-active{color:#014fd1;font-weight:700}.footer{margin-top:40px;padding:25px 20px;background:#1a1a1a;border-top:2px solid #FED000;text-align:center}.footer-content{max-width:900px;margin:auto}.footer-title{font-weight:700;font-size:16px;color:#fed000;margin-bottom:6px}.footer-credit{font-size:14px;color:#ccc}.footer-credit a{color:#fed000;font-weight:600}.footer-credit a:hover{text-decoration:underline}.footer-info{margin-top:8px;font-size:12px;color:#888}.footer-year{margin-top:8px;font-size:12px;color:#666}.layout{width:100%;min-height:100vh;display:flex;flex-direction:column}.cardDetails{max-width:1200px;margin:auto;padding:30px}.cardDetails h1{text-align:center;color:#fed000;margin-bottom:30px}.headerCarte{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.headerCarte .nomCarte{display:flex;flex-direction:row;align-items:center;gap:10px}.headerCarte h2{margin:0}.typePokemon{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-right:10px;border-radius:20px;color:#fff;font-weight:700;box-shadow:0 4px 10px #0006}.typePokemon span{font-size:13px}.type-icon-card{width:22px;height:22px}.infoCarte{position:relative;display:grid;grid-template-columns:320px 1fr;gap:40px;background:#1a1a1a;border-radius:14px;padding:30px;border:1px solid #333;box-shadow:0 10px 40px #00000080}.boutonLike{position:relative;top:2px}.art{display:flex;flex-direction:column;align-items:center}.imageCarte{width:100%;max-width:260px;border-radius:12px;box-shadow:0 10px 30px #00000080,0 0 10px #fed00033;transition:transform .3s ease}.imageCarte:hover{transform:scale(1.05)}.artisteCarte{margin-top:10px;font-size:13px;color:#888}.infos h2{color:#fff;font-size:28px}.statsCarte{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.stat{background:#2a2a2a;padding:6px 12px;border-radius:6px;border:1px solid #444;font-size:14px}.statTitle{color:#fed000;margin-right:5px;font-weight:700}.statValue{color:#ddd}.abilitesCarte,.attaquesCarte{margin-top:25px}.abilitesCarte h3,.attaquesCarte h3{color:#fed000;margin-bottom:10px}.capacite{background:#222;padding:12px;border-radius:8px;margin-bottom:10px;border-left:4px solid #FED000}.capacite h4{margin-bottom:5px}.attaque{background:#222;padding:12px;border-radius:8px;margin-bottom:10px;border-left:4px solid var(--attaque-color, #ddd)}.attaqueHeader{display:flex;align-items:center;gap:10px;margin-bottom:6px}.attaqueCost{display:flex;gap:4px}.energyIcon{width:18px;height:18px}.damage{margin-left:auto;font-weight:700}.coutsCarte{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.badgeType{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:13px;font-weight:700;background:#2a2a2a;color:#fff;border:1px solid #444}.badgeType.retreat{background:#2a2a2a;color:#fff;border:1px solid #444}.descriptionCarte{margin-top:20px;padding:12px;background:#222;border-radius:8px;border-left:4px solid #FED000}@media(max-width:900px){.infoCarte{grid-template-columns:1fr}.art{order:-1}}.setContainer{width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#242424}.setList{width:100%;display:flex;flex-direction:column;align-items:center}.setList h1{text-align:center;font-size:2rem;color:#fed000;background-color:#242424;margin:0;padding:20px 0}.sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding:24px;background-color:#242424;width:100%}.set{border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000014}.set:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 30px #00000026}.set a{text-decoration:none;display:flex;flex-direction:column;height:100%}.logoSet{width:100%;height:150px;object-fit:contain;background-color:#1a1a1a;padding:10px}.set h2{margin:10px;font-size:15px;font-weight:600;color:#fed000;text-align:center}.setCardsDetail{width:100%;display:flex;flex-direction:column}.setHeader{padding:20px;background-color:#242424;display:flex;align-items:center;gap:20px}.backButton{color:#fed000;text-decoration:none;font-size:16px;transition:all .3s ease;padding:8px 12px;border-radius:8px}.backButton:hover{background-color:#3a3a3a;transform:translate(-4px)}.setHeader h1{margin:0;font-size:2rem;color:#fed000;flex-grow:1}.cardsDisplay{width:100%;margin:10px auto}.no-results{text-align:center;padding:40px 20px;color:#999;font-size:16px;background-color:#242424}.cardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding:24px;background-color:#242424}.card{border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column}.cardType{font-size:11px;color:#999;font-style:italic}.favorites{width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#242424}.favorites h1{text-align:center;font-size:2rem;color:#fed000;background-color:#242424;margin:0;padding:20px 0}.no-favorites{text-align:center;padding:60px 20px;color:#999;font-size:18px;background-color:#242424}.no-favorites p{margin:10px 0}.cardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding:24px;background-color:#242424;width:100%}.card{border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;position:relative}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 30px #00000026}.card a{text-decoration:none;display:flex;flex-direction:column;height:100%}.cardImage{width:100%;padding-top:140%;background-size:cover;background-position:center;transition:transform .3s ease}.card:hover .cardImage{transform:scale(1.05)}.cardInfo{padding:12px;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.cardInfo h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#fed000;line-height:1.3}.cardInfo p{margin:0;font-size:12px;color:#aaa}.loading{text-align:center;padding:40px 20px;color:#fed000;font-size:18px;background-color:#242424}.error{text-align:center;padding:40px 20px;color:#ff6b6b;font-size:16px;background-color:#242424}