*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}button{font-family:inherit;border:none;outline:none;background:none;cursor:pointer}input{font-family:inherit;border:none;outline:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}::selection{background:#667eea4d;color:#333}::-moz-selection{background:#667eea4d;color:#333}*:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.app{background:#000;color:#fff}.input-card,.step-container,.result-card{background:#fff;color:#000;border:2px solid #000}}@media print{.app{background:#fff!important}.confetti,.play-again-button{display:none!important}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.name-input-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.input-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%;animation:fadeIn 1s ease-out}.input-title{text-align:center;color:#333;font-size:2rem;margin-bottom:2rem;font-weight:600;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-weight:600;color:#555;font-size:1.1rem;margin-left:.5rem}.name-input{padding:1rem 1.5rem;border:2px solid #e0e0e0;border-radius:50px;font-size:1.1rem;transition:all .3s ease;background:#fff;outline:none}.name-input:focus{border-color:#667eea;box-shadow:0 0 20px #667eea33;transform:translateY(-2px)}.name-input::placeholder{color:#aaa}.heart-divider{display:flex;justify-content:center;align-items:center;margin:1rem 0;position:relative}.heart-divider:before,.heart-divider:after{content:"";height:2px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);flex:1}.heart{font-size:2rem;margin:0 1rem;animation:pulse 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.error-container{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px;padding:1rem;margin:.5rem 0}.error-message{color:#d32f2f;margin:0;font-size:.9rem;text-align:center}.play-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.2rem 2rem;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;position:relative;overflow:hidden}.play-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.play-button:active:not(:disabled){transform:translateY(-1px)}.play-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.play-button:hover:not(:disabled):before{left:100%}.button-text{position:relative;z-index:1}.button-sparkles{font-size:1.5rem;animation:sparkle 1.5s infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}@media (max-width: 768px){.name-input-container{padding:1rem}.input-card{padding:2rem}.input-title{font-size:1.5rem}.name-input{padding:.8rem 1.2rem;font-size:1rem}.play-button{padding:1rem 1.5rem;font-size:1.1rem}}@media (max-width: 480px){.input-card{padding:1.5rem;border-radius:15px}.input-title{font-size:1.3rem}.heart{font-size:1.5rem}}.game-steps{min-height:500px;display:flex;align-items:center;justify-content:center;padding:2rem}.step-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:700px;width:100%;opacity:0;transform:translateY(30px);transition:all .6s ease}.step-container.entering{opacity:0;transform:translateY(30px) scale(.95)}.step-container.visible{opacity:1;transform:translateY(0) scale(1)}.step-title{text-align:center;color:#333;font-size:1.8rem;margin-bottom:2rem;font-weight:600;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.names-display{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.name-card{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:1.5rem;border-radius:15px;text-align:center;min-width:200px;animation:slideInLeft .8s ease}.name-card:last-child{animation:slideInRight .8s ease}.name-label{display:block;font-size:.9rem;opacity:.9;margin-bottom:.5rem}.name-value{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.normalized-name{font-size:1rem;opacity:.8}.plus-sign{font-size:2rem;color:#667eea;font-weight:700;animation:pulse 2s infinite}.letters-analysis{display:flex;flex-direction:column;gap:2rem}.name-letters h4{text-align:center;color:#555;margin-bottom:1rem;font-size:1.3rem}.letter-grid{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.letter{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-weight:700;font-size:1.2rem;transition:all .3s ease;animation:fadeIn .5s ease}.letter.crossed-out{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;position:relative;animation:crossOut 1s ease;opacity:.7}.letter.remaining{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;animation:highlight 1s ease}.cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.common-letters-summary{text-align:center;margin-top:1.5rem;padding:1rem;background:#ff6b6b1a;border-radius:10px;border:1px solid rgba(255,107,107,.2)}.common-letters-summary h4{color:#d63031;margin-bottom:1rem}.common-letters-list{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.common-letter-item{background:#ff6b6b;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;animation:bounceIn .6s ease}.remaining-analysis{text-align:center}.remaining-letters-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.remaining-letter-item{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;padding:1rem;border-radius:10px;min-width:60px;animation:bounceIn .6s ease}.remaining-letter-item .letter{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.remaining-letter-item .count{font-size:.9rem;opacity:.9}.no-remaining{font-size:1.2rem;color:#666;font-style:italic}.total-count{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff;border-radius:15px;font-size:1.3rem;animation:pulse 2s infinite}.count-label{font-weight:600}.count-value{font-size:2rem;font-weight:700;background:#fff3;padding:.5rem 1rem;border-radius:10px}.flames-intro{text-align:center}.flames-letters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.flame-letter-card{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff;padding:1.5rem 1rem;border-radius:15px;text-align:center;animation:bounceIn .8s ease;transition:transform .3s ease}.flame-letter-card:hover{transform:translateY(-5px)}.flame-letter-card .letter{display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.flame-letter-card .meaning{font-size:.9rem;opacity:.9}.elimination-explanation{font-size:1.1rem;color:#555;line-height:1.6;background:#667eea1a;padding:1rem;border-radius:10px;border-left:4px solid #667eea}.elimination-step{display:flex;flex-direction:column;gap:2rem}.flames-sequence{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.before-elimination,.after-elimination{text-align:center}.before-elimination h4,.after-elimination h4{color:#555;margin-bottom:1rem;font-size:1.2rem}.letters-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.flame-letter{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-weight:700;font-size:1.5rem;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;transition:all .5s ease;animation:fadeIn .5s ease}.flame-letter.eliminated{background:linear-gradient(135deg,#ff7675,#d63031);animation:elimination 1s ease}.flame-letter.remaining{background:linear-gradient(135deg,#00b894,#00a085);animation:bounceIn .6s ease}.elimination-arrow{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.arrow{font-size:2rem;color:#667eea;animation:bounce 1s infinite}.count-info,.eliminated-info{background:#667eea1a;color:#667eea;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes elimination{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(.8);opacity:.6}}@keyframes crossOut{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1)}to{transform:scale(1);opacity:.7}}@keyframes highlight{0%{transform:scale(1);box-shadow:0 0 #4ecdc480}50%{transform:scale(1.1);box-shadow:0 0 20px #4ecdc4cc}to{transform:scale(1);box-shadow:0 0 10px #4ecdc44d}}@media (max-width: 768px){.game-steps{padding:1rem}.step-container{padding:2rem}.step-title{font-size:1.5rem}.names-display{gap:1rem}.name-card{min-width:150px;padding:1rem}.flames-letters{grid-template-columns:repeat(2,1fr)}.letter-grid{gap:.3rem}.letter{width:35px;height:35px;font-size:1rem}}@media (max-width: 480px){.step-container{padding:1.5rem}.flames-letters{grid-template-columns:1fr}.remaining-letters-grid{gap:.5rem}.flames-sequence{gap:1rem}.letters-row{gap:.5rem}.flame-letter{width:40px;height:40px;font-size:1.2rem}}.result-display{position:relative;display:flex;justify-content:center;align-items:center;padding:2rem;opacity:0;transform:scale(.8);transition:all 1s ease}.result-display.visible{opacity:1;transform:scale(1)}.result-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:2rem;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.2);max-width:600px;width:100%;text-align:center;position:relative;overflow:hidden;animation:resultCardAppear 1.2s ease}.result-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes resultCardAppear{0%{opacity:0;transform:translateY(50px) scale(.8)}50%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.result-header{margin-bottom:1rem;position:relative;z-index:1}.result-title{font-size:2.2rem;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(102,126,234,.3))}to{filter:drop-shadow(0 0 20px rgba(102,126,234,.6))}}.names-reminder{font-size:1.2rem;color:#666;font-weight:500;background:#667eea1a;padding:.5rem 1rem;border-radius:25px;display:inline-block}.result-content{position:relative;z-index:1}.result-letter-display{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;margin:0 auto 1rem;position:relative;animation:letterPulse 2s ease-in-out infinite;box-shadow:0 10px 30px #0003}.result-letter-display:has(.result-letter:contains("💫")){background:linear-gradient(45deg,gold,#ff69b4,#00ced1,gold);animation:soulmatesPulse 2s ease-in-out infinite,soulmatesRotate 10s linear infinite;box-shadow:0 0 20px #ffd70099,0 0 40px #ff69b466,0 0 60px #00ced14d}@keyframes letterPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #0003}50%{transform:scale(1.05);box-shadow:0 15px 40px #0000004d}}.result-emoji{font-size:3rem;margin-bottom:.5rem;animation:emojiFloat 3s ease-in-out infinite}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.result-letter{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.result-meaning{margin-bottom:1rem}.meaning-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:1rem;animation:fadeInUp 1s ease .5s both}.meaning-description{font-size:1.1rem;color:#666;line-height:1.6;max-width:400px;margin:0 auto;animation:fadeInUp 1s ease .7s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-summary{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(102,126,234,.2);animation:fadeInUp 1s ease .9s both}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(102,126,234,.1)}.summary-item:last-child{border-bottom:none}.summary-label{font-weight:500;color:#555}.summary-value{font-weight:700;color:#667eea;background:#667eea1a;padding:.2rem .8rem;border-radius:15px}.result-actions{position:relative;z-index:1;animation:fadeInUp 1s ease 1.1s both}.play-again-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.8rem;position:relative;overflow:hidden}.play-again-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.play-again-button:active{transform:translateY(-1px)}.play-again-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.play-again-button:hover:before{left:100%}.button-icon{font-size:1.3rem;animation:iconSpin 2s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:50%;animation:confettiFall 3s linear infinite;opacity:.8}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece:nth-child(odd){animation-duration:2.5s;animation-delay:.5s}.confetti-piece:nth-child(2n){animation-duration:3.5s;animation-delay:1s}@media (max-width: 768px){.result-display{padding:1rem}.result-card{padding:1.5rem;border-radius:20px}.result-title{font-size:1.8rem}.names-reminder{font-size:1rem}.result-letter-display{width:120px;height:120px}.result-emoji{font-size:2.5rem}.result-letter{font-size:2rem}.meaning-title{font-size:1.6rem}.meaning-description{font-size:1rem}.play-again-button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.result-card{padding:1.5rem}.result-title{font-size:1.5rem}.result-letter-display{width:100px;height:100px}.result-emoji{font-size:2rem}.result-letter{font-size:1.5rem}.meaning-title{font-size:1.4rem}.summary-item{flex-direction:column;gap:.5rem;text-align:center}.play-again-button{padding:.8rem 1.5rem;font-size:.9rem}}@keyframes soulmatesPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ffd70099,0 0 40px #ff69b466,0 0 60px #00ced14d}50%{transform:scale(1.1);box-shadow:0 0 30px #ffd700cc,0 0 60px #ff69b499,0 0 90px #00ced180}}@keyframes soulmatesRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.soulmates-summary{background:linear-gradient(135deg,#ffd7001a,#ff69b41a,#00ced11a);border:2px solid transparent;background-clip:padding-box;position:relative;animation:soulmatesGlow 2s ease-in-out infinite}.soulmates-summary:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,#ff69b4,#00ced1,gold);border-radius:17px;z-index:-1;animation:soulmatesBorder 3s linear infinite;background-size:400% 400%}@keyframes soulmatesBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes soulmatesGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.glitch-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#0f0;font-family:Courier New,monospace;overflow:hidden;z-index:1000;animation:screenFlicker .3s infinite}.glitch-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.glitch-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,255,0,.1) 0%,transparent 50%),linear-gradient(0deg,rgba(0,255,0,.03) 50%,transparent 50%);background-size:100% 100%,100% 4px;animation:bgPulse 2s ease-in-out infinite}.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3}.rain-column{position:absolute;top:-100%;width:20px;height:100vh;animation:rainFall 3s linear infinite}.rain-char{display:block;color:#0f0;font-size:14px;line-height:20px;opacity:.8;animation:charFlicker .5s infinite}.glitch-message{position:relative;z-index:10;text-align:center;max-width:80%}.glitch-text{font-size:2.5rem;font-weight:700;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00;position:relative;animation:textGlitch .5s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:red;animation:glitchTop .6s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch-text:after{color:#00f;animation:glitchBottom .6s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}.scan-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(0,255,0,.03) 50%,transparent 100%);background-size:100% 4px;animation:scanLines .1s linear infinite;pointer-events:none}.glitch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:glitchOverlay 2s infinite;pointer-events:none}@keyframes screenFlicker{0%,90%,to{opacity:1}95%{opacity:.95}}@keyframes bgPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes rainFall{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes charFlicker{0%,to{opacity:.8}50%{opacity:.3}}@keyframes textGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitchTop{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}@keyframes glitchBottom{0%{transform:translate(0)}20%{transform:translate(2px)}40%{transform:translate(-2px)}60%{transform:translate(2px)}80%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes scanLines{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes glitchOverlay{0%{transform:translate(-100%);opacity:0}10%{transform:translate(-100%);opacity:.5}20%{transform:translate(100%);opacity:.5}21%{transform:translate(100%);opacity:0}to{transform:translate(100%);opacity:0}}.glitch-screen.starting{animation:screenBootUp .5s ease-out}.glitch-screen.scrambling .glitch-text{animation:textGlitch .4s infinite,textScramble .3s infinite}.glitch-screen.revealing .glitch-text{animation:textGlitch .8s infinite,textReveal 1.5s ease-out}.glitch-screen.complete{animation:screenFlicker .5s infinite,fadeToBlack 1s ease-in forwards}@keyframes screenBootUp{0%{opacity:0;transform:scale(.8);filter:brightness(0)}50%{opacity:1;transform:scale(1.1);filter:brightness(2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes textScramble{0%{filter:blur(0px)}50%{filter:blur(2px)}to{filter:blur(0px)}}@keyframes textReveal{0%{opacity:.5;text-shadow:0 0 20px #00ff00,0 0 40px #00ff00}to{opacity:1;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00}}@keyframes fadeToBlack{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media (max-width: 768px){.glitch-text{font-size:1.8rem}.rain-char{font-size:12px;line-height:18px}}@media (max-width: 480px){.glitch-text{font-size:1.4rem}.rain-column{width:15px}.rain-char{font-size:10px;line-height:15px}}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:400% 400%;animation:gradientShift 15s ease infinite;font-family:Arial,sans-serif}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;margin-bottom:1.5rem}.app-title{font-size:4rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.flame-letter{display:inline-block;animation:bounce 2s infinite;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.flame-letter:nth-child(1){color:#ff6b6b;animation-delay:0s}.flame-letter:nth-child(2){color:#4ecdc4;animation-delay:.2s}.flame-letter:nth-child(3){color:#45b7d1;animation-delay:.4s}.flame-letter:nth-child(4){color:#96ceb4;animation-delay:.6s}.flame-letter:nth-child(5){color:#ffeaa7;animation-delay:.8s}.flame-letter:nth-child(6){color:plum;animation-delay:1s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.app-subtitle{font-size:1.5rem;color:#fff;margin:1rem 0;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:300}.app-main{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem 0}.game-container{width:100%;max-width:800px}.app-footer{text-align:center;padding:2rem 0;color:#fffc;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.app-container{padding:1rem}.app-title{font-size:2.5rem}.app-subtitle{font-size:1.2rem}.app-footer{font-size:1rem}}@media (max-width: 480px){.app-title{font-size:2rem;gap:.2rem}.app-subtitle{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 30px #fff9}}