#root{width:100%;height:100%;margin:0;padding:0;text-align:left;isolation:isolate}html,body{height:100%;margin:0;overflow-x:hidden}.app-container{min-height:100vh;width:100%;position:relative;overflow-x:hidden;background:transparent}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.map-container{min-height:100vh;width:100%}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes rainbow-border{0%{border-color:#4285f4;box-shadow:0 0 10px #4285f4}25%{border-color:#ea4335;box-shadow:0 0 10px #ea4335}50%{border-color:#fbbc05;box-shadow:0 0 10px #fbbc05}75%{border-color:#34a853;box-shadow:0 0 10px #34a853}to{border-color:#4285f4;box-shadow:0 0 10px #4285f4}}.avatar-glow{animation:rainbow-border 4s linear infinite;border-width:3px;border-style:solid;transition:transform .3s ease}.tent-wrapper{position:absolute;width:80px;height:80px;transform-style:preserve-3d;cursor:pointer;transition:transform .3s,filter .3s;z-index:10;pointer-events:auto!important}.avatar-glow:hover{transform:scale(1.1) rotate(5deg)}:root{--path-fill: #e6c288;--path-border-color: #8B4513;--map-bg: #4C6444}body.dark-mode{background-color:#1a202c!important;color:#e2e8f0}body.dark-mode .app-container{background-color:#1a202c}body.dark-mode{--path-fill: #4a5568 !important;--path-border-color: #2d3748 !important;--map-bg: #111827 !important}.dirt-path{stroke:var(--path-fill)!important}.path-border{stroke:var(--path-border-color)!important}.map-container{background-color:var(--map-bg)!important}.profile-header-container{padding:1rem;z-index:100;position:relative;width:fit-content}.profile-stats-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#ffffffb3}.profile-separator{opacity:.5}.header-overlay{position:fixed;top:0;left:0;width:100%;padding:1rem;z-index:100;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:transparent}.profile-card{display:flex;flex-direction:row-reverse;flex-direction:row;align-items:center;background-color:#2a0845;border:2px solid #C0392B;border-radius:50px;padding:5px 25px 5px 5px;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;z-index:1001;min-width:220px;direction:rtl;direction:ltr;pointer-events:auto}.profile-score-pill{background:linear-gradient(45deg,#2a0845,#4a1865);color:gold;border:1px solid #FFD700;padding:4px 12px;border-radius:20px;font-weight:900;font-size:.95rem;box-shadow:0 2px 10px #ffd7004d;margin-left:8px;display:inline-flex;align-items:center;gap:4px;transition:transform .2s}.profile-score-pill:hover{transform:scale(1.05)}.profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006}.image-section{position:relative}.profile-img-container{width:60px;height:60px;border-radius:50%;padding:3px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:transparent;box-shadow:0 0 10px #0003}.profile-img-container:before{content:"";position:absolute;inset:-50%;background:conic-gradient(#4285f4,#db4437,#f4b400,#0f9d58,#4285f4);animation:rotate-border 4s linear infinite;z-index:0}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:none;position:relative;z-index:1;background:#fff}.text-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;color:#fff;font-family:Cairo,sans-serif;margin-left:auto;padding-left:15px;padding-right:10px}.profile-name{font-size:1rem;font-weight:700;margin:0;line-height:1.2;text-align:right}.profile-role{font-size:.8rem;color:#4facfe;margin:0;text-align:right}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:18rem;border-radius:20px;box-shadow:0 10px 40px #0000004d;overflow:hidden;display:flex;flex-direction:column;z-index:200;direction:rtl;font-family:Cairo,sans-serif;border:2px solid white;transform-origin:top left;background-color:#27ae60;pointer-events:auto}.dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80;cursor:default;pointer-events:auto;background-color:transparent}.dropdown-header{background-color:#2a0845;padding:1rem 1rem 3rem;text-align:center;position:relative}.dropdown-header h3{font-weight:700;color:#fff;font-size:1.125rem;margin:0}.dropdown-body{background-color:#27ae60;padding:3rem 1rem 1rem;text-align:center;flex:1;position:relative}.dropdown-avatar{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;border-radius:50%;border:4px solid white;box-shadow:0 4px 6px -1px #0000001a;background-color:#fff;overflow:hidden}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-name{font-weight:700;color:#fff;font-size:1.25rem;margin-bottom:.25rem;text-align:center}.dropdown-level{color:#ffffffe6;font-weight:700;margin-bottom:1rem;font-size:.875rem}.dropdown-badges{margin-bottom:1rem;width:100%}.badges-title{font-size:.8rem;color:#fffc;margin-bottom:.5rem;font-weight:700}.badges-grid{background:#0000001a;padding:12px;border-radius:12px;min-height:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-items:center}.badge-item img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dropdown-btn{width:100%;background-color:#fcfcfc;color:#2c3e50;padding:.5rem;border-radius:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s;border:none;cursor:pointer;margin-bottom:8px;font-family:inherit}.dropdown-btn:hover{background-color:#fff}.dropdown-btn.logout{color:#d9534f}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out forwards}.confetti{position:fixed;z-index:9999;pointer-events:none;--end-x: 0;--end-y: 100vh;--rot: 0deg;opacity:1}@keyframes blast{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--end-x),var(--end-y)) rotate(var(--rot));opacity:0}}@keyframes bounce-in{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.animate-bounce-in{animation:bounce-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.popup-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.popup-backdrop{position:absolute;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body{height:100%;margin:0;overflow-x:hidden;direction:rtl;text-align:right;font-family:Cairo,sans-serif}.popup-content{position:relative;width:100%;max-width:28rem;background-color:#fff;background-color:var(--card-bg, white);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;text-align:center;border:4px solid #27AE60;color:#333;direction:rtl}body.dark-mode .popup-content{background-color:#1f2937;color:#f3f4f6;border-color:#27ae60}.popup-title{font-size:1.875rem;font-weight:900;color:#27ae60;margin-bottom:1rem;margin-top:0}.popup-message{font-size:1.25rem;font-weight:700;margin-bottom:2rem;line-height:1.625;white-space:pre-wrap}.popup-buttons{display:flex;justify-content:center;gap:1rem}.btn-start{background:linear-gradient(to right,#10b981,#059669);color:#fff;font-size:1.25rem;font-weight:900;padding:.75rem 2.5rem;border-radius:1rem;box-shadow:0 4px #059669;border:none;cursor:pointer;transition:transform .1s}.btn-start:active{transform:translateY(2px);box-shadow:none}.btn-cancel{background-color:#e5e7eb;color:#4b5563;font-size:1.125rem;font-weight:700;padding:.75rem 1.5rem;border-radius:1rem;border:none;cursor:pointer}body.dark-mode .btn-cancel{background-color:#374151;color:#d1d5db}.glow-active{animation:profile-arrival-celebration 2s ease-in-out infinite!important;z-index:1002!important}@keyframes profile-arrival-celebration{0%{transform:scale(1);box-shadow:0 0 gold;border-color:#c0392b;background-color:#2a0845}15%{transform:scale(1.15) rotate(-3deg);box-shadow:0 0 30px gold,0 0 60px gold;border-color:gold;background-color:#4a1865}30%{transform:scale(1.15) rotate(3deg);box-shadow:0 0 40px gold,0 0 80px #ff4500;background-color:#5a2875}45%{transform:scale(1.15) rotate(-3deg);box-shadow:0 0 30px gold,0 0 60px gold;border-color:gold}60%{transform:scale(1.1);box-shadow:0 0 20px gold}to{transform:scale(1);box-shadow:0 0 gold;border-color:#c0392b;background-color:#2a0845}}@keyframes fire-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px orange)}50%{transform:scale(1.2);filter:drop-shadow(0 0 8px red)}to{transform:scale(1);filter:drop-shadow(0 0 2px orange)}}.card-on-fire{animation:card-blazing .8s ease-in-out infinite alternate!important;border-color:gold!important;background:linear-gradient(135deg,#4a0825,#2a0845);z-index:1100!important}@keyframes card-blazing{0%{box-shadow:0 0 5px #fff,0 0 10px gold,0 0 20px #ff8c00,0 0 40px #ff4500,0 0 60px red;border-color:gold;transform:translateY(-2px) scale(1.02)}to{box-shadow:0 0 10px #fff,0 0 20px gold,0 0 40px #ff8c00,0 0 80px #ff4500,0 0 100px red;border-color:#ff4500;transform:translateY(-2px) scale(1.05)}}.rtl-content,p,h1,h2,h3,h4,h5,h6,input,textarea,.level-tag{direction:rtl;text-align:right}.ltr-force{direction:ltr;text-align:left}:root{--color-primary: #6C63FF;--color-primary-light: #8A84FF;--color-primary-dark: #2a0845;--color-header: #2a0845;--color-secondary: #FF6584;--color-accent: #FFD700;--color-bg: #2a0845;--color-bg-gradient: linear-gradient(135deg, #2a0845 0%, #6441a5 100%);--color-text: #FFFFFF;--color-text-muted: rgba(255, 255, 255, .8);--color-danger: #ff4b2b;--color-success: #00b09b;--color-glass: rgba(255, 255, 255, .1);--color-glass-border: rgba(255, 255, 255, .2);--font-family-base: "Cairo", "Inter", system-ui, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2);--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--glass-backdrop: blur(10px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background:var(--color-bg-gradient);background-attachment:fixed;color:var(--color-text);line-height:1.5;min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}.glass-panel{background:var(--color-glass);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#4a00e0);border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform .1s,box-shadow .2s;font-weight:700}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}.btn-accent{background-color:var(--color-accent);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-weight:700}.text-center{text-align:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-md{gap:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.w-full{width:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.bottom-4{bottom:1rem}.left-0{left:0}.right-0{right:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gap-4{gap:1rem}.m-0{margin:0}.mt-4{margin-top:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-4{padding:1rem}.w-3\/4{width:75%}.h-2{height:.5rem}.max-w-md{max-width:28rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.bg-gray-200{background-color:#e5e7eb}.bg-primary{background-color:var(--color-primary)}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.bg-red-500{background-color:#ef4444}.animate-fade-in{animation:fadeIn .5s ease-in}.animate-pop-in{animation:popIn .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}