@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #111827;--color-secondary: #1F2937;--color-tertiary: #374151;--accent-yellow: #F59E0B;--accent-indigo: #4F46E5;--accent-green: #10B981;--accent-red: #EF4444;--text-primary: #FFFFFF;--text-secondary: #E5E7EB;--text-tertiary: #9CA3AF;--text-disabled: #6B7280}#one-piece-tcg-app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#one-piece-tcg-app *{box-sizing:border-box}#one-piece-tcg-app button{cursor:pointer;background-color:initial;border:none}#one-piece-tcg-app ::-webkit-scrollbar{width:8px;height:8px}#one-piece-tcg-app ::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:8px}#one-piece-tcg-app ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:8px}#one-piece-tcg-app ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.card-foil-effect{position:relative;overflow:hidden}.card-foil-effect:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .3s;pointer-events:none;mix-blend-mode:overlay}.card-foil-effect:hover:before{opacity:1;animation:shine 2.5s linear infinite}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideIn .3s ease-out}@keyframes fillProgress{0%{width:0}to{width:var(--progress-width, 0%)}}.progress-bar-fill{animation:fillProgress .7s ease-out forwards}.card-container{transition:transform .2s ease-out,box-shadow .2s ease-out}.card-container:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0006;z-index:10}@media (max-width: 639px){.card-grid{grid-template-columns:1fr!important}.modal-content{width:100%!important;max-width:none!important;border-radius:0!important}}@media (min-width: 640px) and (max-width: 1023px){.card-grid{grid-template-columns:repeat(2,1fr)!important}}body.admin-bar #one-piece-tcg-app .fixed-top{top:32px}@media screen and (max-width: 782px){body.admin-bar #one-piece-tcg-app .fixed-top{top:46px}}#one-piece-tcg-app .wp-override{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-primary);box-sizing:border-box}#one-piece-tcg-app .wp-override *{box-sizing:border-box}#one-piece-tcg-app img{max-width:100%;height:auto}#one-piece-tcg-app button,#one-piece-tcg-app .button{border-radius:.25rem;line-height:1.5}.img-fallback-container{position:relative;overflow:hidden}.img-fallback-placeholder{display:flex;align-items:center;justify-content:center;background-color:#11182780}