.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1a2e 50%,var(--bg-dark) 100%);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s ease}.splash-screen.active{opacity:1;visibility:visible}.splash-content{text-align:center;animation:fadeInScale 1s ease}.splash-logo{margin-bottom:var(--spacing-2xl)}.splash-title{font-size:clamp(2.5rem, 6vw, 5rem);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--spacing-md)}.splash-subtitle{font-size:clamp(1rem, 2vw, 1.5rem);color:var(--wa-text);font-weight:300;letter-spacing:.05em;margin-bottom:var(--spacing-2xl)}.splash-loader{display:flex;gap:12px;justify-content:center;align-items:center;margin:var(--spacing-2xl) auto}.loader-dot{width:12px;height:12px;background:var(--neon-cyan);border-radius:50%;animation:dotPulse 1.4s infinite ease-in-out;box-shadow:0 0 15px var(--neon-cyan)}.loader-dot:nth-child(1){animation-delay:0s}.loader-dot:nth-child(2){animation-delay:0.2s}.loader-dot:nth-child(3){animation-delay:0.4s}@keyframes dotPulse{0%,80%,100%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.splash-hint{color:var(--wa-secondary);font-size:.9rem;margin-top:var(--spacing-xl);animation:pulse 2s infinite}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1a2e 50%,var(--bg-dark) 100%);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.8s ease,visibility 0.8s ease;overflow-y:auto;padding:var(--spacing-xl)}.welcome-screen.active{opacity:1;visibility:visible}.welcome-container{width:100%;max-width:1400px;background:var(--bg-medium);border-radius:20px;padding:var(--spacing-2xl);position:relative;display:flex;gap:var(--spacing-xl);animation:fadeInScale 0.8s ease}.welcome-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;padding:var(--spacing-md) 0;position:relative;z-index:100}.welcome-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.welcome-header{text-align:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.welcome-title{font-size:clamp(2.2rem, 6vw, 3.8rem);font-weight:900;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-magenta) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;margin-bottom:var(--spacing-lg);animation:neon-pulse 3s infinite alternate;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 40px rgb(0 255 255 / .5),0 0 80px rgb(255 0 255 / .3);filter:drop-shadow(0 5px 15px rgb(0 255 255 / .4))}.welcome-description{font-size:clamp(1.05rem, 1.8vw, 1.3rem);color:var(--wa-secondary);line-height:1.7;max-width:850px;margin:0 auto;font-weight:500;letter-spacing:.02em}.characters-section{flex:1}.section-title{font-size:clamp(1.3rem, 2.5vw, 2rem);color:var(--wa-text);text-align:center;margin-bottom:var(--spacing-2xl);font-weight:700;display:none}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);padding:var(--spacing-md);max-width:1000px;margin:0 auto}.character-card{background:linear-gradient(145deg,var(--bg-dark) 0%,#1a1a2e 100%);border-radius:20px;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);text-align:center;border:2px solid #fff0;transition:all 0.4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:visible;box-shadow:0 10px 30px rgb(0 0 0 / .5);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.character-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--neon-cyan-dim) 0%,var(--neon-magenta-dim) 100%);opacity:0;transition:opacity 0.4s ease;z-index:0;border-radius:20px}.character-card::after{content:'';position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-magenta) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.4s ease}.character-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 50px rgb(0 255 255 / .3),0 0 60px rgb(255 0 255 / .2)}.character-card:hover::before{opacity:.15}.character-card:hover::after{opacity:1}.character-avatar{position:relative;width:150px;height:150px;margin:0;z-index:1;flex-shrink:0}.character-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--neon-cyan-dim);transition:all 0.4s ease;filter:brightness(.95);box-shadow:0 0 20px var(--neon-cyan-dim)}.character-card:hover .character-img{transform:scale(1.08);filter:brightness(1.1);border-color:var(--neon-cyan);box-shadow:0 0 40px var(--neon-cyan),0 0 60px var(--neon-magenta-dim)}.character-name{position:relative;font-size:1.3rem;color:#fff;margin:0;padding:.5rem 1.5rem;font-weight:900;z-index:2;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-magenta) 100%);text-transform:uppercase;letter-spacing:.1em;border-radius:25px;text-shadow:0 2px 10px rgb(0 0 0 / .8);box-shadow:0 5px 20px rgb(0 255 255 / .4),0 0 30px rgb(255 0 255 / .3);transition:all 0.3s ease}.character-card:hover .character-name{transform:scale(1.05);box-shadow:0 8px 25px rgb(0 255 255 / .6),0 0 40px var(--neon-magenta)}.welcome-actions{text-align:center;padding-top:var(--spacing-2xl);margin-top:var(--spacing-xl);border-top:2px solid var(--bg-light)}.btn-start{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:30px;padding:1.1rem 2.8rem;color:#fff;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all 0.4s ease;box-shadow:0 10px 30px rgb(102 126 234 / .4),0 0 20px var(--neon-magenta-dim);position:relative;overflow:hidden}.btn-start::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .3) 50%,transparent 100%);transition:left 0.6s}.btn-start:hover::before{left:100%}.btn-start:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px rgb(102 126 234 / .6),0 0 30px var(--neon-magenta)}.btn-start:active{transform:translateY(-2px) scale(1.02)}.character-modal-body{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center}.character-modal-avatar{flex-shrink:0}.character-modal-avatar img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--neon-cyan);box-shadow:0 0 30px var(--neon-cyan-dim)}.character-modal-info{width:100%}.character-modal-info p{font-size:1.1rem;line-height:1.7;color:var(--wa-text);margin-bottom:var(--spacing-xl);text-align:center}.character-modal-details{background:var(--bg-dark);padding:var(--spacing-xl);border-radius:10px;border:1px solid var(--bg-light);width:100%}.character-modal-details h3{color:var(--neon-cyan);font-size:1.2rem;margin-bottom:var(--spacing-md);font-weight:700;text-align:center}.character-modal-details ul{list-style:none;padding:0}.character-modal-details li{color:var(--wa-text);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl);position:relative}.character-modal-details li::before{content:'▶';position:absolute;left:0;color:var(--neon-magenta);font-size:12px;top:5px}.modal-footer{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-lg)}@media (max-width:1024px){.characters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.welcome-container{flex-direction:column;padding:var(--spacing-xl)}.welcome-sidebar{flex-direction:row;justify-content:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--bg-light);margin-bottom:var(--spacing-md)}.characters-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-sm)}.character-card{padding:var(--spacing-md)}.character-avatar{width:120px;height:120px}.character-name{font-size:1.1rem;padding:.4rem 1rem}.character-modal-body{align-items:center;text-align:center}.character-modal-avatar img{width:150px;height:150px}.btn-start{padding:1rem 2rem;font-size:1.1rem}.welcome-title{font-size:clamp(2rem, 8vw, 3.5rem)}}@media (max-width:480px){.welcome-screen{padding:var(--spacing-sm)}.welcome-container{padding:var(--spacing-md)}.splash-title{font-size:2rem}.welcome-title{font-size:1.8rem}.welcome-description{font-size:.9rem}.characters-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-xs)}.character-card{padding:var(--spacing-sm)}.character-avatar{width:100px;height:100px}.character-name{font-size:1rem;padding:.3rem .8rem}.btn-start{padding:.9rem 1.5rem;font-size:1rem}.character-modal-info p{font-size:1rem}.character-modal-details li{font-size:.95rem}}