: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:#646cff;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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--pokemon-red: #e53935;--pokemon-blue: #1976d2;--pokemon-yellow: #fdd835;--pokemon-green: #43a047;--primary-color: var(--pokemon-red);--secondary-color: var(--pokemon-blue);--accent-color: var(--pokemon-yellow);--background-color: #121218;--card-bg-color: #1e1e2f;--text-color: #f0f0f0;--text-light: #b0b0b0;--border-color: #3a3a56;--border-radius: 8px;--shadow: 0 4px 8px rgba(0, 0, 0, .5);--colorless: #a8a878;--darkness: #705848;--dragon: #7038f8;--fairy: #e898e8;--fighting: #c03028;--fire: #f08030;--grass: #78c850;--lightning: #f8d030;--metal: #b8b8d0;--psychic: #f85888;--water: #6890f0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Roboto,Segoe UI,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;background-image:radial-gradient(circle at 10% 20%,rgba(229,57,53,.03) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(253,216,53,.03) 0%,transparent 20%)}a{text-decoration:none;color:var(--primary-color);transition:color .2s ease}a:hover{color:#c62828}ul{list-style:none}img{max-width:100%;height:auto}button,.btn{cursor:pointer;font-size:1rem;font-family:inherit;border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s,transform .2s}button:hover,.btn:hover{transform:translateY(-2px)}button:active,.btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-page section,.card-item,.set-item,.card-detail-container,.set-header{animation:fadeIn .5s ease-out}#root{width:100%}.site-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--spacing-md)}.site-header{background:linear-gradient(to bottom,#252538,#1a1a28);box-shadow:0 2px 12px #00000080;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100;border-bottom:1px solid #373750}.header-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.logo a{display:flex;align-items:center;text-decoration:none}.logo h1{color:var(--primary-color);font-size:1.6rem;margin:0;text-shadow:0 0 10px rgba(229,57,53,.3)}.main-nav ul{display:flex;gap:var(--spacing-lg)}.main-nav a{color:var(--text-color);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:color .2s,background-color .2s,transform .2s}.main-nav a:hover{color:var(--primary-color);transform:translateY(-2px)}.main-nav a.active{color:var(--primary-color);font-weight:700;position:relative}.main-nav a.active:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background-color:var(--primary-color);border-radius:2px}.search-bar form{display:flex;align-items:center}.search-bar input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius) 0 0 var(--border-radius);min-width:200px;background-color:#292940;color:var(--text-color);transition:all .2s ease;box-shadow:inset 0 1px 3px #0003}.search-bar input:focus{outline:none;border-color:var(--primary-color);background-color:#2f2f4a;box-shadow:inset 0 1px 3px #0003,0 0 5px #e539354d}.search-bar button{background-color:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--border-radius) var(--border-radius) 0;transition:all .2s ease}.search-bar button:hover{background-color:#c62828;transform:translateY(-2px);box-shadow:0 3px 5px #0003}.mobile-menu-button{display:none;background:none;border:none;padding:var(--spacing-sm)}.site-footer{background:linear-gradient(to bottom,#1a1a28,#0e0e14);color:#fff;padding:var(--spacing-xl) var(--spacing-md);margin-top:var(--spacing-xxl);box-shadow:0 -2px 10px #0000004d;border-top:1px solid #373750}.footer-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.footer-section h3{color:var(--accent-color);margin-bottom:var(--spacing-md);font-size:1.2rem;position:relative;padding-bottom:var(--spacing-sm)}.footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--accent-color);border-radius:2px}.footer-section ul{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-section a{color:#d0d0d0;opacity:.9;transition:all .2s ease;display:inline-block}.footer-section a:hover{opacity:1;color:var(--primary-color);transform:translate(3px)}.footer-bottom{max-width:1280px;margin:var(--spacing-xl) auto 0;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.9rem;opacity:.7}.hero-section{background:linear-gradient(#000000b3,#000000b3),url(https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/official-artwork/25.png) no-repeat center right;background-color:#191925;color:#fff;padding:var(--spacing-xxl) var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden;background-size:contain;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.05)}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(229,57,53,.3),transparent);pointer-events:none}.hero-content{max-width:600px;position:relative;z-index:2}.hero-content h1{font-size:2.5rem;margin-bottom:var(--spacing-md);text-shadow:0 2px 10px rgba(0,0,0,.8);background:linear-gradient(45deg,#f5f5f5,#d0d0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.2rem;margin-bottom:var(--spacing-lg);opacity:.9;text-shadow:0 2px 5px rgba(0,0,0,.8)}.hero-buttons{display:flex;gap:var(--spacing-md)}.btn-primary{background-color:var(--accent-color);color:#333;font-weight:700;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 10px #0000004d;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0006}.btn-secondary{background-color:transparent;color:#fff;font-weight:700;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);border:2px solid white;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-3px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);position:relative}.section-header h2{font-size:1.5rem;color:var(--text-color);position:relative;padding-left:var(--spacing-md)}.section-header h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background-color:var(--primary-color);border-radius:3px}.view-all-link{color:var(--primary-color);font-weight:500;transition:all .2s ease}.view-all-link:hover{color:#c62828;text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-xl);justify-items:center;margin:0 auto;padding:var(--spacing-md);align-items:stretch;contain:layout style paint}.card-item{background-color:var(--card-bg-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 10px #0006;transition:transform .3s,box-shadow .3s;text-decoration:none;color:var(--text-color);width:100%;max-width:220px;height:100%;display:flex;flex-direction:column}.card-item:hover{transform:translateY(-8px);box-shadow:0 10px 20px #e5393566,0 0 15px #fdd8354d}.card-image{width:100%;aspect-ratio:2.5/3.5;object-fit:contain;background-color:#252538;transition:opacity .3s ease;min-height:250px}.card-info{padding:var(--spacing-md);display:flex;flex-direction:column;flex-grow:1;border-top:1px solid rgba(255,255,255,.05)}.card-info h3{font-size:1rem;margin-bottom:4px;color:var(--text-color)}.card-info p{font-size:.9rem;color:var(--text-light);margin-top:auto}.card-attacks{margin-top:var(--spacing-lg)}.attack{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);border-left:3px solid var(--border-color)}.attack-cost{display:flex;align-items:center;margin-right:var(--spacing-sm)}.attack-cost .type-icon{margin-right:3px;width:20px;height:20px}.attack-header{display:flex;align-items:center;margin-bottom:var(--spacing-xs)}.attack-name{font-weight:700;font-size:1.1rem;margin-right:var(--spacing-sm)}.attack-damage{font-weight:700;margin-left:auto;color:var(--primary-color)}.card-weakness-resistance{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.weakness-section,.resistance-section{padding:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius)}.weakness-item,.resistance-item{display:flex;align-items:center;margin-bottom:var(--spacing-xs)}.weakness-item .type-icon,.resistance-item .type-icon{width:22px;height:22px;margin-right:var(--spacing-xs)}.weakness-value,.resistance-value{font-weight:700}.weakness-value{color:var(--primary-color)}.resistance-value{color:var(--green)}.card-abilities{margin-top:var(--spacing-lg)}.ability{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);border-left:3px solid var(--secondary-color)}.ability h4{margin-bottom:var(--spacing-xs);display:flex;align-items:center}.ability-type{color:var(--secondary-color);margin-right:var(--spacing-xs)}.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-xl);justify-content:center;margin:0 auto;padding:var(--spacing-md)}.set-item{background:linear-gradient(to bottom,var(--card-bg-color),#181825);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 10px #0006;padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;text-decoration:none;color:var(--text-color);transition:transform .3s,box-shadow .3s;width:100%;max-width:250px;height:100%;align-items:center;border:1px solid rgba(255,255,255,.05)}.set-item:hover{transform:translateY(-8px);box-shadow:0 10px 20px #1976d266,0 0 15px #fdd8354d;border:1px solid rgba(255,255,255,.1)}.set-header{margin-bottom:var(--spacing-md);text-align:center;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.set-logo{height:60px;max-width:200px;object-fit:contain;margin:0 auto var(--spacing-md);display:block}.set-details{flex:1;min-width:250px;display:flex;flex-direction:column;align-items:center}.set-symbol{flex:0 0 auto;margin-right:var(--spacing-md);display:flex;justify-content:center;margin-bottom:var(--spacing-sm)}.set-symbol img{max-width:30px;height:auto}.set-info{flex:1}.set-series{font-weight:500;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.set-release,.set-count{font-size:.9rem;color:var(--text-light);margin-bottom:var(--spacing-xs)}.set-legalities{flex:1;min-width:250px;margin-left:var(--spacing-lg)}.set-legalities .legality-badges{background-color:#ffffff08;padding:var(--spacing-md);border-radius:var(--border-radius);border-left:3px solid var(--accent-color);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.set-search-form{display:flex;width:100%;margin-bottom:var(--spacing-xs)}.set-search-form input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background-color:#252538;border:1px solid var(--border-color);border-radius:var(--border-radius) 0 0 var(--border-radius);color:var(--text-color);font-size:.9rem;transition:all .2s ease}.set-search-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px #e539354d;background-color:#2a2a40}.set-search-form .search-button{background:linear-gradient(45deg,var(--primary-color),#c62828);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--border-radius) var(--border-radius) 0;cursor:pointer;transition:all .2s ease}.set-search-form .search-button:hover{background-color:#c62828;transform:translateY(-2px)}.sets-page{max-width:1280px;width:100%;margin:0 auto}.sets-container{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl)}.sets-content{width:100%;display:flex;flex-direction:column;align-items:center}.sets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);width:100%;padding:var(--spacing-md);justify-items:center;align-items:stretch}.set-item{margin:0 auto;width:100%;max-width:280px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom,var(--card-bg-color),#181825);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 10px #0006;padding:var(--spacing-xl) var(--spacing-md);text-decoration:none;color:var(--text-color);transition:transform .3s,box-shadow .3s;height:100%;border:1px solid rgba(255,255,255,.05)}.set-item .set-header{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md);overflow:hidden}.set-item .set-header img.set-logo{max-width:100%;height:auto;object-fit:contain;max-height:100px}@media screen and (max-width: 1200px){.sets-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.sets-container{grid-template-columns:1fr}.sets-grid{grid-template-columns:repeat(1,1fr)}.set-item{max-width:280px}.filters-sidebar{position:relative;top:0;max-height:none;margin-bottom:var(--spacing-md)}}.cards-page{max-width:1280px;width:100%;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.page-header h1{font-size:2rem;color:var(--text-color);margin-bottom:var(--spacing-xs)}.page-header p{color:var(--text-light)}.cards-container{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl)}.filters-sidebar{background:linear-gradient(to bottom,var(--card-bg-color),rgba(30,30,47,.95));padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 4px 15px #0000004d;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;border:1px solid rgba(255,255,255,.05);align-self:start}.filters-sidebar h2{color:var(--accent-color);font-size:1.3rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.filters-sidebar h2:after{content:"";position:absolute;bottom:-1px;left:0;width:50px;height:2px;background-color:var(--accent-color)}.filter-group{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:#ffffff08;border-radius:var(--border-radius);border-left:3px solid var(--border-color);transition:border-color .2s ease}.filter-group:hover{border-left-color:var(--primary-color)}.filter-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-color);font-weight:500;font-size:.95rem}.filter-group input,.filter-group select{width:100%;padding:var(--spacing-sm);background-color:#252538;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:.9rem;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px #e539354d;background-color:#2a2a40}.clear-filters-btn{width:100%;background:linear-gradient(45deg,var(--primary-color),#c62828);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);margin-top:var(--spacing-lg);font-weight:500;text-align:center;box-shadow:0 2px 5px #0000004d;transition:all .2s ease}.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.cards-content{width:100%}.results-info{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);font-size:.95rem;border-left:3px solid var(--accent-color)}.filter-section{margin-bottom:var(--spacing-lg);background-color:#ffffff05;border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.05)}.filter-section h3{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--accent-color);position:relative;padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.1)}.filter-icon{display:inline-block;margin-right:var(--spacing-xs);font-style:normal}.filter-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-light);font-size:.9rem;font-style:italic}.filter-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f0f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:30px}.filter-group select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e53935' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.no-results{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);margin:var(--spacing-xl) auto;max-width:500px;border:1px solid var(--border-color)}.no-results-icon{font-size:3rem;color:var(--text-light);margin-bottom:var(--spacing-md)}.no-results h3{color:var(--text-color);font-size:1.3rem;margin-bottom:var(--spacing-md)}.no-results p{color:var(--text-light);margin-bottom:var(--spacing-lg)}.pagination{display:flex;align-items:center;justify-content:center;margin:var(--spacing-xl) 0;gap:var(--spacing-xl);padding:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);box-shadow:0 2px 8px #0003;max-width:500px;margin-left:auto;margin-right:auto}.pagination-btn{background:linear-gradient(to bottom,#335,#252538);color:var(--text-color);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;min-width:120px;font-weight:500;position:relative;overflow:hidden;box-shadow:0 2px 5px #0003}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#252535;box-shadow:none}.pagination-btn:not(:disabled):hover{background:linear-gradient(to bottom,var(--primary-color),#c62828);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.pagination-btn:not(:disabled):active{transform:translateY(0)}.pagination-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.pagination-btn:not(:disabled):hover:after{left:100%}.page-indicator{background-color:#ffffff0d;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);min-width:80px;text-align:center;font-weight:500;border:1px solid rgba(255,255,255,.1)}.card-detail-page{max-width:1280px;width:100%;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg)}.card-detail-page.loading,.card-detail-page.error,.card-detail-page.not-found{display:flex;justify-content:center;align-items:center;min-height:60vh;flex-direction:column;text-align:center}.breadcrumbs{margin:var(--spacing-md) 0 var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);font-size:.9rem}.breadcrumbs a{color:var(--text-light);margin:0 var(--spacing-xs);transition:color .2s}.breadcrumbs a:hover{color:var(--primary-color)}.breadcrumbs span{color:var(--text-color);margin:0 var(--spacing-xs)}.card-detail-container{display:grid;grid-template-columns:minmax(300px,1fr) 2fr;gap:var(--spacing-xl);align-items:start;background:linear-gradient(to bottom,#1e1e2f80,#121218b3);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;border:1px solid rgba(255,255,255,.05)}.card-image-container{position:sticky;top:100px;background-color:#ffffff08;padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;text-align:center;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center}.card-detail-image{width:100%;max-width:350px;border-radius:var(--border-radius);box-shadow:0 5px 15px #0006;transition:transform .3s ease}.card-detail-image:hover{transform:scale(1.02)}.buy-button{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-weight:500;transition:all .3s ease;width:100%;max-width:200px;text-align:center}.buy-button:hover{background-color:#c62828;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #c628284d}.card-info-container{background:linear-gradient(to bottom,var(--card-bg-color),rgba(30,30,47,.9));padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;border:1px solid rgba(255,255,255,.05)}.card-name{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--text-color);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-sm);position:relative}.card-name:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background-color:var(--primary-color)}.card-type-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.card-supertype{font-size:1.1rem;color:var(--text-color);padding:var(--spacing-xs) var(--spacing-sm);background-color:#ffffff0d;border-radius:var(--border-radius)}.card-subtype{font-size:.9rem;color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);background-color:#ffffff08;border-radius:var(--border-radius)}.type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);color:#fff;font-weight:500;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.type-colorless{background-color:var(--colorless)}.type-darkness{background-color:var(--darkness)}.type-dragon{background-color:var(--dragon)}.type-fairy{background-color:var(--fairy)}.type-fighting{background-color:var(--fighting)}.type-fire{background-color:var(--fire)}.type-grass{background-color:var(--grass)}.type-lightning{background-color:var(--lightning);color:#333}.type-metal{background-color:var(--metal)}.type-psychic{background-color:var(--psychic)}.type-water{background-color:var(--water)}.card-stat{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.stat-label{font-weight:500;margin-right:var(--spacing-sm);color:var(--text-light)}.stat-value{font-weight:700;color:var(--accent-color)}.card-set-info{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);border-left:3px solid var(--secondary-color)}.set-logo{display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.set-symbol{width:24px;height:24px;margin-right:var(--spacing-sm)}.set-series{color:var(--text-light);margin-right:var(--spacing-sm)}.card-number{margin:0 var(--spacing-sm)}.card-rarity{color:var(--accent-color);font-weight:500}.card-rules,.card-abilities,.card-attacks{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);border-left:3px solid var(--secondary-color)}.card-rules h3,.card-abilities h3,.card-attacks h3{color:var(--text-color);margin-bottom:var(--spacing-md);font-size:1.3rem}.rule-text{color:var(--text-light);margin-bottom:var(--spacing-sm);font-style:italic}.ability{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}.ability:last-child{border-bottom:none;padding-bottom:0}.ability-type{color:var(--accent-color);margin-right:var(--spacing-xs)}.attack{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}.attack:last-child{border-bottom:none;padding-bottom:0}.attack-header{display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.attack-cost{display:flex;margin-right:var(--spacing-md)}.energy-icon{width:24px;height:24px;border-radius:50%;margin-right:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.energy-colorless{background-color:var(--colorless);color:#333}.energy-darkness{background-color:var(--darkness)}.energy-dragon{background-color:var(--dragon)}.energy-fairy{background-color:var(--fairy)}.energy-fighting{background-color:var(--fighting)}.energy-fire{background-color:var(--fire)}.energy-grass{background-color:var(--grass)}.energy-lightning{background-color:var(--lightning);color:#333}.energy-metal{background-color:var(--metal);color:#333}.energy-psychic{background-color:var(--psychic)}.energy-water{background-color:var(--water)}.attack-name{flex-grow:1;font-weight:600}.attack-damage{font-weight:700;color:var(--accent-color)}.attack-text{color:var(--text-light);font-size:.95rem}.card-attributes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.attribute-section{padding:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius)}.attribute-section h3{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--text-color)}.attribute{display:flex;align-items:center}.type-icon{width:24px;height:24px;border-radius:50%;margin-right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.attribute-value{font-weight:600}.card-prices{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:#ffffff08;border-radius:var(--border-radius);border-left:3px solid var(--accent-color)}.card-prices h3{color:var(--text-color);margin-bottom:var(--spacing-sm);font-size:1.3rem}.price-updated{font-size:.8rem;color:var(--text-light);margin-bottom:var(--spacing-md)}.price-category{margin-bottom:var(--spacing-md)}.price-category h4{font-size:1.1rem;color:var(--text-color);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.1)}.price-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.price-item{display:flex;flex-direction:column}.price-label{font-size:.9rem;color:var(--text-light)}.price-value{font-weight:600;font-size:1.1rem;color:var(--accent-color)}.card-artist{margin-top:var(--spacing-lg);text-align:center;font-style:italic;color:var(--text-light);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.card-detail-container{grid-template-columns:1fr}.card-image-container{position:relative;top:auto;margin-bottom:var(--spacing-lg)}.attack-header{flex-wrap:wrap}.attack-cost{margin-bottom:var(--spacing-xs)}}.set-info-title{font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--text-color);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--border-color);position:relative;text-align:center}.set-info-title:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:2px;background-color:var(--primary-color)}.set-detail-items{width:100%;background-color:#ffffff08;padding:var(--spacing-md);border-radius:var(--border-radius);border-left:3px solid var(--secondary-color)}.set-detail-item{margin-bottom:var(--spacing-md);display:flex;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.05)}.set-detail-item:last-child{margin-bottom:0;border-bottom:none}.detail-label{font-weight:500;color:var(--text-light);margin-right:var(--spacing-md);min-width:120px}.detail-value{font-weight:600;color:var(--text-color)}.set-legalities{flex:1;min-width:250px;margin-left:var(--spacing-lg);display:flex;flex-direction:column;align-items:center}.set-legalities .legality-badges{background-color:#ffffff08;padding:var(--spacing-md);border-radius:var(--border-radius);border-left:3px solid var(--accent-color);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;width:100%}.set-legalities{margin-left:0;margin-top:var(--spacing-lg)}.api-response-container{margin-top:var(--spacing-md);background-color:#ffffff0d;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-md);box-shadow:var(--shadow);overflow-x:auto;max-width:100%}.api-response-container pre{white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;color:#e0e0e0;line-height:1.4;margin:0}.api-response-container code{background-color:#0003;padding:2px 4px;border-radius:3px}.api-tester-page{background-color:var(--background-color);color:var(--text-color);padding:var(--spacing-lg);max-width:1280px;margin:0 auto}.api-test-result{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);border-radius:var(--border-radius);background:linear-gradient(to bottom,var(--card-bg-color),rgba(30,30,47,.9));box-shadow:var(--shadow)}.api-test-result h3{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.status-badge{font-size:.8rem;padding:3px 8px;border-radius:12px;color:#fff}.status-success{background-color:#43a047}.status-failed{background-color:#e53935}.status-pending{background-color:#fdd835;color:#333}.loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xxl);color:var(--text-color);position:relative;min-height:200px}.loading-spinner:before{content:"";width:60px;height:60px;border-radius:50%;border:5px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-bottom-color:var(--accent-color);animation:spin 1.2s infinite linear;margin-bottom:var(--spacing-md);box-shadow:0 0 20px #e539354d}.loading-spinner:after{content:"Loading...";font-size:1rem;color:var(--text-light);animation:pulse 1.5s infinite ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}