:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}#root{min-height:100vh;max-width:100%;margin:0;padding:0;text-align:left}*{margin:0;padding:0;box-sizing:border-box;font-family:SuperMario256,Arial,sans-serif!important}body{font-family:SuperMario256,Arial,sans-serif!important;background-color:#fff;color:#333;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background-color:red;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.logo{height:50px;width:auto}.wallet-section{display:flex;align-items:center;gap:1rem}.connect-btn{background-color:#06f;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0066ff4d}.connect-btn:hover{background-color:#0052cc;transform:translateY(-2px);box-shadow:0 6px 20px #06f6}.connect-btn:disabled{opacity:.7;cursor:not-allowed}.wallet-info{display:flex;align-items:center;gap:1rem;background-color:#fff3;padding:.5rem 1rem;border-radius:25px}.wallet-address{color:#fff;font-weight:500}.disconnect-btn{background-color:#f36;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.disconnect-btn:hover{background-color:#f14;transform:scale(1.05)}.main-content{flex:1;padding:3rem 2rem;max-width:1400px;margin:0 auto;width:100%}.title{text-align:center;font-size:3rem;color:red;margin-bottom:2rem;text-shadow:3px 3px 0px #ffcc00,6px 6px 0px rgba(0,0,0,.1);font-style:italic;letter-spacing:2px}.warning-box{background-color:#fff3cd;border:2px solid #ffc107;border-radius:10px;padding:1rem;margin:2rem auto;max-width:600px;text-align:center}.warning-box p{color:#856404;font-weight:500;font-size:1.1rem}.warning-box.network{background-color:#f8d7da;border-color:#f5c6cb}.warning-box.network p{color:#721c24;margin-bottom:1rem}.warning-box button{background-color:red;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease}.warning-box button:hover{background-color:#c00;transform:scale(1.05)}.network-warning{background-color:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-right:1rem}.network-warning:hover{background-color:#ff5252;transform:scale(1.05)}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.character-card{background-color:#f8f9fa;border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden;font-family:SuperMario256,Arial,sans-serif!important}.character-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#fc0,#f60);opacity:0;transition:opacity .3s ease;z-index:0}.character-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:#fc0}.character-card.selected{border-color:#0c0;background-color:#e8f5e9}.character-card.selected:before{opacity:.1}.character-card.disabled{opacity:.5;cursor:not-allowed}.character-card.disabled:hover{transform:none;box-shadow:0 5px 15px #0000001a;border-color:transparent}.character-image-wrapper{position:relative;width:200px;height:200px;margin:0 auto 1rem;background-color:transparent;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.character-image{width:100%;height:100%;object-fit:cover}.selected-badge{position:absolute;top:10px;right:10px;background-color:#0c0;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 2px 10px #0c06}.character-name{text-align:center;font-size:1.3rem;color:#333;margin-top:.5rem;position:relative;z-index:1}.race-section{text-align:center;margin-top:3rem;padding:2rem;background-color:#f0f8ff;border-radius:20px;box-shadow:0 5px 20px #0000001a}.race-section h2{color:#06f;margin-bottom:1.5rem;font-size:2rem}.balance-info{color:#333;font-size:1.2rem;margin-bottom:1rem;font-weight:700}.reserve-info{color:#666;font-size:.9rem;margin-top:.5rem;font-style:italic}.info-box{background-color:#e3f2fd;border:2px solid #2196f3;border-radius:10px;padding:1rem;margin:2rem auto;max-width:600px;text-align:center}.info-box p{color:#1565c0;font-weight:500;font-size:1.1rem}.selected-info{text-align:center;margin-top:3rem;padding:2rem;background-color:#f0f8ff;border-radius:20px;box-shadow:0 5px 20px #0000001a}.selected-info h2{color:#06f;margin-bottom:1.5rem;font-size:2rem}.start-btn{background:linear-gradient(45deg,#0c0,#0f0);color:#fff;border:none;padding:1rem 3rem;font-size:1.5rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0c06;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.start-btn:hover:not(.disabled){transform:scale(1.1);box-shadow:0 8px 30px #0c09}.start-btn.disabled{background:linear-gradient(45deg,#ccc,#999);cursor:not-allowed;box-shadow:0 2px 10px #0003}.start-btn.disabled:hover{transform:none}.footer{background-color:#333;color:#fff;text-align:center;padding:1.5rem;margin-top:auto}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;padding:1rem}.title{font-size:2rem}.character-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.character-image-wrapper{width:150px;height:150px}.start-btn{font-size:1.2rem;padding:.8rem 2rem}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.character-card:hover .character-image{animation:bounce .5s ease-in-out}@keyframes pulse{0%{box-shadow:0 0 #00cc00b3}70%{box-shadow:0 0 0 10px #0c00}to{box-shadow:0 0 #0c00}}.selected-badge{animation:pulse 2s infinite}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#000000e6;color:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;pointer-events:all;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-family:SuperMario256,Arial,sans-serif!important}.toast.success{background:#22c55ee6;border-color:#22c55e4d}.toast.error{background:#ef4444e6;border-color:#ef44444d}.toast.warning{background:#f59e0be6;border-color:#f59e0b4d}.toast.info{background:#3b82f6e6;border-color:#3b82f64d}.toast-icon{font-size:24px;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:700;margin-bottom:4px;font-size:16px}.toast-message{font-size:14px;line-height:1.4;opacity:.9}.toast-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0;margin-left:8px}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.removing{animation:slideOut .3s ease-in forwards}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;border-radius:0 0 8px 8px;animation:progress 3s linear}@keyframes progress{0%{width:100%}to{width:0%}}