:root{--bg-deep: #05070A;--bg-card: rgba(255,255,255,.045);--bg-hover: rgba(255,255,255,.07);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.18);--text: #F0F3FA;--text-muted: #8B93A7;--accent: #4CC9F0;--accent2: #D97706;--silver: #BFC5CE;--success: #4ADE80;--gradient-accent: linear-gradient(135deg, #4CC9F0, #D97706);--gradient-bg: radial-gradient(ellipse at 50% 0%, rgba(76,201,240,.12), transparent 60%);--radius-sm: 8px;--radius: 14px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow-lg: 0 12px 48px rgba(0,0,0,.6);--font-arabic: "Noto Sans Arabic", ui-sans-serif, system-ui, sans-serif;--font-display: "Space Grotesk", "Orbitron", ui-sans-serif, system-ui;--font-mono: "Orbitron", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-arabic);line-height:1.6;color:var(--text);background:var(--bg-deep);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.glow{position:fixed;inset:-40% -20% auto -20%;height:70vh;pointer-events:none;background:var(--gradient-bg);z-index:0}.glass{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.glass:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.glass-panel{background:#05070abf;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;font-family:var(--font-display);transition:transform .15s ease,box-shadow .15s ease,opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gradient-accent);color:#05070a;box-shadow:0 4px 20px #4cc9f040}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #4cc9f059}.btn-ghost{border:1.5px solid var(--border-strong);color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#05070ab3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);direction:ltr}.nav-logo{display:flex;align-items:center;gap:.75rem}.nav-logo-icon{width:36px;height:36px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#05070a;font-family:var(--font-mono)}.nav-logo-text{font-size:.85rem;font-weight:600;letter-spacing:.08em}.nav-logo-text span{color:var(--accent2)}.nav-links{display:flex;gap:.25rem}.nav-link{color:var(--text-muted);font-size:.78rem;cursor:pointer;text-decoration:none;padding:.4rem .9rem;border-radius:999px;transition:all .2s;font-family:var(--font-display);letter-spacing:.05em}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg-hover)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#05070a;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1s ease}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-title{font-family:var(--font-mono);font-size:clamp(1.2rem,3vw,2rem);color:var(--accent);margin-bottom:1.5rem;letter-spacing:.15em}.loading-bar{width:240px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loading-fill{height:100%;background:var(--gradient-accent);width:0%;border-radius:2px;transition:width .3s ease}.loading-sub{color:var(--text-muted);font-size:.75rem;margin-top:1rem;letter-spacing:.08em}.overlay-ui{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:1rem 2rem 2rem;background:linear-gradient(transparent,#05070ad9 40%);pointer-events:none}.overlay-ui>*{pointer-events:auto}.controls-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.camera-buttons{display:flex;gap:.5rem}.cam-btn{padding:.45rem .9rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;cursor:pointer;font-family:var(--font-display);letter-spacing:.05em;transition:all .2s}.cam-btn:hover,.cam-btn.active{background:#4cc9f026;color:var(--accent);border-color:var(--accent)}.location-info{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;font-family:var(--font-arabic)}.location-dot{width:6px;height:6px;border-radius:50%;background:var(--accent2);display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.lab-sidebar{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:.5rem}.lab-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .3s;position:relative}.lab-dot:hover,.lab-dot.active{background:var(--accent);box-shadow:0 0 12px #4cc9f066}.lab-dot-label{position:absolute;right:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.65rem;color:var(--text-muted);opacity:0;transition:opacity .2s;pointer-events:none;font-family:var(--font-arabic);direction:rtl}.lab-dot:hover .lab-dot-label{opacity:1}.info-panel{position:fixed;left:1.5rem;top:50%;transform:translateY(-50%);z-index:60;max-width:320px;width:100%}.info-card{padding:1.25rem;direction:rtl}.info-card h3{font-family:var(--font-arabic);font-weight:700;font-size:1rem;margin-bottom:.35rem;color:var(--accent)}.info-card .sub{font-size:.7rem;color:var(--accent2);letter-spacing:.08em;font-family:var(--font-mono);margin-bottom:.5rem;direction:ltr}.info-card p{font-size:.8rem;color:var(--text-muted);line-height:1.7}.opening-credit{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05070aeb;opacity:1;transition:opacity 2s ease}.opening-credit.hidden{opacity:0;pointer-events:none}.opening-text{font-family:var(--font-arabic);font-weight:500;font-size:clamp(1.2rem,3.5vw,2.2rem);color:var(--text);text-align:center;line-height:2;opacity:0;animation:fadeUp 1.5s ease 1s forwards;max-width:700px;padding:0 2rem}.opening-text span{color:var(--accent2)}.opening-sub{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.3em;margin-top:2rem;opacity:0;animation:fadeUp 1.5s ease 2.5s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lab-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#05070ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lab-panel{max-width:650px;width:100%;max-height:80vh;overflow-y:auto;padding:2rem;direction:rtl}.lab-panel h2{font-family:var(--font-arabic);font-weight:700;font-size:1.4rem;margin-bottom:.25rem;color:var(--accent)}.lab-panel .en-title{font-family:var(--font-mono);font-size:.7rem;color:var(--accent2);letter-spacing:.1em;margin-bottom:1rem;direction:ltr}.lab-panel p{font-size:.85rem;color:var(--text-muted);line-height:1.8;margin-bottom:1rem}.lab-panel .close-btn{float:left;background:none;border:1px solid var(--border);color:var(--text-muted);padding:.4rem .8rem;border-radius:999px;cursor:pointer;font-size:.75rem;transition:all .2s}.lab-panel .close-btn:hover{background:var(--bg-hover);color:var(--text)}.lab-features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.lab-feat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;font-size:.75rem;color:var(--text-muted);text-align:center}.lab-feat strong{display:block;color:var(--text);font-size:.8rem;margin-bottom:.25rem}@media(max-width:768px){.navbar{padding:0 1rem;height:56px}.nav-links{display:none}.info-panel{left:.75rem;right:.75rem;top:auto;bottom:5rem;transform:none;max-width:none}.lab-sidebar{right:.75rem}.overlay-ui{padding:.5rem 1rem 1rem}.controls-bar{flex-direction:column;align-items:stretch}.camera-buttons{justify-content:center}.lab-features{grid-template-columns:1fr}}.game-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;direction:ltr}.game-hud>*{pointer-events:auto}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:81;pointer-events:none;display:flex;align-items:center;justify-content:center}.crosshair-center{width:2px;height:2px;border-radius:50%;background:#ffffffb3;position:absolute}.interact-prompt{position:fixed;bottom:25%;left:50%;transform:translate(-50%);z-index:82;pointer-events:none;background:#05070ab3;border:1px solid rgba(76,201,240,.3);border-radius:12px;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp .25s ease}.key-hint{background:#4cc9f026;border:1px solid rgba(76,201,240,.4);border-radius:6px;padding:.15rem .55rem;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:#4cc9f0}.interact-prompt span:last-child{font-size:.8rem;color:#bfc5ce;font-family:var(--font-arabic);direction:rtl}.compass-bar{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:81;pointer-events:none;display:flex;gap:.8rem;background:#05070a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.3rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.05)}.compass-dir{font-family:Orbitron,monospace;font-size:.6rem;letter-spacing:.15em;transition:opacity .3s}.speed-indicator{position:fixed;bottom:2rem;left:1rem;z-index:81;pointer-events:none;display:flex;align-items:center;gap:.6rem}.speed-bar-track{width:60px;height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.speed-bar-fill{height:100%;border-radius:2px;transition:all .3s ease}.speed-label{font-family:Orbitron,monospace;font-size:.55rem;letter-spacing:.12em;color:#bfc5ce;opacity:.6}.location-tag{position:fixed;bottom:3rem;right:1.5rem;z-index:81;pointer-events:none;display:flex;align-items:center;gap:.5rem;font-family:Orbitron,monospace;font-size:.6rem;letter-spacing:.08em;color:#bfc5ce;opacity:.5}.loc-dot{width:5px;height:5px;border-radius:50%;background:#d97706;animation:pulse 2s infinite}.cam-toggle{position:fixed;bottom:2rem;right:1.5rem;z-index:81;pointer-events:auto;width:36px;height:36px;border-radius:50%;background:#05070a99;border:1px solid rgba(255,255,255,.1);color:#bfc5ce;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cam-toggle:hover{border-color:#4cc9f066;color:#4cc9f0}.controls-hint{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:81;pointer-events:none;display:flex;gap:1rem;opacity:.35;transition:opacity .5s}.controls-hint:hover{opacity:.8}.controls-hint span{display:flex;align-items:center;gap:.3rem;font-family:var(--font-arabic);font-size:.6rem;color:#bfc5ce;direction:rtl}.controls-hint kbd{font-family:Orbitron,monospace;font-size:.55rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:.08rem .3rem;color:#bfc5ce}.lock-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#05070ad9;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;animation:fadeIn .5s ease;direction:rtl}.lock-prompt h1{font-family:var(--font-arabic);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--text);margin-bottom:.5rem}.lock-prompt h1 span{color:#d97706}.lock-prompt .sub{font-family:Orbitron,monospace;font-size:.7rem;color:#4cc9f0;letter-spacing:.25em;margin-bottom:2.5rem}.lock-prompt .click-hint{font-family:var(--font-arabic);font-size:1rem;color:var(--text-muted);position:relative;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lock-prompt .click-hint:after{content:"🖱️";display:block;text-align:center;font-size:2rem;margin-top:1rem}.game-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#05070acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;direction:rtl;animation:fadeIn .2s ease}.game-menu h2{font-family:var(--font-arabic);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--accent)}.game-menu .menu-sub{font-family:Orbitron,monospace;font-size:.6rem;color:var(--text-muted);letter-spacing:.15em;margin-bottom:2rem}.menu-actions{display:flex;flex-direction:column;gap:.75rem}.menu-btn{padding:.7rem 2rem;border-radius:999px;font-family:var(--font-arabic);font-size:.9rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);cursor:pointer;transition:all .2s;width:200px;text-align:center}.menu-btn:hover{background:#4cc9f01a;border-color:#4cc9f04d;color:#4cc9f0}.menu-btn.danger:hover{background:#ff32321a;border-color:#ff32324d;color:#f44}@media(max-width:768px){.compass-bar,.controls-hint{display:none}.speed-indicator{bottom:1rem;left:.5rem}.location-tag{bottom:2rem;right:.5rem;font-size:.5rem}.interact-prompt{bottom:30%}}.char-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;direction:rtl;font-family:var(--font-arabic)}.char-hud>*{pointer-events:auto}.hud-top-bar{position:fixed;top:10px;left:10px;right:10px;z-index:81;display:flex;align-items:center;justify-content:space-between;background:#05070aa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.4rem .8rem}.hud-stat-group{display:flex;flex-direction:column;gap:3px}.hud-stat-row{display:flex;align-items:center;gap:5px}.hud-icon{width:16px;text-align:center;font-size:.65rem;display:flex;align-items:center;justify-content:center}.hud-icon-health{color:#4ade80}.hud-icon-stamina{color:#d97706;font-size:.55rem}.hud-bar-track{width:70px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.hud-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.hud-bar-health{background:linear-gradient(90deg,#4ade80,#22c55e)}.hud-bar-stamina{background:linear-gradient(90deg,#d97706,#fbbf24)}.hud-stat-value{font-size:.65rem;color:#bfc5ce;font-family:Orbitron,monospace;min-width:24px;text-align:right}.hud-center-info{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-level-badge{font-family:Orbitron,monospace;font-size:.6rem;color:#4cc9f0;letter-spacing:.1em}.hud-xp-bar{width:80px;height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden}.hud-xp-fill{height:100%;background:linear-gradient(90deg,#4cc9f0,#d97706);border-radius:2px;transition:width .3s}.hud-resources{display:flex;gap:.6rem}.hud-resource{display:flex;align-items:center;gap:4px;font-family:Orbitron,monospace;font-size:.65rem;color:#bfc5ce}.hud-res-icon{color:#d97706;font-size:.5rem}.hud-collect-icon{color:#4cc9f0;font-size:.55rem}.game-crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:81;pointer-events:none}.game-interact{position:fixed;bottom:28%;left:50%;transform:translate(-50%);z-index:82;pointer-events:none;background:#05070ab3;border:1px solid rgba(76,201,240,.25);border-radius:10px;padding:.5rem 1rem;display:flex;align-items:center;gap:.6rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp .2s ease}.game-key{background:#4cc9f01f;border:1px solid rgba(76,201,240,.3);border-radius:5px;padding:.1rem .5rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;color:#4cc9f0}.game-interact span:last-child{font-size:.78rem;color:#bfc5ce}.hud-mission-tracker{position:fixed;top:70px;right:10px;z-index:81;pointer-events:none;background:#05070a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(76,201,240,.1);border-radius:10px;padding:.6rem .8rem;max-width:240px}.hud-mission-title{font-size:.7rem;font-weight:700;color:#4cc9f0;margin-bottom:.3rem;font-family:var(--font-arabic)}.hud-mission-obj{display:flex;flex-direction:column;gap:2px}.hud-obj-item{font-size:.62rem;color:#bfc5ce;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-obj-done{font-size:.55rem;color:#4ade80;margin-top:.2rem;font-family:Orbitron,monospace}.hud-speed-indicator{position:fixed;bottom:80px;left:10px;z-index:81;pointer-events:none;display:flex;align-items:center;gap:5px}.hud-speed-icon{font-size:.5rem;color:#4cc9f0}.hud-speed-bar{width:40px;height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden}.hud-speed-fill{height:100%;border-radius:2px;transition:width .3s}.hud-bottom-bar{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:81;display:flex;gap:.35rem;background:#05070a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:999px;padding:.25rem}.hud-btn{padding:.35rem .65rem;border-radius:999px;background:transparent;border:none;color:#bfc5ce;font-size:.65rem;cursor:pointer;font-family:var(--font-arabic);display:flex;align-items:center;gap:.25rem;transition:all .15s}.hud-btn:hover{background:#4cc9f01a;color:#4cc9f0}.hud-btn-icon{font-size:.5rem}.game-notification{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:90;pointer-events:none;padding:.45rem 1rem;border-radius:8px;font-size:.75rem;font-family:var(--font-arabic);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideDown .3s ease}.game-notification.mission{background:#4cc9f026;border:1px solid rgba(76,201,240,.2);color:#4cc9f0}.game-notification.info{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#bfc5ce}.game-notification.collect{background:#d9770626;border:1px solid rgba(217,119,6,.2);color:#d97706}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.collect-notify{position:fixed;top:70px;left:10px;z-index:90;pointer-events:none;display:flex;align-items:center;gap:.5rem;background:#05070abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(217,119,6,.2);border-radius:10px;padding:.5rem .7rem;animation:slideDown .3s ease;max-width:260px}.collect-icon{font-size:1.2rem}.collect-info{display:flex;flex-direction:column}.collect-name{font-size:.7rem;color:#d97706;font-weight:600}.collect-desc{font-size:.6rem;color:#8b93a7}.hud-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#05070ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.hud-panel{max-width:500px;width:100%;max-height:80vh;overflow-y:auto;background:#0a0e19f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);direction:rtl}.hud-panel-close{float:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#bfc5ce;padding:.25rem .55rem;border-radius:999px;cursor:pointer;font-size:.65rem;transition:all .15s}.hud-panel-close:hover{background:#ff32321a;border-color:#ff323233;color:#f44}.hud-panel-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.1rem}.hud-panel-sub{font-family:Orbitron,monospace;font-size:.55rem;color:#4cc9f0;letter-spacing:.15em;margin-bottom:1rem}.hud-mission-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:.8rem;margin-bottom:.75rem}.hud-mission-card-title{font-size:.8rem;font-weight:700;color:#4cc9f0;margin-bottom:.4rem}.hud-mission-card-desc{font-size:.7rem;color:#8b93a7;margin-bottom:.5rem;line-height:1.6}.hud-obj-row{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#bfc5ce;padding:.15rem 0}.hud-obj-row.done{color:#4ade80;opacity:.7}.hud-obj-check{font-size:.6rem}.hud-empty{font-size:.7rem;color:#8b93a7;text-align:center;padding:1rem}.hud-item-group{margin-bottom:.8rem}.hud-item-group-label{font-size:.65rem;font-weight:600;color:#d97706;margin-bottom:.3rem;letter-spacing:.05em}.hud-item-row{display:flex;align-items:center;gap:.5rem;padding:.3rem;background:#ffffff05;border-radius:6px;margin-bottom:.15rem}.hud-item-icon{font-size:.9rem}.hud-item-name{font-size:.7rem;color:var(--text)}.hud-item-desc{font-size:.6rem;color:#8b93a7}.hud-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.hud-stat-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:.6rem;text-align:center}.hud-stat-val{font-family:Orbitron,monospace;font-size:1rem;color:#4cc9f0;font-weight:700}.hud-stat-label{font-size:.55rem;color:#8b93a7;margin-top:.15rem}.npc-dialogue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:flex;align-items:flex-end;justify-content:center;padding:2rem;background:#05070a80;animation:fadeIn .3s ease}.npc-dialogue{max-width:520px;width:100%;background:#080c16f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(76,201,240,.15);border-radius:16px;padding:1.2rem;direction:rtl}.npc-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.npc-avatar{display:flex;flex-direction:column;align-items:center}.npc-avatar-ring{width:36px;height:36px;border-radius:50%;border:2px solid #4CC9F0;box-shadow:0 0 12px #4cc9f033;display:flex;align-items:center;justify-content:center}.npc-avatar-text{font-family:Orbitron,monospace;font-size:.7rem;color:#4cc9f0;font-weight:700}.npc-status{font-size:.45rem;color:#4ade80;letter-spacing:.15em;margin-top:2px}.npc-title{flex:1}.npc-name{font-size:.8rem;font-weight:700;color:var(--text)}.npc-subtitle{font-size:.5rem;color:#4cc9f0;letter-spacing:.1em;font-family:Orbitron,monospace}.npc-signal{display:flex;align-items:flex-end;gap:2px}.npc-bar{width:2px;background:#4cc9f0;border-radius:1px;animation:signalPulse .8s ease infinite}@keyframes signalPulse{0%,to{opacity:.3}50%{opacity:.8}}.npc-text{font-size:.85rem;color:#bfc5ce;line-height:1.8;padding:.5rem 0;min-height:50px}.npc-cursor{color:#4cc9f0;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.npc-options{display:flex;gap:.5rem;margin-top:.5rem}.npc-opt{flex:1;padding:.5rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#bfc5ce;cursor:pointer;font-size:.75rem;font-family:var(--font-arabic);transition:all .15s}.npc-opt:hover{background:#4cc9f01a;border-color:#4cc9f033;color:#4cc9f0}.npc-opt-primary{background:#4cc9f01a;border-color:#4cc9f040;color:#4cc9f0}.npc-opt-primary:hover{background:#4cc9f033;border-color:#4cc9f066}.game-time{position:fixed;bottom:50px;left:50%;transform:translate(-50%);z-index:81;pointer-events:none;display:flex;align-items:center;gap:.35rem;font-family:Orbitron,monospace;font-size:.5rem;letter-spacing:.12em;color:#bfc5ce;opacity:.3}.time-dot{width:4px;height:4px;border-radius:50%;background:#d97706;animation:pulse 2s infinite}.lock-mission{margin-top:1.5rem}.lock-mission-text{font-family:var(--font-arabic);font-size:.75rem;color:#4cc9f0;opacity:.7}@media(max-width:768px){.hud-top-bar{top:5px;left:5px;right:5px;padding:.3rem .5rem}.hud-bar-track{width:50px}.hud-xp-bar{width:60px}.hud-mission-tracker{top:58px;right:5px;max-width:180px}.hud-bottom-bar{bottom:5px}.hud-panel{max-width:95%;padding:1rem}.npc-dialogue{max-width:95%}}.lock-btn-wrap{margin-top:2rem}.lock-start-btn{padding:.8rem 2rem;border-radius:999px;background:linear-gradient(135deg,#4cc9f026,#d9770626);border:1px solid rgba(76,201,240,.3);color:#bfc5ce;font-size:1rem;font-family:var(--font-arabic);cursor:pointer;transition:all .25s;animation:float 2s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lock-start-btn:hover{background:linear-gradient(135deg,#4cc9f040,#d9770640);border-color:#4cc9f080;color:var(--text);transform:scale(1.05)}