.carousel{position:relative;width:100%;height:500px;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px #00000080;margin-bottom:2rem}.carousel-inner{width:100%;height:100%;background-size:cover;background-position:center;transition:background-image 1s ease-in-out;display:flex;align-items:flex-end}.carousel-overlay{background:linear-gradient(to top,rgba(0,0,0,.8),transparent);width:100%;padding:2rem;color:#fff}.carousel-title{font-size:2.5rem;margin:0 0 .5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.carousel-desc{font-size:1.2rem;margin:0;opacity:.9}:root{--bg-color: #f8fafc;--text-main: #1e293b;--text-secondary: #64748b;--accent-color: #3b82f6;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .8);--border-color: #e2e8f0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6}#root{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:sticky;top:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.5rem;color:var(--text-main);text-decoration:none}.nav-links a{margin-left:2rem;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent-color)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color)}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.card-image{width:100%;height:300px;object-fit:cover}.card-content{padding:1.5rem}.card-title{font-size:1.25rem;margin:0 0 .5rem;font-weight:600}.card-rarity{color:var(--accent-color);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.card-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.card-price{font-size:1.5rem;font-weight:700}.search-container{margin:2rem 0;text-align:center}.search-input{padding:12px 24px;border-radius:999px;border:1px solid var(--border-color);width:100%;max-width:400px;font-size:1rem;outline:none}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.hidden-trap{opacity:.001;position:absolute;left:-9999px}
