:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #FFD700;--primary-dark: #FFA500;--secondary-color: #4A90E2;--danger-color: #FF4757;--success-color: #2ED573;--warning-color: #FFA502;--bg-primary: #1A1A2E;--bg-secondary: #16213E;--bg-tertiary: #0F3460;--bg-card: #252A41;--text-primary: #FFFFFF;--text-secondary: #B8BCC8;--text-muted: #9CA3B0;--border-color: #3A4A5C;--shadow: 0 4px 12px rgba(0, 0, 0, .15);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .25);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);direction:rtl;text-align:right;min-height:100vh;overflow-x:hidden}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.game-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column}.game-content{flex:1;display:flex;flex-direction:column}.screen{flex:1;padding:var(--spacing-lg);max-width:100%;margin:0 auto;display:flex;flex-direction:column}.screen-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.btn-back{background:none;border:none;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease}.btn-back:hover{background:var(--bg-card);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:48px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--bg-primary)}.btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn.secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color)}.btn.danger{background:var(--danger-color);color:#fff}.btn.danger:hover:not(:disabled){background:#e63946;transform:translateY(-2px)}.btn.large{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--text-lg);min-height:56px}.btn.small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);min-height:36px}.btn-icon{font-size:var(--text-xl)}.loading-screen,.error-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-menu{align-items:center;justify-content:center;gap:var(--spacing-xl);text-align:center}.main-menu-header h1{font-size:var(--text-3xl);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.game-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--spacing-xl)}.main-menu-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:300px}.main-menu-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.info-icon{font-size:var(--text-lg)}.main-menu-footer{margin-top:var(--spacing-xl);color:var(--text-muted);font-size:var(--text-sm)}@media (max-width: 768px){.screen{padding:var(--spacing-md)}}@media (max-width: 480px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem}}.session-info{background:var(--bg-tertiary);border:1px solid var(--warning-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative;display:flex;align-items:center;justify-content:space-between}.session-info .info-icon{color:var(--warning-color)}.clear-session{background:none;border:none;color:var(--danger-color);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color .2s ease;margin-right:var(--spacing-sm)}.clear-session:hover{background:#ff47571a}.btn-link{background:none;border:none;color:var(--secondary-color);cursor:pointer;text-decoration:underline;font-size:var(--text-sm);padding:var(--spacing-xs)}.btn-link:hover{color:var(--primary-color)}.scan-section{text-align:center;padding:var(--spacing-xl)}.scan-placeholder{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.scan-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.7}.scan-hint{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--spacing-sm)}.scan-alternative{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.scan-alternative p{color:var(--text-muted);margin-bottom:var(--spacing-md)}@keyframes resumeGame{0%{background:var(--bg-card);transform:scale(1)}50%{background:var(--success-color);transform:scale(1.02)}to{background:var(--bg-card);transform:scale(1)}}.resume-animation{animation:resumeGame .6s ease-in-out}.feature-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);margin-right:var(--spacing-sm)}.feature-indicator.available{color:var(--success-color);border:1px solid var(--success-color)}.feature-indicator.unavailable{color:var(--text-muted);border:1px solid var(--border-color)}