body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#5b385b;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.gradient-orb{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(45deg,#667eea,#764ba2);height:400px;left:-200px;top:-200px;width:400px}.orb-2{animation-delay:4s;background:linear-gradient(45deg,#f093fb,#f5576c);bottom:-150px;height:300px;right:-150px;width:300px}.orb-3{animation-delay:2s;background:linear-gradient(45deg,#4facfe,#00f2fe);height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}.floating-particles{height:100%;overflow:hidden;position:absolute;width:100%}.particle{animation:particleFloat linear infinite;background:linear-gradient(45deg,#fff,#00f2fe);border-radius:50%;height:3px;position:absolute;width:3px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #ffffff1a;padding:2rem;position:relative;z-index:10}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo-section{display:flex;flex-direction:column;gap:.5rem}.logo{align-items:center;display:flex;gap:1rem}.logo-icon{animation:sparkle 2s ease-in-out infinite;font-size:2rem}@keyframes sparkle{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.title{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-size:2rem;font-weight:800;margin:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.subtitle{color:gold;font-size:.9rem;font-style:italic;margin:0;opacity:.8}.connect-btn{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.connect-btn:hover{box-shadow:0 20px 40px #667eea66;transform:translateY(-2px)}.connect-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wallet-info{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.wallet-address{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-family:monospace;padding:.5rem 1rem}.network-indicator{align-items:center;display:flex;gap:.5rem}.network-status{border-radius:15px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.network-status.correct{background:linear-gradient(45deg,#4facfe,#00f2fe);color:#fff}.network-status.wrong{background:linear-gradient(45deg,#ff6b6b,#f44);color:#fff}.refresh-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.refresh-btn:hover{background:#fff3;transform:rotate(180deg)}.hero{padding:4rem 2rem;position:relative;z-index:5}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;text-align:left}.hero-text h2{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(45deg,#fff,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-size:3rem;margin-bottom:1rem}.hero-text p{font-size:1.2rem;line-height:1.6;opacity:.8}.featured-characters{height:400px;position:relative}.character-showcase{height:100%;position:relative;width:100%}.character-frame{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:20px;display:flex;justify-content:center;overflow:hidden;position:absolute;transition:all .3s ease}.frame-1{height:200px;left:10%;top:50%;width:200px}.frame-1,.frame-2{animation:characterFloat 4s ease-in-out infinite;transform:translateY(-50%)}.frame-2{height:150px;left:40%;top:30%;width:150px}.frame-3{animation:characterFloat 4s ease-in-out infinite backwards;height:750px;right:20%;top:20%;transform:translateY(-50%);width:1200px}@keyframes characterSpin{0%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}.frame-4{animation:characterSpin 4s ease-in-out infinite alternate;animation-delay:2s;right:10%;top:40%}.frame-4,.frame-5{height:150px;width:150px}.frame-5{animation:characterFloat 4s ease-in-out infinite reverse;animation-delay:2s;right:40%;top:80%}@keyframes characterFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.character-frame:hover{box-shadow:0 20px 40px #667eea4d;transform:scale(1.1)}.character-placeholder{background:linear-gradient(45deg,#667eea33,#764ba233);border-radius:18px;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.placeholder-icon{filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}.character-glow{animation:glowPulse 3s ease-in-out infinite;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:25px;bottom:-10px;filter:blur(20px);left:-10px;opacity:.5;position:absolute;right:-10px;top:-10px;z-index:-1}.glow-blue{background:linear-gradient(45deg,#4facfe,#00f2fe)}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.character-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.char-particle{animation:charParticleFloat 3s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4);border-radius:50%;height:4px;position:absolute;width:4px}.char-particle:first-child{animation-delay:0s;left:10%;top:10%}.char-particle:nth-child(2){animation-delay:.5s;right:15%;top:20%}.char-particle:nth-child(3){animation-delay:1s;bottom:20%;left:20%}.char-particle:nth-child(4){animation-delay:1.5s;bottom:10%;right:10%}.char-particle:nth-child(5){animation-delay:2s;left:50%;top:60%}.char-particle:nth-child(6){animation-delay:2.5s;right:40%;top:80%}.char-particle:nth-child(7){animation-delay:3s;bottom:60%;left:70%}.char-particle:nth-child(8){animation-delay:3.5s;right:60%;top:30%}@keyframes charParticleFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.5)}}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:4rem auto 0;max-width:800px}.stat-card{animation:slideInUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff1a;box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.stat-icon{display:block;font-size:2rem;margin-bottom:1rem}.stat-content h3{color:gold;font-size:2rem;margin-bottom:.5rem}.stat-content p{margin:0;opacity:.8}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.main-content{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:5}.error-message{background:linear-gradient(45deg,#ff6b6b,#f44);box-shadow:0 10px 30px #ff6b6b4d}.error-message,.network-warning{border-radius:15px;font-weight:600;margin-bottom:2rem;padding:1rem 2rem;text-align:center}.network-warning{background:linear-gradient(45deg,orange,#ff8c00);box-shadow:0 10px 30px #ffa5004d;color:#fff}.welcome-section{margin:0 auto;max-width:800px;padding:4rem 2rem;text-align:center}.welcome-card{animation:fadeInScale .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:3rem}.welcome-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;margin-bottom:1rem}.welcome-card p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.8}.features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.feature{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.feature:hover{background:#ffffff1a;transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:1.5rem}.dashboard{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.collection-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:gold;font-size:1.5rem;margin:0}.mint-btn{align-items:center;background:linear-gradient(45deg,#0f8,#00d4ff);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.mint-btn:hover:not(:disabled){box-shadow:0 15px 30px #0f86;transform:translateY(-2px)}.mint-btn:disabled{cursor:not-allowed;opacity:.7}.empty-collection{padding:3rem 1rem;text-align:center}.empty-icon{display:block;filter:drop-shadow(0 0 20px rgba(255,215,0,.5));font-size:4rem;margin-bottom:1rem}.empty-collection p{margin:.5rem 0;opacity:.8}.nft-grid{grid-gap:1rem;display:grid;gap:1rem}.nft-card-preview{animation:slideInUp .3s ease-out;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.nft-card-preview:hover{background:#ffffff1a;box-shadow:0 15px 30px #0003;transform:translateY(-3px)}.nft-card-preview.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 0 30px #667eea4d}.nft-preview-image{background:linear-gradient(45deg,#667eea1a,#764ba21a);border-radius:15px;height:120px;margin-bottom:1rem;overflow:hidden;position:relative}.nft-preview-image,.svg-thumbnail{align-items:center;display:flex;justify-content:center;width:100%}.svg-thumbnail{height:100%}.svg-thumbnail svg{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));max-height:90%;max-width:90%}.preview-glow{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:20px;bottom:-5px;filter:blur(15px);left:-5px;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .3s ease;z-index:-1}.nft-card-preview:hover .preview-glow{opacity:.3}.nft-preview-info h4{color:#fff;font-size:1rem;margin:0 0 .5rem}.nft-preview-info p{color:gold;font-size:.85rem;margin:0;opacity:.8}.selection-indicator{background:#667eea;border-radius:50%;box-shadow:0 0 10px #667eea80;height:12px;opacity:0;position:absolute;right:15px;top:15px;transition:opacity .3s ease;width:12px}.nft-card-preview.selected .selection-indicator{opacity:1}.details-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.enhanced-nft-viewer{margin:0;max-width:100%}.enhanced-nft-viewer .nft-card{animation:fadeInScale .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 25px 50px #00000026;color:#fff;overflow:hidden;padding:2rem;position:relative}.enhanced-nft-viewer .nft-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.enhanced-nft-viewer .nft-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#667eea);background-clip:text;-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.enhanced-nft-viewer .creature-personality{color:gold;font-size:1rem;font-style:italic;margin:0;opacity:.9}.enhanced-nft-viewer .badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.enhanced-nft-viewer .evolution-badge{background:linear-gradient(45deg,gold,orange);border-radius:20px;box-shadow:0 5px 15px #ffd7004d;color:#000;font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase}.enhanced-nft-viewer .mood-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;font-size:.8rem;padding:.25rem .75rem}.enhanced-nft-viewer .nft-image-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:25px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.enhanced-nft-viewer .nft-image{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:100%}.enhanced-nft-viewer .svg-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.enhanced-nft-viewer .svg-container svg{filter:drop-shadow(0 15px 35px rgba(0,0,0,.3));max-height:100%;max-width:100%}.enhanced-nft-viewer .image-overlay{position:absolute;right:15px;top:15px}.enhanced-nft-viewer .creature-stats-overlay{display:flex;flex-direction:column;gap:.5rem}.enhanced-nft-viewer .stat-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:15px;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .75rem}.enhanced-nft-viewer .floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.enhanced-nft-viewer .particle{animation:float 4s ease-in-out infinite;background:gold;border-radius:50%;height:3px;opacity:.8;position:absolute;width:3px}.enhanced-nft-viewer .particle-1{animation-delay:0s;left:15%;top:15%}.enhanced-nft-viewer .particle-2{animation-delay:1s;background:#0f8;right:20%;top:70%}.enhanced-nft-viewer .particle-3{animation-delay:2s;background:#00d4ff;bottom:40%;left:25%}.enhanced-nft-viewer .particle-4{animation-delay:3s;background:#ff69b4;right:15%;top:40%}.enhanced-nft-viewer .story-section{margin-bottom:2rem}.enhanced-nft-viewer .story-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.enhanced-nft-viewer .story-toggle:hover{background:#fff3;transform:translateY(-1px)}.enhanced-nft-viewer .story-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-top:1rem;padding:1.5rem}.enhanced-nft-viewer .story-text{color:#ffffffe6;font-style:italic;line-height:1.6;margin:0}.enhanced-nft-viewer .actions-section,.enhanced-nft-viewer .requirements-section,.enhanced-nft-viewer .stats-section,.enhanced-nft-viewer .traits-section{margin-bottom:2rem}.enhanced-nft-viewer .actions-section h4,.enhanced-nft-viewer .requirements-section h4,.enhanced-nft-viewer .stats-section h4,.enhanced-nft-viewer .traits-section h4{align-items:center;color:gold;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1.5rem}.enhanced-nft-viewer .traits-grid{grid-gap:1rem;display:grid;gap:1rem}.enhanced-nft-viewer .trait-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.enhanced-nft-viewer .trait-header{align-items:center;display:flex;gap:.5rem}.enhanced-nft-viewer .trait-icon{font-size:1.2rem}.enhanced-nft-viewer .trait-label{flex:1 1;font-size:.95rem;font-weight:500}.enhanced-nft-viewer .trait-bar-container{align-items:center;display:flex;gap:1rem}.enhanced-nft-viewer .trait-bar{background:#ffffff1a;border-radius:6px;flex:1 1;height:12px;overflow:hidden;position:relative}.enhanced-nft-viewer .trait-fill{background:linear-gradient(90deg,#0f8,#00d4ff);background:linear-gradient(90deg,var(--fill-color,#0f8),var(--fill-color-end,#00d4ff));border-radius:6px;height:100%;position:relative;transition:width .8s ease}.enhanced-nft-viewer .trait-value{color:gold;font-size:.9rem;font-weight:700;min-width:50px;text-align:right}.enhanced-nft-viewer .requirements-list{display:flex;flex-direction:column;gap:1rem}.enhanced-nft-viewer .requirement-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;justify-content:space-between;padding:1rem 1.5rem}.enhanced-nft-viewer .requirement-text{flex:1 1;font-size:.9rem}.enhanced-nft-viewer .requirement-progress{align-items:center;display:flex;gap:.75rem;min-width:100px}.enhanced-nft-viewer .progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:60px}.enhanced-nft-viewer .progress-fill{background:linear-gradient(90deg,#0f8,#00d4ff);border-radius:4px;height:100%;transition:width .5s ease}.enhanced-nft-viewer .progress-text{color:gold;font-size:.8rem;font-weight:700;min-width:35px}.enhanced-nft-viewer .action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.enhanced-nft-viewer .action-btn{background:var(--btn-color);border:2px solid #ffffff1a;border-radius:15px;color:#fff;cursor:pointer;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s ease}.enhanced-nft-viewer .action-btn:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 15px 30px #0000004d;transform:translateY(-3px)}.enhanced-nft-viewer .action-btn:disabled{cursor:not-allowed;opacity:.6}.enhanced-nft-viewer .btn-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.enhanced-nft-viewer .btn-icon{font-size:1.5rem}.enhanced-nft-viewer .btn-label{font-size:1rem;font-weight:700}.enhanced-nft-viewer .btn-description{font-size:.75rem;opacity:.9}.enhanced-nft-viewer .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.enhanced-nft-viewer .stat-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:.75rem;padding:1rem 1.25rem}.enhanced-nft-viewer .stat-icon{font-size:1.1rem}.enhanced-nft-viewer .stat-label{flex:1 1;font-size:.9rem}.enhanced-nft-viewer .stat-value{color:gold;font-size:1rem;font-weight:700}.enhanced-nft-viewer .utility-section{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:1rem;padding-top:1.5rem}.enhanced-nft-viewer .utility-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.enhanced-nft-viewer .utility-btn:hover{background:#fff3;transform:translateY(-1px)}.enhanced-nft-viewer .copied-message{animation:fadeIn .3s ease;color:#0f8;font-size:.85rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#764ba2,#667eea)}.dashboard-new{display:flex;flex-direction:column;gap:1.5rem}.collection-horizontal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem}.collection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.collection-header h2{color:gold;font-size:1.3rem;margin:0}.mint-btn-compact{align-items:center;background:linear-gradient(45deg,#0f8,#00d4ff);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.mint-btn-compact:hover:not(:disabled){box-shadow:0 10px 20px #00ff884d;transform:translateY(-2px)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.empty-collection-horizontal{align-items:center;display:flex;gap:1rem;padding:2rem;text-align:center}.empty-icon-small{filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:2rem}.empty-collection-horizontal p{margin:0;opacity:.8}.nft-horizontal-grid{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.nft-horizontal-grid::-webkit-scrollbar{height:6px}.nft-horizontal-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.nft-horizontal-grid::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:3px}.nft-card-horizontal{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;cursor:pointer;flex-shrink:0;padding:1rem;text-align:center;transition:all .3s ease;width:140px}.nft-card-horizontal:hover{background:#ffffff1a;transform:translateY(-2px)}.nft-card-horizontal.selected{background:#667eea26;border-color:#667eea;box-shadow:0 0 20px #667eea4d}.nft-horizontal-image{background:linear-gradient(45deg,#667eea1a,#764ba21a);border-radius:50%;height:80px;margin:0 auto .75rem;overflow:hidden;width:80px}.nft-horizontal-image,.svg-thumbnail-small{align-items:center;display:flex;justify-content:center}.svg-thumbnail-small{height:70px;width:70px}.svg-thumbnail-small svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));max-height:100%;max-width:100%}.nft-horizontal-info h4{color:#fff;font-size:.85rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nft-horizontal-info p{color:gold;font-size:.75rem;margin:0}.split-layout{grid-gap:2rem;display:grid;gap:2rem;max-height:80vh}.preview-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow-y:auto;padding:1.5rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.preview-panel::-webkit-scrollbar{width:6px}.preview-panel::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.preview-panel::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:3px}.actions-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow-y:auto;padding:1.5rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.actions-panel::-webkit-scrollbar{width:6px}.actions-panel::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.actions-panel::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:3px}.preview-header{margin-bottom:1.5rem;text-align:center}.creature-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#667eea);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.creature-personality-text{color:gold;font-size:1rem;font-style:italic;margin:0 0 1rem}.status-badges{display:flex;gap:.75rem;justify-content:center}.evolution-badge-new{border-radius:15px;font-size:.75rem;font-weight:700;padding:.4rem .8rem;text-transform:uppercase}.mood-badge-new{background:#ffffff26;border:1px solid #fff3;border-radius:15px;font-size:.75rem;font-weight:500;padding:.4rem .8rem}.creature-display-panel{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:20px;height:250px;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative}.creature-display-panel,.creature-svg-display{align-items:center;display:flex;justify-content:center}.creature-svg-display{height:100%;width:100%}.creature-svg-display svg{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));max-height:200px;max-width:200px}.status-overlay{display:flex;flex-direction:column;gap:.25rem;position:absolute;right:10px;top:10px}.status-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:10px;font-size:.7rem;font-weight:700;padding:.25rem .5rem}.status-pill,.story-toggle-new{border:1px solid #fff3;color:#fff}.story-toggle-new{background:#ffffff1a;border-radius:15px;cursor:pointer;font-size:.85rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.story-toggle-new:hover{background:#fff3}.story-panel{background:#ffffff0d;border-left:3px solid gold;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.story-text-new{color:#ffffffe6;font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.attributes-panel{margin-bottom:1.5rem}.attributes-panel h3{color:gold;font-size:1.1rem;margin:0 0 1rem}.attributes-list{display:flex;flex-direction:column;gap:.75rem}.attribute-row{justify-content:space-between}.attribute-info,.attribute-row{align-items:center;display:flex}.attribute-info{flex:1 1;gap:.5rem}.attribute-icon{font-size:1rem}.attribute-label{font-size:.9rem;font-weight:500}.attribute-progress{align-items:center;display:flex;gap:.5rem;min-width:80px}.progress-bar-new{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:50px}.progress-fill-new{border-radius:3px;height:100%;transition:width .5s ease}.attribute-value{color:gold;font-size:.8rem;font-weight:700;min-width:35px}.goals-panel{margin-bottom:1.5rem}.goals-panel h3{color:gold;font-size:1.1rem;margin:0 0 1rem}.goals-list{display:flex;flex-direction:column;gap:.75rem}.goal-row{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.goal-text{flex:1 1;font-size:.85rem}.goal-progress{align-items:center;display:flex;gap:.5rem;min-width:70px}.goal-bar{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:40px}.goal-fill{background:linear-gradient(90deg,#0f8,#00d4ff);border-radius:2px;height:100%;transition:width .3s ease}.goal-value{color:gold;font-size:.75rem;font-weight:700}.evolution-actions{margin-bottom:2rem}.evolution-actions h3{color:gold;font-size:1.1rem;margin:0 0 1rem}.actions-grid-new{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.evolution-btn{align-items:center;background:var(--btn-color);border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.evolution-btn:hover:not(:disabled){box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.evolution-btn:disabled{cursor:not-allowed;opacity:.6}.evolution-icon{flex-shrink:0;font-size:1.2rem}.evolution-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.evolution-label{font-size:.9rem;font-weight:600;margin-bottom:.1rem}.evolution-desc{font-size:.7rem;opacity:.9}.evolution-loading{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.transfer-panel{margin-bottom:2rem}.transfer-panel h3{color:gold;font-size:1.1rem;margin:0 0 1rem}.transfer-button-new{background:linear-gradient(45deg,#9945ff,#7928ca);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.transfer-button-new:hover:not(:disabled){box-shadow:0 8px 20px #9945ff66;transform:translateY(-2px)}.transfer-form-new{display:flex;flex-direction:column;gap:.75rem}.transfer-input-new{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;font-family:monospace;font-size:.8rem;padding:.75rem;transition:border-color .3s ease}.transfer-input-new:focus{border-color:#9945ff;outline:none}.transfer-input-new::placeholder{color:#fff9}.transfer-buttons-new{display:flex;gap:.5rem}.transfer-btn-new{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:.6rem;transition:all .3s ease}.transfer-btn-new.confirm{background:linear-gradient(45deg,#0f8,#00d4ff);color:#fff}.transfer-btn-new.cancel{background:linear-gradient(45deg,#ff6b6b,#f44);color:#fff}.transfer-btn-new:hover:not(:disabled){transform:translateY(-1px)}.transfer-btn-new:disabled{cursor:not-allowed;opacity:.6}.transfer-warning-new{background:#ffa5001a;border:1px solid #ffa5004d;border-radius:4px;color:orange;font-size:.7rem;margin:0;padding:.5rem;text-align:center}.history-panel{margin-bottom:2rem}.history-panel h3{color:gold;font-size:1.1rem;margin:0 0 1rem}.history-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.history-row{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.5rem;padding:.75rem}.history-icon{font-size:.9rem}.history-label{flex:1 1;font-size:.8rem}.history-value{color:gold;font-size:.9rem;font-weight:700}.utility-panel{align-items:center;display:flex;gap:.75rem}.utility-button{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.6rem 1rem;transition:all .3s ease}.utility-button:hover{background:#fff3}.copied-message-new{color:#0f8;font-size:.75rem;font-weight:700}@media (max-width:1024px){.split-layout{gap:1rem}.actions-grid-new,.history-grid,.split-layout{grid-template-columns:1fr}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-text h2{font-size:2.5rem}.stats-grid{gap:1rem}.features,.stats-grid{grid-template-columns:1fr}.collection-header{align-items:stretch;flex-direction:column;gap:.75rem}.nft-horizontal-grid{justify-content:center}.creature-display-panel{height:200px}.creature-svg-display svg{max-height:150px;max-width:150px}.enhanced-nft-viewer .action-buttons,.enhanced-nft-viewer .stats-grid{grid-template-columns:1fr}.featured-characters{height:300px}.frame-1{height:150px;left:5%;width:150px}.frame-2{height:120px;right:5%;width:120px}.main-content{padding:1rem}.hero{padding:2rem 1rem}.welcome-card{padding:2rem}}enhanced-nft-viewer .stats-grid{grid-template-columns:1fr}.featured-characters{height:300px}.frame-1{height:150px;left:5%;width:150px}.frame-2{height:120px;right:5%;width:120px}.main-content{padding:1rem}.hero{padding:2rem 1rem}.welcome-card{padding:2rem}
/*# sourceMappingURL=main.6f13ae83.css.map*/