:root{--ink:#231f20;--paper:#f5f7f1;--ground:#e7ebe2;--line:#c6cfbe;--muted:#5d6858;--green:#4e8a3c;--glow:#3be05a;--danger:#b3372f;--glass:color-mix(in srgb, var(--paper) 86%, transparent);--display:"Reem Kufi", "Almarai", system-ui, sans-serif;--body:"DM Sans", "Almarai", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#eaf0ea;--paper:#0b1411;--ground:#121c19;--line:#2d3c37;--muted:#a2b3ab;--green:#7dbb63;--danger:#ff8a7e;--glass:#0b1411cc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body[data-mode=ancient]{--ink:#f1e6c9;--paper:#1e1810;--line:#4a3b24;--muted:#c9b690;--green:#e6a23c;--glass:#1e1810d6}body[data-mode=realistic]{--ink:#eef3ee;--paper:#121c19;--line:#2d3c37;--muted:#a2b3ab;--glass:#0b1411c7;--green:#7dbb63;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-mode=ancient]{--ink:#2e2112;--paper:#f4ead2;--line:#cdb88c;--muted:#6e5a3a;--green:#8a4b16;--glass:#f4ead2e0}html[lang=ar]{--body:"Almarai", "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{font:15px/1.5 var(--body);color:var(--ink);background:#0b1411;overflow:hidden}#map{position:fixed;inset:0}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600;display:block}html[lang=ar] .eyebrow{letter-spacing:0;font-size:12px}.top{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:3;pointer-events:none;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:fixed;inset-inline:12px}.top>*{pointer-events:auto}.brand{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);cursor:pointer;font:700 19px/1 var(--display);border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.brand img{border-radius:9px;width:32px;height:32px}.search{flex:260px;min-width:0;max-width:520px;position:relative}.search input{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;outline:none;width:100%;padding:11px 14px}.results{top:calc(100% + 6px);background:var(--paper);border:1px solid var(--line);border-radius:14px;gap:8px;max-height:60vh;padding:8px;display:grid;position:absolute;inset-inline:0;overflow:auto;box-shadow:0 20px 40px -20px #00000080}.results .group{gap:2px;display:grid}.results button{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 9px}.results button:hover,.results button:focus-visible{background:color-mix(in srgb, var(--green) 14%, transparent)}.results small{color:var(--muted);margin-inline-start:6px}.results .none{color:var(--muted);margin:6px 9px}.modes{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:3px;display:inline-flex}.modes button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;padding:8px 12px;font-weight:600}.modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pill.square{color:inherit;text-decoration:none;position:relative}.pill .badge{top:-6px;background:var(--danger);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;inset-inline-end:-6px}.pill{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);cursor:pointer;border-radius:14px;padding:10px 14px;font-weight:600}.found{inset-inline-start:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);z-index:3;background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;font-weight:700;position:fixed;box-shadow:0 12px 30px -12px #0009}body.picking .found{background:var(--danger)}html[dir=rtl] .found{inset-inline-start:58px}#card{z-index:4;inset-inline-start:12px;top:calc(env(safe-area-inset-top,0px) + 76px);background:var(--paper);border:1px solid var(--line);border-radius:18px;gap:8px;width:min(380px,100% - 24px);max-height:calc(100% - 180px);padding:18px;display:grid;position:fixed;overflow:auto;box-shadow:0 24px 50px -24px #0009}#card h2{font:700 26px/1.15 var(--display);text-wrap:balance;margin:2px 0 0;padding-inline-end:28px}#card .x{inset-inline-end:10px;cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:8px}#card .alt{color:var(--muted);margin:0}#card .facts{color:var(--muted);margin:0;font-size:13px}#card .desc{max-width:60ch;margin:4px 0 0}#card .flag{color:var(--danger);margin:0;font-size:13px;font-weight:600}#card .note{color:var(--muted);margin:0;font-size:13px}#card .names ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}#card .names li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding-block:3px;display:flex}#card .names small{color:var(--muted);white-space:nowrap}#card .list{gap:4px;display:grid}.row-btn{text-align:start;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:7px 10px}.form{gap:6px;margin-top:4px;display:grid}.form label{color:var(--muted);font-size:13px;font-weight:600}.form input,.form select{background:var(--ground,transparent);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:9px 11px}body[data-mode=realistic] .form input,body[data-mode=realistic] .form select{background:#0b1411}.form .btn{margin-top:6px}.account{background:var(--green);color:#fff;border-color:#0000}.btn{cursor:pointer;border:0;border-radius:12px;justify-self:start;padding:11px 16px;font-weight:700}.btn.primary{background:var(--green);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.maplibregl-ctrl-group{background:var(--paper)!important}.maplibregl-ctrl-attrib{font-size:11px}.maplibregl-ctrl-attrib.maplibregl-compact:not(.maplibregl-compact-show){opacity:.45;transform-origin:100% 100%;transition:opacity .2s;transform:scale(.85)}.maplibregl-ctrl-attrib.maplibregl-compact:not(.maplibregl-compact-show):hover{opacity:.9}.top{--tb-h:42px;--tb-r:14px;--tb-glass:#0b1411a3;--tb-glass-hover:#0e1a16d1;--tb-line:#eaf0ea29;--tb-line-hover:#7dbb6399;--tb-ink:#eaf0ea;--tb-muted:#a9bcb1;--tb-green:#2e9e5b;--tb-green-hover:#36b068;gap:8px}.top .brand,.top .search input,.top .modes,.top .pill{background:var(--tb-glass);border:1px solid var(--tb-line);color:var(--tb-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--tb-r);box-shadow:0 10px 30px -14px #0009}.top .brand{height:var(--tb-h);padding:0 14px 0 6px}.top .brand img{width:30px;height:30px}.top .search input{height:var(--tb-h);color:var(--tb-ink);appearance:none;background:var(--tb-glass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9BCB1' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") no-repeat 13px 50% / 17px;padding:0 14px 0 38px;font-size:15px}html[dir=rtl] .top .search input{background-position:calc(100% - 13px);padding:0 38px 0 14px}.top .search input::placeholder{color:var(--tb-muted);opacity:1}.top .pill{height:var(--tb-h);font:600 14px/1 var(--body);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.top .pill svg{flex:none;width:19px;height:19px}.top .brand:hover,.top .pill:hover{background:var(--tb-glass-hover);border-color:var(--tb-line-hover)}.top .modes{padding:3px}.top .modes button{color:var(--tb-muted)}.top .modes button[aria-pressed=true]{background:var(--tb-green);color:#fff}.top .pill.account{background:var(--tb-green);color:#fff;border-color:#0000;box-shadow:0 10px 26px -12px #2e9e5bbf}.top .pill.account:hover{background:var(--tb-green-hover)}.top .pill .av{width:26px;height:26px;font:700 13px/1 var(--body);background:#ffffff38;border-radius:50%;place-items:center;margin-inline-start:-6px;font-style:normal;display:grid}.top .pill .short{display:none}.top #theme{width:var(--tb-h);padding:0}.top #theme .short{font-size:17px;display:inline}.found{background:var(--tb-green,#2e9e5b)}#gmore{font-size:20px;display:inline-flex!important}.gdrop{top:calc(100% + 8px);z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--tb-line);background:#0b1411f0;border-radius:16px;flex-direction:column;gap:4px;min-width:200px;padding:6px;display:none;position:absolute;inset-inline-end:0;box-shadow:0 12px 34px #0000004d}.top.gmore-open .gdrop{pointer-events:auto;display:flex}.top .gdrop .pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:flex-start;gap:10px;height:auto;width:auto!important;padding:11px 12px!important}.top .gdrop .pill .lbl{display:inline!important}.top .gdrop .pill .short{display:none!important}.top .gdrop #theme .short{display:inline!important}.top .gdrop #lang:before{content:"🌐"}.tabbar{display:none}@media (width<=720px){.top{flex-wrap:wrap;gap:6px;inset-inline:10px}.top .brand{width:var(--tb-h);order:0;justify-content:center;padding:0}.brand span{display:none}.modes{flex:1 1 0;order:1;min-width:0}.modes button{flex:1;padding:8px 4px;font-size:13px}.top .pill{width:var(--tb-h);gap:0;padding:0}#gmore{order:2}.top .pill .lbl{display:none}.top .pill .short{font:700 15px/1 var(--body);display:inline}html[lang=ar] .top #lang .short{font-family:DM Sans,system-ui,sans-serif}.search,#hub,#square,#account,.found{display:none!important}body.searching .search{flex:100%;order:3;max-width:none;display:block!important}.tabbar{z-index:5;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);--agi-on:#3be05a;background:#0b1411b8;border:1px solid #eaf0ea24;border-radius:22px;grid-template-columns:repeat(5,1fr);align-items:end;height:62px;padding:0 4px;display:grid;position:fixed;box-shadow:0 14px 40px -16px #000000bf}.tabbar>*{color:#a9bcb1;height:62px;font:600 11px/1 var(--body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.tabbar>:active,.tabbar>[aria-pressed=true]{color:#eaf0ea}.tabbar span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;overflow:hidden}.tabbar .dot{background:#ff3b4e;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:calc(50% + 8px);box-shadow:0 0 8px #ff3b4e}.tabbar .badge{color:#fff;font:700 10px/1 var(--body);background:#e5484d;border-radius:999px;padding:3px 5px;font-style:normal;position:absolute;top:8px;left:calc(50% + 6px)}.tabbar .tb-main{color:#eaf0ea;justify-content:flex-end;padding-bottom:9px}.tabbar .tb-main b{background:radial-gradient(circle at 35% 30%,#3bbe6c,#1c6a3e);border:2px solid #ffffff2e;border-radius:50%;place-items:center;width:58px;height:58px;margin-left:-29px;transition:transform .15s;display:grid;position:absolute;top:-20px;left:50%;box-shadow:0 0 0 5px #0b1411b8,0 10px 26px -6px #2e9e5bd9}.tabbar .tb-main b svg{fill:#fff;stroke:none;width:30px;height:30px}.tabbar .tb-main:active b{transform:scale(.92)}.tabbar .tb-main.picking b{background:radial-gradient(circle at 35% 30%,#e5484d,#8e2427);transform:rotate(45deg)}.maplibregl-ctrl-bottom-right{bottom:calc(env(safe-area-inset-bottom,0px) + 78px)}#card{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);max-height:55%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.plans{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.plan{border:1px solid var(--line);color:inherit;cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:12px;justify-items:center;gap:4px;padding:6px;font-size:12px;display:grid}.plan[aria-checked=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}.plan-svg{border-radius:8px;max-width:100%;height:auto;display:block}.plan-adjust summary{cursor:pointer;color:var(--muted);font-size:13px}.plan-adjust{gap:6px;display:grid}.plan-adjust .check{align-items:center;gap:8px;display:flex}.plan-preview{justify-items:center;gap:6px;display:grid}.mode-rule{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px}.mode-rule p{color:var(--muted);margin:4px 0 0}.eras-pick{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.eras-pick legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:13px;font-weight:600}.eras{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:220px;display:grid;overflow:auto}.era{text-align:start;border:1px solid var(--line);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:12px;gap:2px;padding:8px 10px;font-size:13px;display:grid}.era small{color:var(--muted);font-size:11px}.era[aria-checked=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}.era-detail{border-inline-start:3px solid var(--green);padding:4px 10px;font-size:13px}.era-detail p{margin:6px 0}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatches i{border:1px solid var(--line);border-radius:5px;width:18px;height:18px}