@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap";*{font-family:Cairo,Arial,sans-serif}body{margin:0;padding:0;direction:rtl;text-align:right}.container{max-width:1200px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.hint-bubble{position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px;padding:12px 20px;margin:8px 0;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease}.hint-bubble:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff;padding:12px 24px;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.card{background:white;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.loading-dots{display:inline-block}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.text-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification{position:fixed;top:20px;right:20px;background:#4CAF50;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.container{padding:16px}.card{margin:8px;padding:16px}.btn-primary{width:100%;margin:8px 0}}.game-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;position:relative;overflow:hidden}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.typing-effect{overflow:hidden;border-right:2px solid #667eea;white-space:nowrap;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#667eea}}