:root{--app-inset-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--app-inset-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--app-inset-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--app-inset-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--bg-dark: #0f0c24;--bg-dark-alt: #161233;--surface-card: #1f1947;--surface-card-hover: #29225c;--surface-elevated: #2d2566;--surface-border: #3b3180;--surface-border-bright: #5245ad;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--primary-hover: #4f46e5;--secondary: #06b6d4;--secondary-glow: rgba(6, 182, 212, .4);--gold: #f59e0b;--gold-light: #fbbf24;--gold-glow: rgba(245, 158, 11, .4);--streak-fire: #ff5722;--success: #10b981;--success-surface: rgba(16, 185, 129, .15);--success-border: #059669;--error: #ef4444;--error-surface: rgba(239, 68, 68, .15);--error-border: #dc2626;--warning: #f59e0b;--text-main: #f9fafb;--text-muted: #9ca3af;--text-dim: #6b7280;--font-family: Vazirmatn, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 8px 24px -4px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .2);--shadow-glow-primary: 0 0 20px var(--primary-glow);--shadow-glow-gold: 0 0 20px var(--gold-glow);--transition-fast: .15s ease;--transition-normal: .25s ease}html.native-app body{padding:var(--app-inset-top) var(--app-inset-right) var(--app-inset-bottom) var(--app-inset-left)}html.native-app .shell-backdrop,html.native-app .app-frame,html.native-app .solo-arena-container,html.native-app .gameplay-viewport,html.native-app .login-page,html.native-app .onboarding-page{min-height:calc(100dvh - var(--app-inset-top) - var(--app-inset-bottom))}html.native-app .connection-bar{top:var(--app-inset-top)}app-root[data-startup-error]{display:grid;min-height:100dvh;place-items:center;padding:2rem;color:var(--text-main);text-align:center}html.native-app .navigation-bar{bottom:var(--app-inset-bottom);left:var(--app-inset-left);right:var(--app-inset-right)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);direction:rtl;text-align:right;overflow-x:hidden;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{font-family:inherit;cursor:pointer;border:none;background:none}