*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{color:#1a1a1a;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#fff;font-family:Tajawal,sans-serif}#app{flex-direction:column;height:100%;display:flex}input,textarea{-webkit-user-select:text;user-select:text;font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:0}@keyframes sparkle-anim{0%{text-shadow:0 0 4px,2px -2px 6px gold,-2px 2px 6px #fff;opacity:1}25%{text-shadow:0 0 8px,-3px -1px 10px gold,3px 1px 8px #fff8e1;opacity:.95}50%{text-shadow:0 0 16px,4px 2px 20px gold,-4px -2px 14px #fff,0 0 30px #ffd70066;opacity:1}75%{text-shadow:0 0 6px,2px 3px 12px gold,-3px -1px 8px #fff8e1;opacity:.97}to{text-shadow:0 0 4px,2px -2px 6px gold,-2px 2px 6px #fff;opacity:1}}.name-sparkle{filter:brightness(1.1);animation:2s ease-in-out infinite sparkle-anim}@keyframes glow-anim{0%,to{text-shadow:0 0 7px,0 0 10px,0 0 21px}50%{text-shadow:0 0 10px,0 0 20px,0 0 40px,0 0 60px}}.name-glow{animation:1.5s ease-in-out infinite glow-anim}@keyframes wave-anim{0%,to{transform:translateY(0)scaleY(1)}20%{transform:translateY(-6px)scaleY(1.05)}40%{transform:translateY(0)scaleY(.95)}60%{transform:translateY(-3px)scaleY(1.02)}80%{transform:translateY(0)scaleY(1)}}.name-wave{animation:1.2s ease-in-out infinite wave-anim;display:inline-block}@keyframes rainbow-anim{0%{color:red;text-shadow:0 0 8px #f006}14%{color:#ff8c00;text-shadow:0 0 8px #ff8c0066}28%{color:gold;text-shadow:0 0 8px #ffd70066}42%{color:#00e676;text-shadow:0 0 8px #00e67666}57%{color:#00b0ff;text-shadow:0 0 8px #00b0ff66}71%{color:#7c4dff;text-shadow:0 0 8px #7c4dff66}85%{color:#ff4081;text-shadow:0 0 8px #ff408166}to{color:red;text-shadow:0 0 8px #f006}}.name-rainbow{font-weight:800;animation:2s linear infinite rainbow-anim}@keyframes frame-gold-anim{0%{box-shadow:0 0 8px gold,0 0 16px #ffd7004d,inset 0 0 6px #ffd7001a}50%{box-shadow:0 0 14px #ffa000,0 0 28px #ffa00066,inset 0 0 10px #ffd70026}to{box-shadow:0 0 8px gold,0 0 16px #ffd7004d,inset 0 0 6px #ffd7001a}}.frame-gold{animation:2s ease-in-out infinite frame-gold-anim;border:3px solid gold!important}@keyframes frame-red-anim{0%,to{box-shadow:0 0 8px #e53935,0 0 16px #e539354d}50%{box-shadow:0 0 14px #e53935,0 0 30px #e5393580}}.frame-red{animation:1.8s ease-in-out infinite frame-red-anim;border:3px solid #e53935!important}@keyframes frame-rainbow-spin{0%{border-color:red;box-shadow:0 0 10px #f004}16%{border-color:#ff8c00;box-shadow:0 0 10px #ff8c0044}33%{border-color:gold;box-shadow:0 0 10px #ffd70044}50%{border-color:#00e676;box-shadow:0 0 10px #00e67644}66%{border-color:#00b0ff;box-shadow:0 0 10px #00b0ff44}83%{border-color:#7c4dff;box-shadow:0 0 10px #7c4dff44}to{border-color:red;box-shadow:0 0 10px #f004}}.frame-rainbow{animation:3s linear infinite frame-rainbow-spin;border:3.5px solid red!important}@keyframes frame-ice-anim{0%,to{box-shadow:0 0 8px #00ced1,0 0 16px #00ced140,0 0 30px #00ced11a}50%{box-shadow:0 0 12px #00e5ff,0 0 24px #00e5ff66,0 0 40px #00ced133}}.frame-ice{animation:2.5s ease-in-out infinite frame-ice-anim;border:3px solid #00ced1!important}@keyframes banner-pulse{0%,to{opacity:.85}50%{opacity:1}}.banner-animated{animation:3s ease-in-out infinite banner-pulse}@keyframes rq-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes rq-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rq-coin{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-70px)scale(.4)}}@keyframes rq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rq-rainbow{0%,to{color:#ff4d5e}25%{color:#ffc53d}50%{color:#8fe24c}75%{color:#4dc9ff}}@keyframes rq-glow{0%,to{text-shadow:0 0 5px #ffc53de6}50%{text-shadow:0 0 18px #ffc53d,0 0 30px #ffc53d80}}@keyframes rq-pop{0%{transform:scale(0)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rq-flame{0%,to{transform:scale(1)rotate(-4deg)}50%{transform:scale(1.18)rotate(4deg)}}@keyframes rq-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rq-dots{0%,60%,to{opacity:.25}30%{opacity:1}}@keyframes rq-spin{to{transform:rotate(360deg)}}@keyframes rq-confetti{0%{transform:translateY(-10px)rotate(0)}to{transform:translateY(120px)rotate(340deg)}}@keyframes rq-ring{0%,to{box-shadow:0 0 #ff4d5e80}50%{box-shadow:0 0 0 10px #ff4d5e00}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}