:root{--bg: #0c0d10;--surface: #14161b;--surface-2: #1a1d24;--line: rgba(236, 232, 222, .1);--line-strong: rgba(236, 232, 222, .22);--text: #ece8de;--text-dim: #96938a;--accent: #ffb454;--accent-ink: #221503;--accent-dim: rgba(255, 180, 84, .13);--good: #3ecf8e;--good-dim: rgba(62, 207, 142, .14);--danger: #e5604f;--warn: #eab308;--radius: 10px;--font-display: "Space Grotesk", "IBM Plex Sans Arabic", sans-serif;--font-body: "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;--shadow: 0 12px 40px rgba(0, 0, 0, .5);font-family:var(--font-body)}html[data-theme=light]{--bg: #f2efe9;--surface: #fbfaf7;--surface-2: #edeae2;--line: rgba(27, 28, 30, .12);--line-strong: rgba(27, 28, 30, .28);--text: #1d1e21;--text-dim: #6d6a61;--accent: #b4700f;--accent-ink: #fff7ea;--accent-dim: rgba(180, 112, 15, .1);--good: #158f5e;--good-dim: rgba(21, 143, 94, .12);--danger: #c23d2e;--warn: #9a6a08;--shadow: 0 10px 30px rgba(30, 25, 15, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;background:var(--bg);color:var(--text);overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:8px;font-weight:600;font-size:14.5px;letter-spacing:.2px;background:var(--surface-2);border:1px solid var(--line);transition:border-color .15s,background .15s,transform .08s}.btn:hover{border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.07)}.btn.primary:disabled{opacity:.35;cursor:not-allowed;filter:none}.lane{border:none;height:0;border-top:3px dashed var(--line-strong);opacity:.8}.micro{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim)}html[lang=ar] .micro{letter-spacing:0;font-size:12.5px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.seg button{padding:8px 15px;font-size:13.5px;font-weight:500;color:var(--text-dim);transition:background .15s,color .15s}.seg button+button{border-inline-start:1px solid var(--line)}.seg button.on{background:var(--accent-dim);color:var(--accent);font-weight:600}.chip-toggle{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;color:var(--text-dim)}.chip-toggle.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}select{font:inherit;font-size:13.5px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.home{position:relative;height:100%;overflow-y:auto;overflow-x:hidden}.kw-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:flex-end;align-items:center;overflow:hidden}.kw-bg svg{height:130%;margin-inline-end:-12%;opacity:.55}html[dir=rtl] .kw-bg{justify-content:flex-start}.home-inner{position:relative;max-width:660px;margin:0 auto;padding:clamp(36px,7vh,84px) 26px 48px;display:flex;flex-direction:column;min-height:100%}.hero .kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px}.hero .kicker .lane{width:54px}.hero h1{font-family:var(--font-display);font-size:clamp(46px,9vw,76px);line-height:.95;letter-spacing:-2px;font-weight:700}html[lang=ar] .hero h1{letter-spacing:0}.hero h1 .ar{color:var(--accent);font-weight:600}.hero .tagline{margin-top:14px;font-size:16px;color:var(--text-dim);max-width:46ch;line-height:1.55}.home .lane.divider{margin:34px 0 26px}.mode-list{display:flex;flex-direction:column}.mode-row{display:flex;align-items:center;gap:18px;text-align:start;padding:20px 6px;border-bottom:1px solid var(--line);transition:background .15s;border-radius:6px}.mode-row:first-child{border-top:1px solid var(--line)}.mode-row:hover{background:var(--accent-dim)}.mode-row .body{flex:1}.mode-row h2{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.3px}html[lang=ar] .mode-row h2{letter-spacing:0}.mode-row p{margin-top:4px;font-size:13.5px;color:var(--text-dim);line-height:1.5;max-width:52ch}.mode-row .meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mode-row .best{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}.mode-row .arrow{font-family:var(--font-display);font-size:20px;color:var(--text-dim);transition:transform .15s,color .15s}.mode-row:hover .arrow{color:var(--accent);transform:translate(4px)}html[dir=rtl] .mode-row:hover .arrow{transform:translate(-4px) scaleX(-1)}html[dir=rtl] .mode-row .arrow{transform:scaleX(-1)}.settings{margin-top:34px;display:flex;flex-wrap:wrap;gap:22px 34px}.setting{display:flex;flex-direction:column;gap:9px}.home .credits{margin-top:auto;padding-top:46px;font-size:11.5px;color:var(--text-dim);opacity:.75}.home .credits a{color:inherit}.game{position:relative;height:100%}.game .map{position:absolute;top:0;right:0;bottom:0;left:0}.topbar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:stretch;gap:10px;pointer-events:none;z-index:10}.topbar>*{pointer-events:auto}.back-btn{padding:10px 16px;font-size:14px}.prompt{padding:10px 24px;text-align:center;flex:0 1 auto;margin-inline:auto;display:flex;flex-direction:column;justify-content:center}.prompt .label{font-size:10.5px;text-transform:uppercase;letter-spacing:2.2px;color:var(--accent);font-weight:700;margin-bottom:2px}html[lang=ar] .prompt .label{letter-spacing:0;font-size:12.5px}.prompt .name{font-family:var(--font-display);font-size:clamp(18px,3vw,25px);font-weight:600}.prompt .name .ar{color:var(--text-dim);font-weight:500;margin-inline-start:10px;font-size:.85em}.scorebox{margin-inline-start:auto;padding:10px 18px;font-size:13.5px;display:flex;align-items:center;gap:18px;white-space:nowrap;color:var(--text-dim)}.scorebox b{font-family:var(--font-display);font-size:17px;color:var(--text)}.scorebox .streak{color:var(--warn)}.toast{position:absolute;bottom:92px;left:50%;transform:translate(-50%);padding:13px 24px;font-size:15.5px;font-weight:500;z-index:11;animation:toast-in .22s ease;max-width:min(92vw,520px);text-align:center;border-inline-start:3px solid var(--line-strong)}.toast.good{border-inline-start-color:var(--good);color:var(--good)}.toast.bad{border-inline-start-color:var(--danger);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.bottombar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px}.viewer{position:absolute;right:16px;bottom:16px;width:min(430px,calc(100vw - 32px));height:320px;z-index:9;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line-strong);box-shadow:var(--shadow);transition:width .2s,height .2s}html[dir=rtl] .viewer{right:auto;left:16px}.viewer.expanded{width:min(680px,calc(100vw - 32px));height:min(500px,62vh)}.viewer .viewer-map{position:absolute;top:0;right:0;bottom:0;left:0}.viewer .viewer-tag{position:absolute;top:10px;inset-inline-start:10px;z-index:2;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;padding:5px 11px;border-radius:6px;background:#0a0a0cb8;color:var(--accent)}html[lang=ar] .viewer .viewer-tag{letter-spacing:0;font-size:12px}.viewer .expand-btn{position:absolute;top:8px;inset-inline-end:8px;z-index:2;width:32px;height:32px;border-radius:7px;background:#0a0a0cb8;color:#ece8de;font-size:16px}.viewer-pin{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);pointer-events:none}.viewer-pin .dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--warn);border:2.5px solid #fff;box-shadow:0 0 0 3px #eab30859}.viewer-pin .pulse{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid var(--warn);animation:pin-pulse 1.6s ease-out infinite}@keyframes pin-pulse{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.15);opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#08090bc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.results{width:min(520px,calc(100vw - 40px));max-height:86vh;overflow-y:auto;padding:34px;text-align:center}.results h2{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.5px}html[lang=ar] .results h2{letter-spacing:0}.results .big-score{font-family:var(--font-display);font-size:58px;font-weight:700;color:var(--accent);margin:12px 0 4px;letter-spacing:-2px}.results .sub{color:var(--text-dim);margin-bottom:6px;font-size:14.5px}.results .new-best{color:var(--warn);font-weight:700;margin:8px 0 2px;font-size:14px}.results .miss-list{text-align:start;margin:20px 0 4px;font-size:13.5px;color:var(--text-dim);max-height:190px;overflow-y:auto;border-top:3px dashed var(--line);padding-top:14px}.results .miss-list li{margin:4px 0 4px 20px}html[dir=rtl] .results .miss-list li{margin:4px 20px 4px 0}.results .actions{display:flex;gap:10px;justify-content:center;margin-top:22px}.area-tip{position:absolute;z-index:15;pointer-events:none;padding:9px 15px;font-size:15px;font-weight:600;transform:translate(14px,14px)}.area-tip .ar{color:var(--accent);margin-inline-start:8px;font-weight:500}.area-tip .gov{display:block;font-size:11.5px;font-weight:400;color:var(--text-dim);margin-top:1px}.maplibregl-ctrl-attrib{background:#0c0d10b3!important;font-size:10px!important}.maplibregl-ctrl-attrib a{color:var(--text-dim)!important}html[data-theme=light] .maplibregl-ctrl-attrib{background:#fbfaf7bf!important}@media(max-width:640px){.topbar{flex-wrap:wrap}.scorebox{order:3;margin-inline-start:0}.viewer{height:230px}.mode-row .meta{display:none}.kw-bg svg{opacity:.3}}