@import"https://fonts.googleapis.com/css2?family=Eczar:wght@400;600;800&family=Rozha+One&display=swap";:root{--primary-gold: #FFD700;--primary-saffron: #FF9933;--bg-dark: #1a1410;--text-light: #f5f5f5;--accent-blue: #00FFFF;--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 215, 0, .3);--critical-red: #FF4444;--perfect-green: #00FF88}body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-dark);font-family:Eczar,serif;color:var(--text-light);-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh}canvas{display:block}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#score-board{position:absolute;top:30px;right:40px;font-size:2.5rem;font-weight:800;color:var(--primary-gold);text-shadow:0 0 15px rgba(255,215,0,.6);display:flex;flex-direction:column;align-items:flex-end;background:var(--glass-bg);padding:15px 25px;border-radius:15px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000005e;transition:transform .2s}#score-board:hover{transform:scale(1.05)}#score-board .label{font-size:1rem;color:var(--primary-saffron);text-transform:uppercase;letter-spacing:3px;margin-bottom:5px}#wave-container{position:absolute;top:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f933,#ffd70033);padding:10px 30px;border-radius:25px;border:2px solid var(--primary-gold);box-shadow:0 0 30px #ffd7004d}#wave-display{font-family:Rozha One,serif;font-size:1.5rem;color:var(--primary-gold);text-shadow:0 0 10px rgba(255,215,0,.8);letter-spacing:2px;text-transform:uppercase}#boss-health-container{position:absolute;top:90px;left:50%;transform:translate(-50%);width:400px;max-width:80vw;border:none;box-shadow:none;animation:none;transition:all .3s ease}.boss-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;font-size:1rem;color:var(--critical-red);text-transform:uppercase;letter-spacing:3px;font-weight:800}.boss-icon{font-size:1.5rem;animation:boss-pulse 1s ease-in-out infinite}@keyframes boss-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes rage-pulse{0%{opacity:1;filter:brightness(1)}to{opacity:.8;filter:brightness(1.5)}}#boss-health-container.rage-mode{animation:rage-container-shake .1s infinite;border:2px solid #FF0000!important;box-shadow:0 0 30px #ff000080}@keyframes rage-container-shake{0%,to{transform:translate(-50%) translateY(0)}25%{transform:translate(calc(-50% - 3px)) translateY(-1px)}75%{transform:translate(calc(-50% + 3px)) translateY(1px)}}#boss-health{width:100%;height:20px;background:#00000080;border-radius:10px;border:2px solid rgba(255,68,68,.5);overflow:hidden;box-shadow:0 0 20px #ff44444d}#boss-health-bar{width:100%;height:100%;background:linear-gradient(90deg,#f44,#f66);border-radius:8px;transition:width .3s ease-out;box-shadow:0 0 15px #ff444480}#combo-display{position:absolute;top:150px;right:40px;font-family:Rozha One,serif;font-size:2rem;color:var(--primary-saffron);text-shadow:0 0 10px rgba(255,153,51,.8),0 0 20px rgba(255,153,51,.6),0 0 30px rgba(255,153,51,.4);animation:combo-pulse .5s ease-in-out infinite;transition:transform .2s}@keyframes combo-pulse{0%,to{text-shadow:0 0 10px rgba(255,153,51,.8),0 0 20px rgba(255,153,51,.6)}50%{text-shadow:0 0 20px rgba(255,153,51,1),0 0 40px rgba(255,153,51,.8),0 0 60px rgba(255,153,51,.6)}}#power-up-display{position:absolute;top:200px;right:40px;font-size:1.5rem;color:var(--accent-blue);background:#00ffff1a;padding:10px 20px;border-radius:10px;border:1px solid var(--accent-blue);box-shadow:0 0 20px #00ffff4d;animation:power-glow 1s ease-in-out infinite}@keyframes power-glow{0%,to{box-shadow:0 0 20px #00ffff4d}50%{box-shadow:0 0 40px #0ff9}}#announcement{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Rozha One,serif;font-size:4rem;color:var(--primary-gold);text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor,2px 2px 0 #000,-2px -2px 0 #000;z-index:50;pointer-events:none;white-space:nowrap}@keyframes announcement-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-50%) scale(1.3);opacity:1}40%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}#timer-bar-container{position:absolute;top:0;left:0;width:100%;height:8px;background:#ffffff0d;box-shadow:0 2px 10px #00000080}#timer-bar{width:100%;height:100%;background:linear-gradient(90deg,#0f8,#0ff);box-shadow:0 0 20px var(--primary-saffron);transform-origin:left;transition:width .1s linear,background .3s,box-shadow .3s}#word-display{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);font-family:Rozha One,serif;font-size:5rem;color:#fff;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,153,51,.6),0 0 40px rgba(0,0,0,.8);letter-spacing:4px;pointer-events:auto;animation:word-appear .3s ease-out}#word-display .typed{color:var(--perfect-green);text-shadow:0 0 15px rgba(0,255,136,.8),0 0 30px rgba(0,255,136,.5)}#word-display .remaining{color:#fff}#word-display.golden-word{animation:golden-shimmer 1s ease-in-out infinite}#word-display.golden-word .remaining{background:linear-gradient(90deg,gold,#fff,gold);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:golden-text 1s linear infinite}@keyframes word-appear{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes golden-shimmer{0%,to{text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6)}50%{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8),0 0 90px rgba(255,215,0,.6)}}@keyframes golden-text{0%{background-position:0% center}to{background-position:200% center}}#hanuman-meter-container{position:absolute;top:70px;left:20px;width:180px;background:var(--glass-bg);padding:10px 12px;border-radius:12px;border:2px solid #8B4513;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #8b45134d;transition:all .3s ease}#hanuman-meter-container.ready{border-color:#f60;box-shadow:0 0 30px #f609,0 0 60px #ffaa004d;animation:hanuman-container-glow .5s infinite alternate}@keyframes hanuman-container-glow{0%{transform:scale(1)}to{transform:scale(1.02)}}.hanuman-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;color:#deb887;text-transform:uppercase;letter-spacing:2px;font-weight:600}.hanuman-icon{font-size:1.3rem;animation:hanuman-icon-bounce 1s ease-in-out infinite}@keyframes hanuman-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}#hanuman-meter{width:100%;height:12px;background:#00000080;border-radius:6px;border:1px solid rgba(139,69,19,.5);overflow:hidden}#hanuman-meter-bar{width:0%;height:100%;background:linear-gradient(90deg,#8b4513,sienna);border-radius:5px;transition:width .3s ease-out,background .3s ease}.streak-indicators{display:flex;justify-content:space-between;margin-top:6px;padding:0 2px}.streak-dot{width:8px;height:8px;background:#8b45134d;border-radius:50%;border:1px solid rgba(139,69,19,.5);transition:all .2s ease}#hanuman-meter-container.ready .streak-dot{background:#f60;box-shadow:0 0 8px #f60}@keyframes hanuman-ready{0%{filter:brightness(1);box-shadow:0 0 20px #f60}to{filter:brightness(1.3);box-shadow:0 0 30px #fa0,0 0 50px #f60}}#mini-boss-container{position:absolute;top:140px;left:50%;transform:translate(-50%);width:350px;max-width:80vw;background:linear-gradient(135deg,#320032e6,#640064b3);padding:12px 20px;border-radius:15px;border:3px solid #800080;box-shadow:0 0 30px #80008080;animation:mini-boss-pulse 1s infinite alternate}@keyframes mini-boss-pulse{0%{box-shadow:0 0 30px #80008080}to{box-shadow:0 0 50px #800080cc,0 0 80px #80008066}}.mini-boss-label-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;font-size:1rem;color:plum;text-transform:uppercase;letter-spacing:3px;font-weight:800}#mini-boss-icon{font-size:1.5rem;animation:boss-pulse .5s ease-in-out infinite}#mini-boss-health{width:100%;height:16px;background:#00000080;border-radius:8px;border:2px solid rgba(128,0,128,.5);overflow:hidden}#mini-boss-health-bar{width:100%;height:100%;background:linear-gradient(90deg,purple,#9932cc);border-radius:6px;transition:width .3s ease-out;box-shadow:0 0 15px #80008080}.mini-boss-label{font-size:1.1rem;font-weight:700;margin-bottom:10px;padding:5px 15px;border-radius:20px;display:inline-block;animation:special-attack-pulse .5s infinite alternate}.mini-boss-label.kumbhakarna{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;text-shadow:0 0 10px #8B4513}.mini-boss-label.indrajit{background:linear-gradient(135deg,indigo,#6b238e);color:plum;text-shadow:0 0 10px #4B0082}.mini-boss-label.surpanakha{background:linear-gradient(135deg,purple,#9932cc);color:#fff;text-shadow:0 0 10px #800080}.remaining.wake-word{color:#8b4513;font-size:4rem;text-shadow:0 0 20px #8B4513;animation:wake-pulse .3s infinite alternate}@keyframes wake-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.remaining.giant-word{color:sienna;font-size:3.5rem;text-shadow:0 0 20px #8B4513,0 0 40px #654321;letter-spacing:5px}.remaining.shadow-word{color:#9370db;text-shadow:0 0 20px #4B0082,5px 5px 10px rgba(0,0,0,.5)}.remaining.invisible-word{color:indigo;text-shadow:0 0 30px #4B0082;letter-spacing:8px}.decoy-words{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:15px}.word-option{padding:10px 20px;border-radius:10px;font-size:2rem;font-weight:700;transition:all .2s ease}.word-option.real{background:#00ff001a;border:2px solid transparent}.word-option.decoy span.decoy{color:#666;text-shadow:none;opacity:.7}.special-attack-label{font-size:1.2rem;font-weight:700;margin-bottom:10px;padding:5px 15px;border-radius:20px;display:inline-block;animation:special-attack-pulse .5s infinite alternate}.special-attack-label.scramble{background:linear-gradient(135deg,#93f,#c6f);color:#fff;text-shadow:0 0 10px #9933FF;box-shadow:0 0 20px #9933ff80}.special-attack-label.blind{background:linear-gradient(135deg,#333,#666);color:#999;text-shadow:0 0 10px #000;box-shadow:0 0 20px #000c}@keyframes special-attack-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.remaining.scrambled{color:#c6f;text-shadow:0 0 10px #9933FF,2px 2px 0 #6600CC,-2px -2px 0 #CC99FF;animation:scramble-shake .1s infinite;letter-spacing:3px}@keyframes scramble-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}.hidden-chars{color:#333;text-shadow:none;letter-spacing:2px}.hint-text{font-size:.9rem;color:#93f;margin-top:8px;opacity:.8;font-style:italic}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);text-shadow:0 0 10px rgba(255,215,0,.8)}50%{transform:translate(-50%,-50%) scale(1.05);text-shadow:0 0 25px rgba(255,215,0,1)}to{transform:translate(-50%,-50%) scale(1);text-shadow:0 0 10px rgba(255,215,0,.8)}}#start-screen,#game-over{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;text-align:center;pointer-events:auto;z-index:100;opacity:1;transition:opacity .5s}.scroll-content{background:linear-gradient(135deg,#2c1e15f2,#4a3b2af2);padding:60px 80px;border:2px solid var(--primary-gold);border-radius:20px;box-shadow:0 0 50px #ffd70026,inset 0 0 20px #00000080;max-width:600px;position:relative}.scroll-content:before,.scroll-content:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--primary-gold);transition:all .3s}.scroll-content:before{top:10px;left:10px;border-right:none;border-bottom:none}.scroll-content:after{bottom:10px;right:10px;border-left:none;border-top:none}h1{font-family:Rozha One,serif;font-size:4.5rem;margin:0 0 30px;background:linear-gradient(to bottom,#FFF,var(--primary-gold),var(--primary-saffron));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}p{font-size:1.4rem;margin-bottom:40px;color:#e0e0e0;line-height:1.6}.final-stats{text-align:left;padding:20px;background:#0000004d;border-radius:10px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;font-size:1.3rem;padding:8px 0;border-bottom:1px solid rgba(255,215,0,.2)}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:#aaa}.stat-row span:last-child{color:var(--primary-gold);font-weight:800}button{background:linear-gradient(45deg,var(--primary-saffron),#d32f2f);border:none;padding:18px 50px;font-family:Eczar,serif;font-size:1.8rem;font-weight:800;color:#fff;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #d32f2f4d;position:relative;overflow:hidden;margin:10px}button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px #d32f2f80}button:hover:after{left:100%}button:active{transform:translateY(2px)}.hidden{display:none!important}.menu-options{display:flex;flex-direction:column;align-items:center;gap:15px}.divider{color:var(--primary-gold);font-weight:700;margin:10px 0;position:relative;width:100%;text-align:center}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ffd7004d}.divider:before{left:0}.divider:after{right:0}.join-room-container{display:flex;gap:10px;align-items:center;margin-top:10px}#room-id-input{background:#0000004d;border:1px solid var(--primary-gold);padding:15px 20px;border-radius:30px;color:#fff;font-family:Eczar,serif;font-size:1.2rem;outline:none;width:200px;text-align:center}#room-id-input:focus{box-shadow:0 0 15px #ffd7004d}#lobby-status{display:flex;flex-direction:column;align-items:center;gap:15px}.highlight{color:var(--primary-gold);font-weight:700;font-family:monospace;font-size:1.5rem;background:#0000004d;padding:5px 15px;border-radius:10px;border:1px dashed var(--primary-saffron)}.status-text{font-style:italic;color:#aaa;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}#countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#countdown-number{font-family:Rozha One,serif;font-size:10rem;color:var(--primary-gold);text-shadow:0 0 50px var(--primary-saffron);animation:countdown-pulse 1s infinite}@keyframes countdown-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}#multiplayer-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;text-align:center;pointer-events:auto;z-index:100;opacity:1;transition:opacity .5s}.lobby-controls{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.secondary-btn{background:transparent;border:2px solid var(--primary-gold);color:var(--primary-gold);font-size:1.2rem;padding:10px 30px;margin-top:20px;box-shadow:none}.secondary-btn:hover{background:#ffd7001a;transform:translateY(-2px);box-shadow:0 0 15px #ffd70033}.secondary-btn:after{display:none}#available-rooms-container{width:100%;margin-top:15px;display:flex;flex-direction:column;align-items:center;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#rooms-list{width:100%;max-height:150px;overflow-y:auto;background:#0003;border-radius:10px;margin:10px 0;padding:5px;border:1px solid rgba(255,215,0,.1)}#rooms-list::-webkit-scrollbar{width:6px}#rooms-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}#rooms-list::-webkit-scrollbar-thumb{background:var(--primary-saffron);border-radius:3px}.room-item{background:#ffd7000d;border:1px solid rgba(255,215,0,.2);padding:10px 15px;margin:5px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.room-item:hover{background:#ffd70026;border-color:var(--primary-gold);transform:translate(5px) scale(1.02)}.room-id{font-family:monospace;color:var(--primary-gold);font-weight:700;font-size:1.1rem;letter-spacing:1px}.room-time{font-size:.8rem;color:#aaa}.no-rooms{padding:15px;color:#888;font-style:italic;font-size:.9rem}.small-btn{padding:8px 25px;font-size:1rem;margin-top:5px;background:linear-gradient(45deg,#444,#666);box-shadow:0 4px 10px #0000004d}.small-btn:hover{background:linear-gradient(45deg,#555,#777);box-shadow:0 6px 15px #0006}.about-trigger-btn{margin-top:30px;background:transparent;border:none;color:#ffd70099;font-size:.9rem;padding:8px 20px;box-shadow:none;text-decoration:underline;text-underline-offset:4px;transition:all .3s ease}.about-trigger-btn:hover{color:var(--primary-gold);text-shadow:0 0 20px rgba(255,215,0,.5);transform:none;box-shadow:none}.about-trigger-btn:after{display:none}#about-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0806;display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:150;overflow:hidden}.about-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.about-particles span{position:absolute;width:4px;height:4px;background:var(--primary-gold);border-radius:50%;opacity:0;animation:floatParticle 8s infinite}.about-particles span:nth-child(1){left:10%;animation-delay:0s}.about-particles span:nth-child(2){left:20%;animation-delay:1s}.about-particles span:nth-child(3){left:30%;animation-delay:2s}.about-particles span:nth-child(4){left:40%;animation-delay:.5s}.about-particles span:nth-child(5){left:50%;animation-delay:1.5s}.about-particles span:nth-child(6){left:60%;animation-delay:2.5s}.about-particles span:nth-child(7){left:70%;animation-delay:.8s}.about-particles span:nth-child(8){left:80%;animation-delay:1.8s}.about-particles span:nth-child(9){left:90%;animation-delay:3s}.about-particles span:nth-child(10){left:95%;animation-delay:.3s}@keyframes floatParticle{0%{bottom:-10%;opacity:0;transform:translate(0) scale(0)}10%{opacity:.8;transform:scale(1)}90%{opacity:.4}to{bottom:110%;opacity:0;transform:translate(30px) scale(.5)}}.close-btn{position:absolute;top:30px;right:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .4s cubic-bezier(.175,.885,.32,1.275);padding:0;margin:0;box-shadow:none;z-index:100}.close-btn svg{width:20px;height:20px}.close-btn:hover{background:#f933;border-color:var(--primary-saffron);color:var(--primary-gold);transform:rotate(90deg);box-shadow:0 0 30px #ff99334d}.close-btn:after{display:none}.about-card{position:relative;width:90%;max-width:420px;padding:50px 40px;background:linear-gradient(165deg,#1e1914f2,#0f0c0afa);border:1px solid rgba(255,215,0,.15);border-radius:24px;animation:cardSlideIn .6s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,153,51,.1) 10%,transparent 20%,rgba(255,215,0,.08) 30%,transparent 40%);animation:glowRotate 15s linear infinite;pointer-events:none}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-wrapper{position:relative;width:100px;height:100px}.avatar-border{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary-gold),var(--primary-saffron),#e74c3c,var(--primary-saffron),var(--primary-gold));animation:borderSpin 4s linear infinite}@keyframes borderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar{position:absolute;inset:3px;border-radius:50%;background:linear-gradient(145deg,#1a1410,#0d0a08);display:flex;align-items:center;justify-content:center;font-family:Rozha One,serif;font-size:2.8rem;color:var(--primary-gold);text-shadow:0 0 30px rgba(255,215,0,.5);overflow:hidden}.avatar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.15) 0%,transparent 60%)}.avatar-status{position:absolute;bottom:8px;right:8px;width:14px;height:14px;background:#0f8;border:3px solid #0d0a08;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #00ff8880}50%{box-shadow:0 0 0 6px #0f80}}.name-section{text-align:center}.dev-name{font-family:Rozha One,serif;font-size:2.2rem;margin:0 0 8px;color:#fff;display:flex;justify-content:center;flex-wrap:wrap}.name-char{display:inline-block;animation:charReveal .5s ease backwards;background:linear-gradient(180deg,#fff,#ffd700e6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.name-char:nth-child(1){animation-delay:.1s}.name-char:nth-child(2){animation-delay:.15s}.name-char:nth-child(3){animation-delay:.2s}.name-char:nth-child(4){animation-delay:.25s}.name-char:nth-child(5){animation-delay:.3s}.name-char:nth-child(6){animation-delay:.35s}.name-space{width:12px}.name-char:nth-child(8){animation-delay:.45s}.name-char:nth-child(9){animation-delay:.5s}.name-char:nth-child(10){animation-delay:.55s}.name-char:nth-child(11){animation-delay:.6s}.name-char:nth-child(12){animation-delay:.65s}@keyframes charReveal{0%{opacity:0;transform:translateY(-20px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.dev-tagline{font-family:Eczar,serif;font-size:1rem;color:#fff6;margin:0;font-weight:400;letter-spacing:1px;animation:taglineFade .8s ease .7s backwards}@keyframes taglineFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.divider-line{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px 0;position:relative;z-index:1}.divider-line:before,.divider-line:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent)}.divider-dot{width:5px;height:5px;background:var(--primary-saffron);border-radius:50%;animation:dotPulse 2s ease-in-out infinite}.divider-dot:nth-child(2){animation-delay:.3s}.divider-dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.social-grid{display:flex;flex-direction:column;gap:12px;width:100%;position:relative;z-index:1}.social-card{display:flex;align-items:center;gap:15px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.social-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s ease}.social-card.linkedin:before{background:linear-gradient(135deg,rgba(0,119,181,.15) 0%,transparent 100%)}.social-card.github:before{background:linear-gradient(135deg,rgba(110,84,148,.15) 0%,transparent 100%)}.social-card.instagram:before{background:linear-gradient(135deg,rgba(225,48,108,.15) 0%,transparent 100%)}.social-card:hover:before{opacity:1}.social-card:hover{transform:translate(8px);border-color:#ffffff26}.social-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease}.social-icon svg{width:20px;height:20px}.social-card.linkedin .social-icon{background:linear-gradient(135deg,#0077b5,#005885);color:#fff}.social-card.github .social-icon{background:linear-gradient(135deg,#6e5494,#4a3766);color:#fff}.social-card.instagram .social-icon{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737);color:#fff}.social-card:hover .social-icon{transform:scale(1.1) rotate(-5deg)}.social-label{font-family:Eczar,serif;font-size:1rem;font-weight:600;color:#ffffffe6}.social-handle{font-size:.85rem;color:#fff6;margin-left:auto}.back-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:30px;padding:16px 24px;background:transparent;border:1px solid rgba(255,215,0,.25);border-radius:14px;color:var(--primary-gold);font-family:Eczar,serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:1;box-shadow:none}.back-btn svg{width:18px;height:18px;transition:transform .3s ease}.back-btn:hover{background:#ffd7001a;border-color:var(--primary-gold);box-shadow:0 0 30px #ffd70033;transform:none}.back-btn:hover svg{transform:translate(-4px)}.back-btn:after{display:none}@media(max-width:768px){#word-display{font-size:3rem}#announcement{font-size:2.5rem}#score-board{font-size:1.8rem;padding:10px 15px}#combo-display{font-size:1.5rem}#boss-health-container{width:280px}.scroll-content{padding:30px 40px;max-width:90vw}h1{font-size:2.5rem}button{padding:12px 30px;font-size:1.3rem}.close-btn{top:20px;right:20px;width:44px;height:44px}.about-card{padding:40px 25px;border-radius:20px}.avatar-wrapper{width:85px;height:85px}.avatar{font-size:2.2rem}.dev-name{font-size:1.8rem}.dev-tagline{font-size:.9rem}.social-card{padding:14px 16px}.social-icon{width:38px;height:38px}.social-handle{display:none}.menu-options{width:100%;gap:20px}.menu-options button{width:100%;margin:10px 0;box-sizing:border-box}}