:root{--bg-deep:#0f1520;--bg-panel:#141c2b;--bg-elevated:#1c2738;--text-primary:#f5f0e8;--text-muted:#9aa8bc;--accent:#e8944f;--accent-dim:#c9742f;--brand-navy:#1a2d42;--success:#5cb88a;--danger:#e07070;--border:rgba(255,255,255,0.08);--font-display:"Segoe UI",system-ui,sans-serif;--font-arabic:"Noto Naskh Arabic","Traditional Arabic",serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse at 20% 0,rgba(232,148,79,.1) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(26,45,66,.4) 0,transparent 50%),var(--bg-deep)}a{color:var(--accent)}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-shell{display:flex;flex-direction:column;min-height:100vh}.game-root{position:relative;height:100vh;overflow:hidden}.top-hud{position:absolute;top:.75rem;left:50%;transform:translateX(-50%);z-index:15;display:flex;align-items:flex-start;gap:.5rem;pointer-events:none}.question-card{width:min(420px,78vw);border:1px solid var(--border);border-radius:.875rem;background:rgba(15,21,32,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;pointer-events:auto}.card-strip{position:relative;display:grid;grid-template-columns:2rem 1fr auto auto;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.35rem .5rem;border-bottom:1px solid var(--border);background:rgba(0,0,0,.2);min-height:1.75rem}.strip-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;color:var(--text-muted);transition:background .15s,color .15s}.strip-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.strip-spacer{width:1.75rem}.burger-icon{display:block;width:.875rem;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}.strip-title{font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--text-primary);text-align:center;white-space:nowrap}.strip-date{font-size:.65rem;color:var(--text-muted);white-space:nowrap;padding-right:.125rem}.menu-dropdown{position:absolute;top:calc(100% + .25rem);left:0;min-width:140px;padding:.25rem;border:1px solid var(--border);border-radius:.5rem;background:rgba(15,21,32,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.menu-item{display:block;width:100%;padding:.5rem .75rem;border-radius:.375rem;font-size:.85rem;text-align:left;color:var(--text-primary)}.menu-item:hover{background:rgba(255,255,255,.06)}.card-body{padding:.5rem .75rem .625rem;text-align:center}.card-body-error,.card-body-loading{gap:.75rem;padding:.75rem}.card-body-error,.card-body-loading,.score-panel{display:flex;flex-direction:column;align-items:center}.score-panel{justify-content:center;min-width:4.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.875rem;background:rgba(15,21,32,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.score-panel-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.score-panel-value{font-size:1.35rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);line-height:1.1;margin-top:.125rem}.top-clue{font-size:.875rem;line-height:1.45;color:var(--text-primary);margin:.375rem auto 0;max-width:48ch}.text-ar{font-family:var(--font-arabic);line-height:1.65}.lang-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:rgba(0,0,0,.25)}.lang-toggle-btn{padding:.1rem .45rem;font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);transition:background .15s,color .15s}.lang-toggle-btn.active{background:var(--accent);color:#1a1208}.lang-toggle-btn:not(.active):hover{color:var(--text-primary)}.final-lang-toggle{position:absolute;top:.75rem;inset-inline-end:.75rem;z-index:2}.top-error-text{color:var(--danger);font-size:.85rem}.btn-compact{width:auto;min-width:140px;padding:.625rem 1.25rem}.progress-dots-inline{padding:.5rem 0 0;border-bottom:none;max-width:160px;margin:0 auto}html[dir=rtl] .feedback-overlay,html[dir=rtl] .final-card-panel,html[dir=rtl] .final-continuity,html[dir=rtl] .final-summary,html[dir=rtl] .final-top-overlay,html[dir=rtl] .top-hud{direction:rtl}@media (max-width:520px){.top-hud{flex-direction:column;align-items:center;width:min(92vw,420px)}.question-card{width:100%}.score-panel{flex-direction:row;gap:.5rem;width:100%;min-width:unset}.score-panel-value{margin-top:0}}.globe-container{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at center,#0d1525 0,#060a12 100%)}.globe-container canvas{outline:none;display:block}.biladi-logo{border-radius:50%;object-fit:cover;flex-shrink:0}.globe-canvas-host{position:relative;z-index:1;width:100%;height:100%;min-height:300px}.category-badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:0}.question-number{font-size:.8rem;color:var(--text-muted)}.final-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;background:rgba(15,21,32,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.final-overlay .summary-list{width:min(100%,360px);margin:.5rem 0}.final-overlay .final-score-value{font-size:3.5rem;font-weight:700;color:var(--accent);line-height:1}.final-overlay .final-score-max{color:var(--text-muted);font-size:.95rem;margin-bottom:.5rem}.final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.final-summary{position:absolute;top:.75rem;left:50%;transform:translateX(-50%);z-index:25;display:flex;flex-direction:column;gap:.5rem;width:min(calc(100vw - 1.5rem),620px)}.final-top-overlay{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;border:1px solid var(--border);border-radius:1rem;background:rgba(15,21,32,.9)}.final-continuity,.final-top-overlay{width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.final-continuity{padding:.65rem .85rem;border:1px solid var(--border);border-radius:.875rem;background:rgba(15,21,32,.82);text-align:center}.final-continuity-headline{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1.35}.final-continuity-countdown{margin-top:.2rem;font-size:.78rem;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.final-top-score{display:flex;align-items:center;gap:.55rem;min-width:118px}.final-top-score-value{font-size:1.35rem;font-weight:700;line-height:1;color:var(--accent)}.final-top-score-label{margin-top:.15rem;font-size:.68rem;color:var(--text-muted);white-space:nowrap}.final-play-btn,.final-share-btn{min-width:0;white-space:nowrap}.clue-text{font-size:1.125rem;line-height:1.6;margin-bottom:1rem}.multiplier-note{font-size:.8rem;color:var(--accent);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .15s ease}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dim) 100%);color:#0a0e17;width:100%}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);width:100%}.btn-secondary:hover{background:rgba(255,255,255,.06)}.result-card{background:var(--bg-elevated);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.result-score{font-size:2.5rem;font-weight:700;color:var(--success)}.result-distance{color:var(--text-muted);font-size:.9rem;margin-bottom:.75rem}.result-answer{font-weight:600;margin-bottom:.5rem}.result-answer-ar{font-family:var(--font-arabic);color:var(--accent);font-size:1.1rem;margin-bottom:.75rem}.result-context{font-size:.9rem;line-height:1.55;color:var(--text-muted)}.progress-dots{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.progress-dot{flex:1 1;height:4px;border-radius:2px;background:var(--bg-elevated);transition:background .2s}.progress-dot.active{background:var(--accent)}.progress-dot.done{background:var(--success)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.welcome-title{font-family:var(--font-arabic);font-size:4rem;color:var(--accent);margin-bottom:.5rem}.welcome-tagline{font-size:1.25rem;color:var(--text-muted);max-width:480px;line-height:1.6;margin-bottom:2rem}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:640px;margin-bottom:2.5rem}@media (max-width:640px){.welcome-features{grid-template-columns:1fr}}.feature-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.feature-icon{font-size:1.5rem;margin-bottom:.5rem}.feature-label{font-size:.85rem;color:var(--text-muted)}.final-screen{padding:1.5rem}.final-score{text-align:center;padding:2rem 0}.final-score-value{font-size:4rem;font-weight:700;color:var(--accent)}.final-score-max{color:var(--text-muted);font-size:1rem}.summary-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-elevated);border-radius:.5rem;font-size:.9rem}.summary-item-name{flex:1 1;margin-right:1rem}.summary-item-score{font-weight:600;color:var(--success)}.hint-text{font-size:.85rem;font-style:italic}.hint-text,.loading{color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.pin-hint{bottom:1rem;transform:translateX(-50%);background:rgba(10,14,23,.9);border:1px solid var(--border);padding:.5rem 1rem;border-radius:999px;font-size:.85rem;color:var(--text-muted);z-index:5}.feedback-overlay,.pin-hint{position:absolute;left:50%;pointer-events:none}.feedback-overlay{top:50%;transform:translate(-50%,-50%);z-index:12;width:min(90vw,420px);padding:0 .5rem;text-align:center;animation:feedback-in .22s ease-out}@keyframes feedback-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.feedback-place{font-size:clamp(1.1rem,4.5vw,1.5rem);font-weight:700;color:#fff;line-height:1.25;text-shadow:0 0 12px rgba(0,0,0,.95),0 2px 16px rgba(0,0,0,.85),0 0 40px rgba(0,0,0,.6)}.feedback-stat{font-weight:500;color:#7dd3fc}.feedback-bonus,.feedback-stat{margin-top:.35rem;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:clamp(.95rem,3.8vw,1.15rem);line-height:1.35;text-shadow:0 0 10px rgba(0,0,0,.95),0 1px 12px rgba(0,0,0,.8)}.feedback-bonus{font-weight:600;color:#4ade80}@media (min-width:480px){.feedback-bonus,.feedback-stat{margin-top:.4rem}}.final-card-panel{position:absolute;top:8.5rem;right:1rem;z-index:24;width:min(360px,32vw);max-height:calc(100vh - 6.5rem);display:flex;flex-direction:column;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:1rem;background:rgba(15,21,32,.92);box-shadow:0 1rem 2.5rem rgba(0,0,0,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.final-card-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.final-card{display:flex;flex-direction:column;gap:.65rem}.final-card-title{font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:800;line-height:1.15;color:#fff}.final-card-clue{padding:.65rem .75rem;-webkit-border-start:3px solid var(--accent);border-inline-start:3px solid var(--accent);border-radius:.5rem;background:rgba(255,255,255,.05);font-size:.86rem;line-height:1.45;color:var(--text-primary)}.final-card-description{max-height:min(34vh,260px);overflow-y:auto;-webkit-padding-end:.25rem;padding-inline-end:.25rem;font-size:.98rem;line-height:1.55;color:var(--text-muted)}.final-card-stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.92rem;font-weight:700;color:var(--success)}.final-card-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.65rem;gap:.65rem}.final-card-nav{padding:.55rem .7rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-elevated);color:var(--text-primary);font-size:.8rem;font-weight:700}.final-card-nav:hover{background:rgba(255,255,255,.08)}.final-card-dots{display:flex;justify-content:center;gap:.4rem}.final-card-dot{width:.55rem;height:.55rem;border-radius:999px;background:rgba(255,255,255,.25)}.final-card-dot.active{background:var(--accent)}@media (max-width:640px){.final-summary{width:min(calc(100vw - 1rem),420px)}.final-top-overlay{flex-wrap:wrap;gap:.5rem;padding:.45rem}.final-top-score{flex:1 1 100%;justify-content:center;min-width:0}.final-play-btn,.final-share-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.5rem);padding-inline:.65rem;font-size:.82rem}.final-card-panel{top:auto;right:.5rem;bottom:.75rem;left:.5rem;width:auto;max-height:42vh;padding:.75rem}.final-card-title{font-size:1.1rem}.final-card-clue{display:none}.final-card-description{max-height:15vh;font-size:.9rem}}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.final-brand{display:flex;justify-content:center;margin-bottom:.5rem}