:root{--bg-primary: #faf9f7;--bg-secondary: #f5f3f0;--bg-accent: #eeebe6;--card-bg: #fefdfb;--card-hover: #fcfaf7;--text-primary: #2d2a26;--text-secondary: #4b5563;--text-muted: #6b7280;--text-light: #9ca3af;--accent-primary: #c49a6c;--accent-secondary: #d4b896;--accent-tertiary: #e8dcc6;--gold: #d4af37;--gold-light: #f4e8c1;--copper: #b87333;--silver: #c0c0c0;--border-light: #e6e1db;--border-medium: #d1cbc2;--shadow-sm: 0 2px 8px rgba(45, 42, 38, .06);--shadow-md: 0 4px 20px rgba(45, 42, 38, .1);--shadow-lg: 0 8px 40px rgba(45, 42, 38, .12);--shadow-xl: 0 20px 60px rgba(45, 42, 38, .15);--glass-bg: rgba(250, 249, 247, .9);--glass-border: rgba(250, 249, 247, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-overflow-scrolling:touch;overflow-x:hidden;width:100%;max-width:100vw}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw;padding-top:80px;margin:0;padding-left:0;padding-right:0}#root{min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}section,.panel,.grid-container{max-width:100%;overflow-x:hidden;box-sizing:border-box}.wrap{width:100%;max-width:1400px;margin-inline:auto;padding-inline:var(--space-lg);box-sizing:border-box;overflow-x:hidden}main.wrap{max-width:1400px!important;width:100%!important;margin:0 auto!important;overflow-x:hidden!important}@media (max-width: 768px){.wrap{width:100%;padding-inline:var(--space-md)}}header.site{position:fixed;top:0;z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;left:0;right:0;cursor:pointer;-webkit-user-select:none;user-select:none}header.site:hover{background:#fffffffa;box-shadow:0 4px 12px #00000014}header.site:active{transform:scale(.995)}header.site .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;width:100%;box-sizing:border-box}.brand{display:flex;align-items:center;gap:var(--space-md);transition:transform .3s ease}.brand:hover{transform:translateY(-2px)}.brand .dot{width:12px;height:12px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 20px #38a16966;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.brand h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tag{color:var(--text-muted);font-size:.9rem;font-weight:500}.hero{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-md) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(ellipse at center,var(--accent-tertiary) 0%,transparent 70%);opacity:.3;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-content{text-align:center;margin-bottom:var(--space-lg)}.hero-content h2{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.hero-content p{font-size:1rem;color:var(--text-secondary);max-width:100%;margin:0 auto var(--space-md);line-height:1.6}.hero-content strong{color:var(--accent-primary);font-weight:600}.hero-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px;transition:all .5s cubic-bezier(.4,0,.2,1);max-width:400px;margin:0 auto}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-secondary),transparent)}.hero-card:hover{transform:translateY(-8px) rotateX(5deg) rotateY(-5deg);box-shadow:var(--shadow-xl)}.hero-coin{height:240px;display:grid;place-items:center;margin-bottom:var(--space-md);position:relative}.hero-coin:before{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,var(--gold-light) 0%,transparent 70%);border-radius:var(--radius-full);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-coin img{width:80%;max-width:220px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.1));transform:translateZ(40px);transition:transform .5s ease;position:relative;z-index:2}.hero-coin:hover img{transform:translateZ(40px) rotateY(15deg)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.hero-stat{background:var(--bg-accent);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all .3s ease}.hero-stat:hover{background:var(--card-bg);transform:translateY(-2px)}.hero-stat small{display:block;color:var(--text-muted);font-size:.8rem;margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.hero-stat .value{font-weight:700;font-size:1.1rem;color:var(--accent-primary)}.panel{background:transparent;border-radius:var(--radius-md);padding:var(--space-sm);margin:var(--space-xs) 0;transition:all .3s ease;position:relative;overflow:visible;width:100%;max-width:100%;box-sizing:border-box}.panel:before{display:none}.panel:hover{transform:none}.stats{text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.stat-item{background:var(--bg-accent);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-lg);transition:all .3s ease}.stat-item:hover{background:var(--card-bg);transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-number{font-size:2.5rem;font-weight:800;color:var(--accent-primary);display:block}.stat-label{color:var(--text-secondary);font-weight:500;margin-top:var(--space-xs)}.tabs{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm);-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.tabs::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:var(--radius-sm)}.tab{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden}.tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.tab:hover:before{left:100%}.tab:hover{background:var(--card-bg);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 15px #38a1694d}.tab-count{background:#fff3;color:inherit;padding:2px 6px;border-radius:var(--radius-sm);font-size:.8rem;margin-left:var(--space-xs)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:var(--space-md);margin:var(--space-md) 0;width:100%;max-width:100%;box-sizing:border-box;padding:0;overflow:hidden;justify-items:stretch}.grid-container{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}@media (max-width: 640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);padding:0}}@media (min-width: 640px){.grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:var(--space-md)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}}@media (min-width: 1280px){.grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}}@media (min-width: 1536px){.grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}}.card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;height:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--accent-secondary),var(--copper));opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{transform:translateY(-6px) rotateX(2deg) rotateY(-2deg);box-shadow:var(--shadow-lg);border-color:var(--accent-secondary)}.card-image{aspect-ratio:16/10;background:linear-gradient(135deg,var(--bg-accent) 0%,var(--bg-secondary) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:120px;width:100%;flex-shrink:0;will-change:transform;backface-visibility:hidden}.card-image:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at center,var(--accent-tertiary) 0%,transparent 50%);animation:shimmer 8s ease-in-out infinite;will-change:transform}@keyframes shimmer{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.card-image img{width:75%;height:75%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease;position:relative;z-index:2;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.card:hover .card-image img{transform:scale(1.08) rotateY(8deg) translateZ(0)}.card-content{padding:var(--space-sm);flex:1;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.card-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.card-subtitle{color:var(--text-secondary);font-size:.75rem;margin:2px 0 0}.card-year{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;white-space:nowrap}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-md)}.card-meta-item{background:var(--bg-accent);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-sm);text-align:center}.card-meta-label{display:block;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.card-meta-value{font-weight:600;color:var(--text-primary);font-size:.85rem}.card-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-md)}.card-tag{background:var(--accent-tertiary);color:var(--accent-primary);padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500}.rarity-common{border-left:4px solid var(--text-muted)}.rarity-uncommon{border-left:4px solid var(--accent-secondary)}.rarity-rare{border-left:4px solid var(--gold)}.rarity-very-rare{border-left:4px solid var(--copper)}.empty{text-align:center;padding:var(--space-2xl);color:var(--text-muted);background:var(--bg-accent);border-radius:var(--radius-lg);border:2px dashed var(--border-medium)}.empty-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:10000;padding:var(--space-md)}.modal{width:min(1000px,calc(100vw - 2 * var(--space-md)));max-height:90vh;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative;margin:0 auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--border-light);background:var(--bg-accent)}.modal-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--text-muted);transition:all .3s ease}.modal-close:hover{background:var(--border-light);color:var(--text-primary)}.modal-body{padding:var(--space-md);max-height:70vh;overflow-y:auto}.modal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl)}.modal-images{background:var(--bg-accent);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.modal-image{aspect-ratio:1;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:grid;place-items:center;overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.modal-info{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;align-items:stretch}.modal-section{width:100%}.modal-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.modal-section h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-sm)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);width:100%}.info-item{background:var(--bg-accent);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md)}.info-label{display:block;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.info-value{font-weight:600;color:var(--text-primary);font-size:.85rem}.fun-facts{background:var(--accent-tertiary);border:1px solid var(--accent-secondary);border-radius:var(--radius-md);padding:var(--space-lg)}.fun-facts ul{list-style:none;margin:0;padding:0}.fun-facts li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-secondary);line-height:1.6}.fun-facts li:before{content:"💡";position:absolute;left:0;top:0}.country-info{background:var(--gold-light);border:1px solid var(--gold);border-radius:var(--radius-md);padding:var(--space-lg)}footer.site{text-align:center;padding:var(--space-lg) 0;color:var(--text-muted);margin-top:var(--space-lg);background:transparent}@media (min-width: 1024px){.hero{grid-template-columns:1.2fr 1fr;gap:var(--space-xl)}.hero-content{text-align:left}.hero-content p{max-width:60ch;margin:0 0 var(--space-md) 0}.hero-card{max-width:none}}@media (max-width: 1024px){.controls{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.modal-grid,.info-grid{grid-template-columns:1fr}}@media (max-width: 768px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}html,body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}*{max-width:100vw}.wrap{width:100%;max-width:100vw;padding-inline:var(--space-md);overflow-x:hidden}header.site .inner{padding-left:var(--space-md);padding-right:var(--space-md);max-width:100%}.brand h1{font-size:clamp(1.2rem,5vw,1.5rem)}.tag{font-size:.75rem;display:none}.inr-background{display:none!important}.card-image:before{animation:none!important;opacity:.5}.hero:before{animation:none!important}.panel{padding:var(--space-xs);margin:var(--space-xs) 0}.stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:auto auto auto!important;gap:var(--space-sm)!important}.stats-grid>div:first-child{grid-column:1 / -1!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--space-xs);width:100%;max-width:100%;padding:0;margin:var(--space-sm) 0;box-sizing:border-box}.card{max-width:100%;width:100%;min-width:0;box-sizing:border-box}.modal-images{grid-template-columns:1fr}.hero{padding:var(--space-sm) 0}.hero-content{text-align:center;padding:0;margin-bottom:var(--space-md)}.hero-content h2{font-size:clamp(1.5rem,8vw,2.5rem);margin-bottom:var(--space-sm)}.hero-content p{font-size:.9rem;max-width:100%;padding:0 var(--space-xs)}}@media (min-width: 480px) and (max-width: 768px){.tag{display:block}}@media (max-width: 480px){.hero-content h2{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-xs)!important}.stats-grid>div:first-child{grid-column:1 / -1!important}.modal-backdrop{padding:var(--space-sm)}.modal{width:calc(100vw - 2 * var(--space-sm));max-width:calc(100vw - 2 * var(--space-sm));border-radius:var(--radius-md);max-height:95vh}.modal-header{padding:var(--space-md)}.modal-body{padding:var(--space-sm)}.info-grid{grid-template-columns:1fr;gap:var(--space-sm)}.card{font-size:.85rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero:before,.hero-coin:before,.card-image:before{animation:none}}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media print{.hero-card,.panel,.card{box-shadow:none!important;border:1px solid #000!important}}