#root{width:100%;height:100%;margin:0;padding:0;text-align:left;isolation:isolate}html,body{height:100%;margin:0;overflow-x:hidden;overscroll-behavior-y:none}.app-container{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overscroll-behavior-y:none;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}.appreciation-wrapper{margin-top:-15px}.appreciation-pill{padding:5px 15px;gap:5px}.appreciation-text{font-size:.8rem}.appreciation-img{width:24px;height:24px}.status-button-wrapper{margin-right:12px}.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;max-height:88vh;border-radius:20px;box-shadow:0 10px 40px #0000004d;overflow-y:auto;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:2.5rem .85rem .85rem;text-align:center;flex:1;position:relative}.dropdown-avatar{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:4.5rem;height:4.5rem;border-radius:50%;border:3px 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.05rem;margin-bottom:.2rem;text-align:center}.dropdown-level{color:#ffffffe6;font-weight:700;margin-bottom:.6rem;font-size:.8rem}.dropdown-badges{margin-bottom:.6rem;width:100%}.badges-title{font-size:.72rem;color:#fffc;margin-bottom:.35rem;font-weight:700}.badges-grid{background:#0000001a;padding:8px;border-radius:10px;min-height:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.badge-item img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dropdown-full-btn{width:100%;padding:.5rem;border-radius:.7rem;font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;margin-bottom:8px;font-family:inherit;transition:filter .15s,transform .15s}.dropdown-full-btn:hover{filter:brightness(1.05)}.dropdown-full-btn:active{transform:scale(.98)}.dropdown-icon-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.dropdown-icon-btn{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;transition:transform .15s,background-color .15s}.dropdown-icon-btn:hover{background-color:#ffffff52;transform:scale(1.08)}.dropdown-icon-btn:active{transform:scale(.94)}.dropdown-icon-btn--danger{background:#ef444438;border-color:#ef444473;color:#ff6b6b;box-shadow:0 0 10px #ef444459}.dropdown-icon-btn--danger:hover{background-color:#ef444457;box-shadow:0 0 14px #ef44448c}.dropdown-icon-btn--settings{background:#94a3b838;border-color:#94a3b873;color:#cbd5e1;box-shadow:0 0 10px #94a3b84d}.dropdown-icon-btn--settings:hover{background-color:#94a3b857;box-shadow:0 0 14px #94a3b880}.dropdown-icon-btn--share{background:#3b82f638;border-color:#3b82f673;color:#60a5fa;box-shadow:0 0 10px #3b82f659}.dropdown-icon-btn--share:hover{background-color:#3b82f657;box-shadow:0 0 14px #3b82f68c}.dropdown-icon-btn--id{background:#a855f738;border-color:#a855f773;color:#c084fc;box-shadow:0 0 10px #a855f759}.dropdown-icon-btn--id:hover{background-color:#a855f757;box-shadow:0 0 14px #a855f78c}.dropdown-icon-btn--users{background:#f9731638;border-color:#f9731673;color:#fb923c;box-shadow:0 0 10px #f9731659}.dropdown-icon-btn--users:hover{background-color:#f9731657;box-shadow:0 0 14px #f973168c}@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;backdrop-filter:blur(4px)}body{height:100%;margin:0;overflow-x:hidden;overscroll-behavior-y:none;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)}}.online-badge{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid white;transition:all .3s ease}@media(max-width:768px){.header-overlay{z-index:2000}.profile-header-container{padding:0;margin:0;position:absolute;top:6px;right:6px}.profile-card{min-width:unset;padding:3px 10px 3px 3px}.profile-img-container{width:32px;height:32px}.profile-name{font-size:.7rem;margin-bottom:1px}.profile-stats-row{gap:4px}.profile-role,.profile-level{font-size:.6rem}.profile-score-pill{padding:1px 6px;font-size:.65rem;margin-left:4px}.text-section{padding-left:6px;padding-right:5px}.appreciation-wrapper{margin-top:-6px}.appreciation-pill{padding:2px 8px;gap:3px;border-width:1px}.appreciation-text{font-size:.55rem}.appreciation-img{width:13px;height:13px}.status-button-wrapper{margin-right:14px}}.public-profile-card{max-width:380px}.public-card-badges-grid{background:#00000026;padding:10px;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;justify-items:center}.public-card-badge-item img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media(min-width:768px){.public-profile-card{max-width:480px;padding:2.5rem 2rem!important}.public-card-badges-grid{grid-template-columns:repeat(5,1fr);gap:12px;padding:14px}.public-card-badge-item img{width:52px;height:52px}}.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);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}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.right-0{right:0}.right-6{right:1.5rem}.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}}@media(max-width:768px){.text-4xl,.text-5xl,.text-6xl{font-size:1.75rem!important;line-height:1.2!important}.text-3xl{font-size:1.5rem!important}.text-2xl{font-size:1.25rem!important}.winner-title{font-size:2rem!important}.score-board{font-size:1.5rem!important}.countdown-text{font-size:4rem!important}.question-text{font-size:1.2rem!important;line-height:1.4!important}h1{font-size:1.5rem!important;margin-bottom:.5rem!important}h2{font-size:1.25rem!important;margin-bottom:.5rem!important}h3{font-size:1.1rem!important;margin-bottom:.5rem!important}.setting-card,.leaderboard-card{padding:1rem!important}}