@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#07070f;--bg-secondary:#0f0f23;--bg-card:#161630;--bg-card-hover:#1e1e42;--accent-gold:#f5c842;--accent-gold-dim:#a68a2e;--accent-blue:#3b82f6;--accent-blue-dim:#1d4ed8;--accent-green:#22c55e;--accent-green-dim:#16a34a;--accent-red:#ef4444;--accent-purple:#8b5cf6;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--path-completed:var(--accent-green);--path-incomplete:#2a2a4a;--glow-blue:0 0 20px #3b82f666;--glow-gold:0 0 15px #f5c8424d;--glow-green:0 0 15px #22c55e4d;--glow-purple:0 0 20px #8b5cf64d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-family:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease-out}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;background-color:#05050a;width:100%;max-width:100%;overflow-x:hidden;margin:0!important;padding:0!important}body{font-family:var(--font-family);background-color:#05050a;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;overflow:hidden;margin:0!important;padding:0!important}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 600px at 20% 20%,#3b82f60f 0%,#0000 70%),radial-gradient(400px 400px at 80% 60%,#8b5cf60d 0%,#0000 70%),radial-gradient(500px 500px at 50% 90%,#22c55e0a 0%,#0000 70%);position:fixed;inset:0}.progress-map{z-index:1;flex-direction:column;width:100%;max-width:100%;height:100vh;display:flex;position:relative;overflow-x:hidden;margin:0!important;padding:0!important}.progress-map__viewport{-webkit-overflow-scrolling:touch;background-color:var(--map-bg-color,var(--bg-primary));scrollbar-width:thin;scrollbar-color:var(--bg-card-hover) transparent;flex:1;justify-content:center;transition:background-color .15s linear;display:flex;overflow:hidden auto}.progress-map__viewport::-webkit-scrollbar{width:6px}.progress-map__viewport::-webkit-scrollbar-track{background:0 0}.progress-map__viewport::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:var(--radius-full)}.progress-map__canvas{max-width:672px;margin:0 auto;position:relative}.progress-map__visible-area{position:relative}.level-node{border-radius:var(--radius-full);cursor:default;width:60px;height:60px;transition:transform var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal);z-index:2;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.level-node--locked{background:var(--bg-card);border:2px solid var(--text-muted);opacity:.4;filter:grayscale(.8)}.level-node--locked .level-node__lock{color:var(--text-muted);width:18px;height:18px}.level-node--unlocked{border:2px solid var(--accent-blue);cursor:pointer;box-shadow:var(--glow-blue);background:linear-gradient(135deg,#1e3a5f 0%,#1a2744 100%)}.level-node--unlocked:hover{transform:translate(var(--tx,0), var(--ty,0)) scale(1.12);box-shadow:0 0 30px #3b82f699}.level-node--completed{border:2px solid var(--accent-green);cursor:pointer;box-shadow:var(--glow-green);background:linear-gradient(135deg,#1a3d2e 0%,#142a20 100%)}.level-node--completed:hover{transform:translate(var(--tx,0), var(--ty,0)) scale(1.12);box-shadow:0 0 30px #22c55e80}.level-node--space.level-node--unlocked{border-color:#c084fc;box-shadow:0 0 15px #c084fc66}.level-node--clouds.level-node--unlocked{border-color:#94a3b8;box-shadow:0 0 15px #94a3b866}.level-node--sky.level-node--unlocked{border-color:#7dd3fc;box-shadow:0 0 15px #7dd3fc66}.level-node--earth.level-node--unlocked{border-color:#4ade80;box-shadow:0 0 15px #4ade8066}.level-node--chest{filter:drop-shadow(0 0 18px #eab308cc);animation:3s ease-in-out infinite idle-float;box-shadow:none!important;background:0 0!important;border:none!important;width:72px!important;height:72px!important}.level-node--chest:after{display:none!important}.chest-icon-open{filter:drop-shadow(0 0 25px #fbbf24);animation:2s ease-in-out infinite chest-pulse}.chest-icon-closed{filter:drop-shadow(0 0 18px #eab308cc)}@keyframes idle-float{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-6px)}}@keyframes chest-pulse{0%,to{filter:drop-shadow(0 0 25px #fbbf24cc);transform:scale(1)}50%{filter:drop-shadow(0 0 40px #fbbf24);transform:scale(1.1)}}.level-node--current{animation:2s ease-in-out infinite pulse;border-color:var(--accent-gold)!important;box-shadow:var(--glow-gold)!important}.level-node--current:after{content:"";border-radius:var(--radius-full);border:2px solid var(--accent-gold);opacity:0;animation:2s ease-in-out infinite pulse-ring;position:absolute;inset:-6px}.level-node__number{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1}.level-node--locked .level-node__number{justify-content:center;align-items:center;display:flex}.level-node__stars{white-space:nowrap;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.level-node__glow-ring{border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#f5c8421f 0%,#0000 70%);position:absolute;inset:-10px}.star-rating{direction:ltr;gap:1px;display:flex}.star-rating--sm{font-size:10px}.star-rating--md{gap:2px;font-size:18px}.star--filled{color:var(--accent-gold);text-shadow:0 0 6px #f5c84280}.star--empty{color:var(--text-muted);opacity:.4}.map-controls{z-index:10;padding:var(--space-md) var(--space-xl);background:var(--map-bg-color,#07070f);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.map-controls{background:color-mix(in srgb, var(--map-bg-color,#07070f) 60%, transparent)}}.map-controls{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0f}.map-controls__progress{flex:1;max-width:400px}.map-controls__stats{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);color:var(--text-secondary);font-size:13px;display:flex}.map-controls__level-text strong{color:var(--accent-gold);font-size:15px;font-weight:700}.map-controls__separator{color:var(--text-muted);opacity:.4}.map-controls__stars-text{font-size:12px}.map-controls__bar-container{background:var(--bg-card);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.map-controls__bar-fill{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);min-width:2px}.map-controls__bar-label{color:var(--text-muted);font-size:8px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-controls__bar-container:hover .map-controls__bar-label{display:block}.map-controls__actions{align-items:center;gap:var(--space-sm);display:flex}.map-controls__btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:13px;font-weight:500;display:flex}.map-controls__btn--primary{background:linear-gradient(135deg, var(--accent-blue-dim), var(--accent-blue));color:#fff}.map-controls__btn--primary:hover{box-shadow:var(--glow-blue);transform:translateY(-1px)}.map-controls__btn--icon{background:var(--bg-card);color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.map-controls__btn--icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.map-controls__quick-bar{align-items:center;gap:8px;display:flex}.map-controls__quick-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.map-controls__quick-btn:hover{color:var(--text-primary);background:#ffffff14;transform:scale(1.05)}.glass-stats-box{background:var(--glass-bg,#e0f2fe40);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border,#fff6);color:var(--glass-text,#5a5549);z-index:20;border-radius:12px;align-items:center;gap:12px;padding:8px 24px;font-size:15px;font-weight:500;transition:all .3s;display:flex;position:absolute;top:calc(100% + 16px);right:16px;box-shadow:0 4px 15px #0000000d}.glass-stats-box span{white-space:nowrap;align-items:center;gap:6px;display:flex}.glass-stats-box strong{color:var(--glass-strong,#4a4539);font-size:18px;font-weight:700;transition:color .3s}.glass-stats-separator{color:var(--glass-sep,#5a55494d);margin:0 4px;font-weight:300;transition:color .3s}.map-skeleton{background:var(--bg-primary);flex-direction:column;width:100%;height:100vh;display:flex}.map-skeleton__header{padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid #ffffff0a;display:flex}.map-skeleton__bar{border-radius:var(--radius-sm);background:var(--bg-card);width:200px;height:24px}.map-skeleton__stats{border-radius:var(--radius-sm);background:var(--bg-card);width:100px;height:24px}.map-skeleton__content{align-items:center;gap:var(--space-2xl);padding:var(--space-2xl);flex-direction:column;flex:1;width:100%;max-width:672px;margin:0 auto;display:flex}.map-skeleton__node{border-radius:var(--radius-full);background:var(--bg-card);width:60px;height:60px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes pulse{0%,to{transform:translate(var(--tx,0), var(--ty,0)) scale(1)}50%{transform:translate(var(--tx,0), var(--ty,0)) scale(1.06)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes star-burst{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes glow-breathe{0%,to{opacity:.4}50%{opacity:.8}}.particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{border-radius:var(--radius-full);background:#ffffff26;width:2px;height:2px;animation:linear infinite float-up;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)scale(1)}}@media (max-width:672px){.map-controls{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);flex-wrap:wrap}.map-controls__progress{order:2;width:100%;max-width:none}.map-controls__actions{order:1;margin-right:auto}.map-controls__btn--primary span{display:none}.map-controls__btn--primary{padding:var(--space-sm);border-radius:var(--radius-full);width:36px;height:36px}.level-node{width:50px;height:50px}.level-node__number{font-size:14px}}.challenge-overlay{background:var(--bg-primary);z-index:100;height:100dvh;animation:slide-up var(--transition-normal);flex-direction:column;display:flex;position:fixed;inset:0}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.challenge-overlay__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.challenge-overlay__back-btn{color:var(--text-secondary);align-items:center;gap:var(--space-xs);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;display:flex}.challenge-overlay__back-btn:hover{color:var(--text-primary)}.challenge-overlay__level-info{align-items:center;gap:var(--space-md);font-weight:700;display:flex}.challenge-overlay__target-badge{color:var(--accent-gold);border-radius:var(--radius-sm);background:#f5c84226;padding:4px 8px;font-size:12px}.challenge-overlay__icon-btn{color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.challenge-overlay__icon-btn:hover{color:var(--text-primary);background:#ffffff26;transform:translateY(-2px)}.support-modal__backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);background-color:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.support-modal__container{width:100%;max-width:44rem;color:var(--text-primary);background-color:#0a0f1d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;gap:1.5rem;padding:2rem;animation:.3s slideUp;display:flex;box-shadow:0 20px 40px #0006}.support-modal__header{justify-content:space-between;align-items:center;display:flex}.support-modal__header h2{margin:0;font-size:1.25rem;font-weight:700}.support-modal__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.support-modal__close:hover{color:#fff;background:#ffffff1a}.support-modal__tabs-container{justify-content:center;margin-bottom:8px;display:flex}.support-modal__pill-tabs{background:#ffffff0d;border-radius:9999px;padding:6px;display:inline-flex}.support-modal__tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.support-modal__tab:hover{color:#fff}.support-modal__tab.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #00000026}.support-modal__content{min-height:250px}.support-modal__faq-list{flex-direction:column;gap:8px;display:flex}.support-modal__faq-item{border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.support-modal__faq-item:hover{background:#ffffff08;border-color:#fff3}.support-modal__faq-q{text-align:right;color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:1.05rem;font-weight:500;transition:background .2s;display:flex}.support-modal__faq-q:hover{background:#ffffff05}.support-modal__faq-item.expanded .support-modal__faq-q svg{transform:rotate(180deg)}.support-modal__faq-q svg{transition:transform .3s}.support-modal__faq-a{opacity:0;max-height:0;color:var(--text-secondary);background:#0003;padding:0;font-size:.9rem;line-height:1.5;transition:all .3s}.support-modal__faq-item.expanded .support-modal__faq-a{opacity:1;max-height:150px;padding:12px 16px}.support-modal__form{flex-direction:column;gap:16px;display:flex}.support-modal__form-group{flex-direction:column;gap:6px;display:flex}.support-modal__form-group label{color:var(--text-secondary);font-size:.9rem}.support-modal__form-group select,.support-modal__form-group textarea{color:#fff;resize:none;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.support-modal__form-group select:focus,.support-modal__form-group textarea:focus{border-color:var(--accent-gold)}.support-modal__form-group select option{color:#fff;background:#0a0f1d}.support-modal__char-count{text-align:left;color:var(--text-secondary);font-size:.8rem}.support-modal__submit-btn{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:700;transition:opacity .2s}.support-modal__submit-btn:hover{opacity:.9}.support-modal__footer{border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:12px;padding-top:16px;display:flex}.support-modal__footer p{color:var(--text-secondary);margin:0;font-size:.9rem}.support-modal__socials{gap:12px;display:flex}.support-modal__socials a{color:#fff;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.support-modal__socials a:hover{color:var(--accent-gold);background:#ffffff26;transform:translateY(-2px)}.settings-modal__backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);background-color:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settings-modal__container{width:100%;max-width:44rem;color:var(--text-primary);background-color:#0a0f1d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;max-height:90vh;padding:0;animation:.3s slideUp;display:flex;box-shadow:0 20px 40px #0006}.settings-modal__header{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.settings-modal__header h2{margin:0;font-size:1.25rem;font-weight:700}.settings-modal__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.settings-modal__close:hover{color:#fff;background:#ffffff1a}.settings-modal__content-scroll{flex-direction:column;gap:2rem;padding:1.5rem 2rem;display:flex;overflow-y:auto}.settings-modal__section{flex-direction:column;gap:12px;display:flex}.settings-modal__section-title{color:var(--accent-gold);letter-spacing:.5px;margin:0;font-size:1rem;font-weight:600}.settings-modal__card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.settings-modal__card.danger{background:#ef444408;border-color:#ef444433}.settings-modal__option{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.settings-modal__option:last-child{border-bottom:none}.settings-modal__option:hover{background:#ffffff05}.settings-modal__option.danger:hover{background:#ef44440d}.settings-modal__option-info{text-align:right;flex-direction:column;flex:1;gap:4px;display:flex}.settings-modal__option-info h4{color:#fff;margin:0;font-size:1.05rem;font-weight:500}.settings-modal__option-info p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.settings-modal__select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;min-width:140px;margin-right:16px;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:all .2s}.settings-modal__select:hover,.settings-modal__select:focus{background:#ffffff14;border-color:#fff3}.settings-modal__select option{color:#fff;background:#0a0f1d}.settings-modal__button-group{background:#0003;border:1px solid #ffffff0d;border-radius:8px;margin-right:16px;padding:4px;display:flex}.settings-modal__group-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:500;transition:all .2s}.settings-modal__group-btn.active{color:#fff;background:#ffffff1a}.settings-modal__group-btn:hover:not(.active){color:#fff}.settings-modal__toggle{cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:52px;height:28px;margin-right:16px;transition:background-color .3s;position:relative}.settings-modal__toggle.active{background-color:var(--accent-gold)}.settings-modal__toggle.muted{background-color:#fff3}.settings-modal__toggle-thumb{background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:3px}.settings-modal__toggle.active .settings-modal__toggle-thumb{right:3px;transform:translate(-24px)}.settings-modal__toggle.muted .settings-modal__toggle-thumb{right:3px;transform:translate(0)}.settings-modal__danger-zone{flex-direction:column;gap:12px;display:flex}.settings-modal__danger-header h3{color:#ef4444;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:600}.settings-modal__option-info h4.danger-text{color:#fca5a5}.settings-modal__btn-danger{color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;flex-shrink:0;margin-right:16px;padding:10px 20px;font-weight:600;transition:all .2s}.settings-modal__btn-danger:hover{color:#fff;background:#ef444440;border-color:#ef444480}.settings-modal__confirm-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;margin-right:16px;display:flex}.settings-modal__confirm-text{color:#fca5a5;font-size:.9rem;font-weight:700}.settings-modal__confirm-btns{gap:8px;display:flex}.settings-modal__btn-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:600}.settings-modal__btn-confirm:hover{background:#dc2626}.settings-modal__btn-cancel{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500}.settings-modal__btn-cancel:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.challenge-overlay__actions{align-items:center;gap:var(--space-sm);display:flex}.challenge-overlay__content{padding:var(--space-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.typing-engine{gap:var(--space-2xl);flex-direction:column;width:100%;max-width:800px;display:flex;position:relative}.typing-engine__hidden-input{opacity:0;pointer-events:none;position:absolute;top:0;left:-9999px}.typing-engine__stats{justify-content:center;align-items:center;gap:var(--space-xl);background:var(--bg-card);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);margin:0 auto;display:flex}.stat-box{flex-direction:column;align-items:center;display:flex}.stat-box__label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.stat-box__value{color:var(--accent-blue);font-size:20px;font-weight:700}.stat-box__value small{opacity:.7;font-size:12px}.timer-display{align-items:center;gap:var(--space-xs);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;display:flex}.text-display{color:var(--text-secondary);text-align:right;padding:var(--space-xl);border-radius:var(--radius-lg);direction:rtl;background:#16163066;font-size:32px;line-height:2;box-shadow:inset 0 4px 20px #0003}.char{transition:color .1s;position:relative}.char--pending{color:#94a3b8}.char--correct{color:#22c55e;text-shadow:0 0 8px #22c55e33}.char--corrected{color:#eab308;text-shadow:0 0 8px #eab30833}.char--error{color:#ef4444;background:#ef444433;border-radius:2px}.char--active{color:var(--text-primary);background-color:#ffffff1a;border-left:2px solid #f5c842;border-radius:4px;animation:1s infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.results-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:10;background:#07070fe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-overlay--visible{opacity:1;pointer-events:all}.results-modal{background:var(--bg-card);padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-normal);border:1px solid #ffffff1a;transform:scale(.9);box-shadow:0 20px 40px #00000080}.results-overlay--visible .results-modal{transform:scale(1)}.results-modal__title{margin-bottom:var(--space-md);color:var(--text-primary);font-size:24px}.results-modal__stars{margin:var(--space-xl) 0;justify-content:center;display:flex}.results-modal__stats{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);display:flex}.results-modal__stat{flex-direction:column;align-items:center;display:flex}.results-modal__stat-label{color:var(--text-muted);font-size:12px}.results-modal__stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.results-modal__actions{gap:var(--space-md);justify-content:center;display:flex}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit;font-weight:700}.btn--primary{background:var(--accent-blue);color:#fff}.btn--primary:hover{background:var(--accent-blue-dim);transform:translateY(-2px)}.btn--secondary{color:var(--text-secondary);border:1px solid var(--text-muted);background:0 0}.btn--secondary:hover{color:var(--text-primary);border-color:var(--text-primary)}.map-footer{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;padding:0 16px;display:flex;position:absolute;bottom:15px;left:0}.map-footer__text{color:#ffffff40;letter-spacing:.5px;text-align:center;font-size:12px;font-weight:300}.map-footer__text strong{color:#fff6;letter-spacing:1px;font-weight:600}.biome-decorations{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.biome-stars-field{width:100%;position:absolute;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 300px),#0000);mask-image:linear-gradient(#000 calc(100% - 300px),#0000)}.biome-stars{border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0}.biome-stars--small{background-image:radial-gradient(1px 1px at 10% 5%,#ffffffb3,#0000),radial-gradient(1px 1px at 25% 18%,#ffffff80,#0000),radial-gradient(1px 1px at 42% 8%,#fff9,#0000),radial-gradient(1px 1px at 55% 22%,#fff6,#0000),radial-gradient(1px 1px at 68% 12%,#ffffffb3,#0000),radial-gradient(1px 1px at 80% 6%,#ffffff80,#0000),radial-gradient(1px 1px at 92% 20%,#fff9,#0000),radial-gradient(1px 1px at 15% 35%,#ffffff80,#0000),radial-gradient(1px 1px at 35% 42%,#fff6,#0000),radial-gradient(1px 1px,#fff9,#0000),radial-gradient(1px 1px at 72% 38%,#ffffff80,#0000),radial-gradient(1px 1px at 88% 45%,#fff6,#0000);background-size:300px 300px;animation:6s ease-in-out infinite alternate twinkle-slow}.biome-stars--medium{background-image:radial-gradient(1.5px 1.5px at 8% 15%,#c8dcffcc,#0000),radial-gradient(1.5px 1.5px at 30% 28%,#c8dcff99,#0000),radial-gradient(1.5px 1.5px at 48% 10%,#fff0c8b3,#0000),radial-gradient(1.5px 1.5px at 65% 35%,#c8dcff80,#0000),radial-gradient(1.5px 1.5px at 78% 22%,#fff0c899,#0000),radial-gradient(1.5px 1.5px at 90% 40%,#c8dcffb3,#0000),radial-gradient(1.5px 1.5px at 18% 55%,#fff0c880,#0000),radial-gradient(1.5px 1.5px at 55% 60%,#c8dcff99,#0000);background-size:400px 350px;animation:4s ease-in-out infinite alternate twinkle-medium}.biome-stars--large{background-image:radial-gradient(2.5px 2.5px at 12% 8%,#ffffffe6,#0000),radial-gradient(2px 2px at 38% 20%,#c084fccc,#0000),radial-gradient(2.5px 2.5px at 60% 15%,#ffffffd9,#0000),radial-gradient(2px 2px at 82% 30%,#7dd3fcb3,#0000),radial-gradient(3px 3px at 20% 45%,#ffffffe6,#0000),radial-gradient(2px 2px at 70%,#fbbf2499,#0000);background-size:500px 500px;animation:3s ease-in-out infinite alternate twinkle-fast}.biome-shooting-star{opacity:0;background:linear-gradient(90deg,#ffffffe6,#0000);border-radius:2px;width:80px;height:2px;animation:8s ease-in-out infinite shooting-star;position:absolute;top:18%;right:15%;transform:rotate(-35deg)}.biome-nebula{filter:blur(60px);opacity:.12;border-radius:50%;position:absolute}.biome-nebula--1{background:radial-gradient(circle,#8b5cf699,#0000 70%);width:200px;height:200px;animation:20s ease-in-out infinite alternate nebula-drift;top:8%;left:5%}.biome-nebula--2{background:radial-gradient(circle,#3b82f680,#0000 70%);width:180px;height:180px;animation:25s ease-in-out infinite alternate-reverse nebula-drift;top:55%;right:0}@keyframes twinkle-slow{0%{opacity:.5}to{opacity:1}}@keyframes twinkle-medium{0%{opacity:.4}to{opacity:.9}}@keyframes twinkle-fast{0%{opacity:.3}to{opacity:1}}@keyframes shooting-star{0%,90%,to{opacity:0;transform:rotate(-35deg)translate(0)}92%{opacity:1}95%{opacity:.8;transform:rotate(-35deg)translate(-150px)}}@keyframes nebula-drift{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-15px)scale(1.15)}}.biome-clouds-field{width:100%;position:absolute;left:0;overflow:visible}.css-cloud{filter:drop-shadow(0 10px 15px #fff3);will-change:transform;background:#fffffff2;border-radius:50px;width:180px;height:60px;position:absolute}.css-cloud:before{content:"";background:#fffffff2;border-radius:50%;width:70px;height:70px;position:absolute;top:-40px;left:25px}.css-cloud:after{content:"";background:#fffffff2;border-radius:50%;width:60px;height:60px;position:absolute;top:-25px;right:30px}.css-dark-cloud{filter:blur(40px);will-change:transform;pointer-events:none;background:#ffffff0d;border-radius:200px;width:400px;height:200px;position:absolute}.biome-cloud{display:none}.biome-cloud--1{width:250px;height:80px;animation:30s ease-in-out infinite alternate cloud-drift;top:8%;left:-5%}.biome-cloud--2{background:#ffffff0a;width:300px;height:90px;animation:35s ease-in-out infinite alternate-reverse cloud-drift;top:22%;right:-8%}.biome-cloud--3{background:#ffffff14;width:200px;height:60px;animation:25s ease-in-out infinite alternate cloud-drift;top:40%;left:10%}.biome-cloud--4{background:#ffffff0d;width:280px;height:75px;animation:40s ease-in-out infinite alternate-reverse cloud-drift;top:55%;right:5%}.biome-cloud--5{background:#ffffff12;width:320px;height:85px;animation:28s ease-in-out infinite alternate cloud-drift;top:70%;left:-10%}.biome-cloud--6{background:#ffffff0d;width:240px;height:70px;animation:32s ease-in-out infinite alternate-reverse cloud-drift;top:85%;right:-5%}.biome-mist{pointer-events:none;width:100%;height:200px;position:absolute;left:0}.biome-mist--top{background:linear-gradient(#05050a66,#0000);top:0}.biome-mist--bottom{background:linear-gradient(#0000,#38bdf826);bottom:0}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(40px)}}.biome-sky-field{width:100%;opacity:var(--sky-opacity,0);transition:opacity .1s ease-out;position:absolute;left:0;overflow:visible}.biome-sky-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle at 70% 30%,#fff6 0%,#ffffff1a 40%,#0000 80%);width:100%;height:100%;position:absolute;top:0;left:0}.biome-god-rays{transform-origin:100% 0;opacity:.6;pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff0d 0 40px,#0000 40px 100px);width:200%;height:150%;animation:20s linear infinite alternate god-rays-drift;position:absolute;top:10%;left:0;transform:rotate(-30deg)translate(-20%,-20%);-webkit-mask-image:radial-gradient(circle at 100% 0,#000 20%,#0000 60%);mask-image:radial-gradient(circle at 100% 0,#000 20%,#0000 60%)}@keyframes god-rays-drift{0%{transform:rotate(-28deg)translate(-20%,-20%)}to{transform:rotate(-32deg)translate(-20%,-20%)}}.biome-sun{filter:blur(4px);background:radial-gradient(circle,#fff,#fde047cc 40%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:5s ease-in-out infinite alternate sun-glow;position:absolute;top:12%;right:8%}.biome-sun-rays{opacity:.5;background:conic-gradient(#0000 0deg,#fff3 10deg,#0000 20deg 40deg,#ffffff1a 50deg,#0000 60deg 80deg,#fff3 90deg,#0000 100deg 120deg,#ffffff1a 130deg,#0000 140deg 160deg,#fff3 170deg,#0000 180deg 200deg,#ffffff1a 210deg,#0000 220deg 240deg,#fff3 250deg,#0000 260deg 280deg,#ffffff1a 290deg,#0000 300deg 320deg,#fff3 330deg,#0000 340deg);border-radius:50%;width:180px;height:180px;animation:120s linear infinite sun-rotate;position:absolute;top:5%;right:2%}@keyframes sun-glow{0%{filter:blur(4px);transform:scale(1)}to{filter:blur(6px);transform:scale(1.1)}}@keyframes sun-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.biome-bird{opacity:.8;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(30, 41, 59, 0.6)' d='M23.97,8.87a1.69,1.69,0,0,0-1.84-1c-2.31.29-4.57.88-6.75,1.72A17.15,17.15,0,0,0,9.91,6C9.07,5,8.1,4.21,6.86,3.67,5.77,3.19,4.52,3,3.31,2.83,2.45,2.71,1.5.83,1,.32c-.14.16-.27.32-.4.49,1.52,2.06,3,4.1,4.35,6.23a10.45,10.45,0,0,1,1.5,4.39,26.6,26.6,0,0,0-2.88.58A6.29,6.29,0,0,0,.68,14a1.86,1.86,0,0,0,.43,2.5,2,2,0,0,0,1.35.34c2.81-.4,5.43-1.63,8-2.88,1.43-.7,2.83-1.5,4.21-2.33,1.43-.87,2.83-1.82,4.36-2.52C20.65,8.34,22.42,8.08,23.97,8.87Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:40px;height:40px;position:absolute}.biome-bird--1{animation:12s ease-in-out infinite alternate bird-fly;top:25%;left:15%;transform:scale(.8)}.biome-bird--2{animation:15s ease-in-out infinite alternate-reverse bird-fly;top:35%;left:30%;transform:scale(1)}.biome-bird--3{animation:10s ease-in-out infinite alternate bird-fly;top:30%;left:22%;transform:scale(.6)}@keyframes bird-fly{0%{transform:translate(0)translateY(0)}50%{transform:translate(60px)translateY(-15px)}to{transform:translate(120px)translateY(-5px)}}.biome-wispy{filter:blur(30px);background:#ffffff14;border-radius:50%;position:absolute}.biome-wispy--1{width:180px;height:40px;animation:45s ease-in-out infinite alternate cloud-drift;top:50%;left:5%}.biome-wispy--2{width:150px;height:35px;animation:38s ease-in-out infinite alternate-reverse cloud-drift;top:70%;right:10%}.biome-earth-field{width:100%;position:absolute;left:0;overflow:visible}.earth-bg-container{z-index:0;pointer-events:none;border:none;width:calc(100% + 4px);height:calc(85vh + 2px);min-height:750px;margin:0;padding:0;position:absolute;bottom:-2px;left:-2px;right:-2px;overflow:hidden}.earth-bg-fade{background:linear-gradient(to bottom, var(--map-bg-color,#e2dcca), transparent);z-index:1;pointer-events:none;width:100%;height:15%;position:absolute;top:0;left:0;right:0}.earth-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;vertical-align:bottom;width:100%;height:100%;margin:0;padding:0;display:block}.font-size-small .text-display{font-size:24px}.font-size-medium .text-display{font-size:32px}.font-size-large .text-display{font-size:42px}.challenge-overlay.focus-mode .challenge-overlay__header{opacity:.05;transition:opacity .3s}.challenge-overlay.focus-mode .challenge-overlay__header:hover{opacity:1}.caret-block .char--active{background-color:var(--accent-gold);color:#0a0f1d;border-left:none;border-radius:4px}.caret-underline .char--active{border-bottom:3px solid var(--accent-gold);background-color:#0000;border-left:none;border-radius:0}.smooth-caret .char{transition:color .1s,background-color .15s,border-color .15s}.level-node__ambient{pointer-events:none;z-index:1;position:absolute;inset:-20px;overflow:visible}.ambient-particle{opacity:0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.level-node--space .ambient-particle{background:#fff;animation:1.5s cubic-bezier(.25,1,.5,1) infinite sparkEmit;box-shadow:0 0 4px #fff}.level-node--clouds .ambient-particle,.level-node--sky .ambient-particle{background:#e0f2fe;animation:2s cubic-bezier(.25,1,.5,1) infinite sparkEmit;box-shadow:0 0 6px #7dd3fc}.level-node--earth .ambient-particle{background:#fde047;animation:1.5s cubic-bezier(.25,1,.5,1) infinite sparkEmit;box-shadow:0 0 6px #eab308}@keyframes sparkEmit{0%{opacity:1;transform:translate(calc(-50% + var(--start-tx)), calc(-50% + var(--start-ty))) scale(1.5)}to{opacity:0;transform:translate(calc(-50% + var(--end-tx)), calc(-50% + var(--end-ty))) scale(0)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}