.c-search{--s-top: calc(var(--c-gutter) + env(safe-area-inset-top))}.c-search-open,.c-search-box{position:absolute;top:var(--s-top);inset-inline-end:var(--s-end, 190px);height:46px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--c-text)}.c-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;flex:none}.c-search-open{display:none;width:46px;padding:0;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.c-search-open:hover,.c-search-open[aria-expanded=true]{background:var(--c-panel-strong)}.c-search-open:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.c-search-box{width:280px;display:flex;align-items:center;transition:background .2s}.c-search-box:focus-within{background:var(--c-panel-strong);outline:2px solid var(--c-accent);outline-offset:1px}.c-search-box>svg{position:absolute;inset-inline-start:14px;color:var(--c-dim);pointer-events:none}.c-search-input,.c-search-ghost{width:100%;height:100%;margin:0;padding:0;padding-inline:40px 42px;border:0;font:500 14px/44px var(--c-font);text-align:start;white-space:pre}.c-search-input{position:relative;background:none;color:var(--c-text);outline:none}.c-search-input::placeholder{color:var(--c-dim);opacity:1}.c-search-ghost{position:absolute;inset:0;overflow:hidden;color:var(--c-dim);pointer-events:none}.c-search-typed{visibility:hidden}.c-search-clear{position:absolute;inset-inline-end:0;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;color:var(--c-dim);cursor:pointer}.c-search-clear[hidden]{display:none}.c-search-clear:hover{color:var(--c-text)}.c-search-clear:focus-visible{outline:2px solid var(--c-accent);outline-offset:-4px}.c-search-panel{position:absolute;top:calc(var(--s-top) + 54px);inset-inline-end:var(--s-end, 190px);width:320px;max-width:calc(100vw - 2 * var(--c-gutter));max-height:calc(var(--s-vh, 100dvh) - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:var(--c-radius);background:var(--c-panel-strong);border:1px solid var(--c-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.c-search-panel[hidden],.c-search-list[hidden],.c-search-none[hidden]{display:none}.c-search-head{padding:8px 10px 3px;color:var(--c-dim);font-size:12px;font-weight:600;letter-spacing:.02em}.c-search-group+.c-search-group{margin-top:4px;border-top:1px solid var(--c-line)}.c-search-row{display:flex;flex-direction:column;justify-content:center;min-height:38px;padding:5px 10px;border-radius:9px;cursor:pointer}.c-search-row:hover{background:#ffffff0f}.c-search-row[aria-selected=true]{background:#ffffff21}.c-search-name,.c-search-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-search-name mark{background:none;color:var(--c-accent)}.c-search-sub{color:var(--c-dim);font-size:12px}.c-search-sub span+span:before{content:"\b7";margin-inline:5px}.c-search-none{padding:12px 10px;color:var(--c-dim)}.c-search.compact .c-search-open{display:flex}.c-search.compact .c-search-box{display:none}.c-search.compact.open .c-search-box{display:flex;top:calc(var(--s-top) + 54px);inset-inline:var(--c-gutter);width:auto;background:var(--c-panel-strong)}.c-search.compact .c-search-input,.c-search.compact .c-search-ghost{font-size:16px}.c-search.compact .c-search-panel{top:calc(var(--s-top) + 106px);inset-inline:var(--c-gutter);width:auto;max-height:calc(var(--s-vh, 100dvh) - 216px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.c-search.compact .c-search-row{min-height:44px}.c-minimap{position:absolute;top:calc(var(--c-gutter) + 54px + env(safe-area-inset-top));inset-inline-end:var(--c-gutter);width:200px;height:200px;padding:0;border:5px solid #1d2125;border-radius:var(--c-radius);background:none;box-shadow:0 0 0 1px var(--c-line),0 6px 22px #00000047;cursor:pointer;transition:width .18s,height .18s}.c-minimap[hidden]{display:none}.c-minimap.big{width:400px;height:400px}.c-minimap:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.c-minimap-me,.c-minimap-n{position:absolute;left:50%;top:50%;pointer-events:none}.c-minimap-me{width:24px;height:24px;transform:translate(-50%,-50%)}.c-minimap-me svg{display:block;width:100%;height:100%;fill:var(--c-accent);stroke:#1b1f23;stroke-width:1.6;stroke-linejoin:round}.c-minimap-n{width:20px;height:20px;border-radius:50%;background:var(--c-panel-strong);color:var(--c-text);font:700 11px/20px var(--c-font);text-align:center}@media(max-width:560px){.c-minimap{top:auto;inset-inline-end:auto;right:calc(var(--c-gutter) + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:132px;height:132px}.c-minimap.big{width:min(264px,calc(100vw - 148px - var(--c-gutter) - env(safe-area-inset-right)));height:min(264px,calc(100vw - 148px - var(--c-gutter) - env(safe-area-inset-right)))}}@media(max-width:359px){.c-minimap{width:104px;height:104px}}@media(prefers-reduced-motion:reduce){.c-minimap{transition:none}}#ui>.c-hud{pointer-events:none}.c-hud{position:absolute;right:calc(var(--c-gutter) + env(safe-area-inset-right));bottom:calc(var(--c-gutter) + 50px + env(safe-area-inset-bottom));min-width:104px;padding:8px 14px 9px;border:1px solid var(--c-line);border-radius:var(--c-radius);background:var(--c-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--c-text);text-align:center;direction:ltr;font-variant-numeric:tabular-nums}.c-hud[hidden],.c-hud-r[hidden]{display:none}.c-hud-n{display:block;font:700 32px/1 var(--c-font)}.c-hud-u{display:block;margin-top:3px;color:var(--c-dim);font-size:11px;line-height:1.2}.c-hud-r{position:absolute;top:7px;right:9px;color:var(--c-accent);font:700 13px/1 var(--c-font);font-style:normal}@media(max-width:560px){.c-hud{right:auto;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);min-width:64px;padding:6px 6px 7px}.c-hud-n{font-size:24px}.c-hud-r{top:5px;right:5px;font-size:11px}}:root{--c-panel: rgba(20, 24, 28, .62);--c-panel-strong: rgba(20, 24, 28, .82);--c-line: rgba(255, 255, 255, .14);--c-text: #f4f2ee;--c-dim: rgba(244, 242, 238, .7);--c-accent: #f0a63c;--c-radius: 14px;--c-gutter: 16px;--c-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Hebrew", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfd8de;color:var(--c-text);font:14px/1.4 var(--c-font);-webkit-tap-highlight-color:transparent}#c{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.c-title,#ui>.c-loading,#ui>.c-waiting,#ui>.c-hint,#ui>.c-legend,#ui>.c-attribution,#ui>.c-stick,#ui>.c-signs{pointer-events:none}.c-title{position:absolute;top:calc(var(--c-gutter) + env(safe-area-inset-top));inset-inline-start:var(--c-gutter);padding:8px 14px;border-radius:999px;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:600;letter-spacing:.01em;pointer-events:none}.c-loading{position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .4s;pointer-events:none}.c-loading.on{opacity:1}.c-poster{position:fixed;inset:0;background:center / auto 100% no-repeat;opacity:0;transition:opacity .8s;pointer-events:none}.c-poster.on{opacity:1;transition:opacity .2s}.c-waiting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 2 * var(--c-gutter));padding:10px 18px;border-radius:10px;background:var(--c-panel);color:var(--c-text);text-align:center;font-size:14px;opacity:0;transition:opacity .4s;pointer-events:none}.c-waiting.on{opacity:1}.c-loading span{display:block;height:100%;background:var(--c-accent);transform-origin:0 50%;transition:transform .3s}.c-compass{position:absolute;top:calc(var(--c-gutter) + env(safe-area-inset-top));inset-inline-end:var(--c-gutter);width:46px;height:46px;border:1px solid var(--c-line);border-radius:50%;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;padding:0}.c-full{position:absolute;top:calc(var(--c-gutter) + env(safe-area-inset-top));inset-inline-end:var(--c-gutter);width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-line);border-radius:50%;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--c-text);cursor:pointer;padding:0}.c-full:hover,.c-turn:hover{background:var(--c-panel-strong)}.c-full:focus-visible,.c-turn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.c-full svg,.c-turn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#ui.has-full .c-compass{inset-inline-end:calc(var(--c-gutter) + 54px)}#ui.has-full .c-places-btn{inset-inline-end:calc(var(--c-gutter) + 108px)}.c-turn{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-line);border-radius:50%;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--c-text);cursor:pointer;padding:0;touch-action:none;user-select:none;-webkit-user-select:none}.c-turn[hidden]{display:none}.c-turn.left{left:calc(var(--c-gutter) + env(safe-area-inset-left))}.c-turn.right{right:calc(var(--c-gutter) + env(safe-area-inset-right))}.c-turn.left svg{transform:scaleX(-1)}.c-needle{position:absolute;inset:5px;display:block;border-radius:50%}.c-needle:before,.c-needle:after{content:"";position:absolute;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;margin-left:-5px}.c-needle:before{top:9px;border-bottom:13px solid #e8513f}.c-needle:after{bottom:9px;border-top:13px solid rgba(255,255,255,.75)}.c-needle b{position:absolute;top:-3px;left:0;right:0;text-align:center;font-size:9px;line-height:1;color:var(--c-text)}.c-modes{position:absolute;left:50%;bottom:calc(40px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--c-panel);border:1px solid var(--c-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:calc(100vw - 2 * var(--c-gutter))}.c-mode{display:flex;align-items:center;gap:7px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--c-dim);font:500 14px/1 var(--c-font);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.c-mode:hover{color:var(--c-text)}.c-mode.on{background:var(--c-text);color:#1b1f23}.c-mode:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.c-mode svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.c-places-btn{position:absolute;top:calc(var(--c-gutter) + env(safe-area-inset-top));inset-inline-end:calc(var(--c-gutter) + 46px + 8px);height:46px;display:flex;align-items:center;gap:7px;padding:0 16px 0 13px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--c-text);font:500 14px/1 var(--c-font);cursor:pointer;transition:background .2s}[dir=rtl] .c-places-btn{padding:0 13px 0 16px}.c-places-btn:hover,.c-places-btn[aria-expanded=true]{background:var(--c-panel-strong)}.c-places-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.c-places-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;flex:none}.c-places{position:absolute;top:calc(var(--c-gutter) + 54px + env(safe-area-inset-top));inset-inline-end:var(--c-gutter);width:268px;max-width:calc(100vw - 2 * var(--c-gutter));max-height:calc(100dvh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:var(--c-radius);background:var(--c-panel-strong);border:1px solid var(--c-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.c-places[hidden]{display:none}.c-place{display:block;width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--c-text);font:14px/1.3 var(--c-font);text-align:start;cursor:pointer}.c-place:hover,.c-place:focus-visible{background:#ffffff1a;outline:none}.c-place-all{font-weight:600;margin-bottom:4px;border-bottom:1px solid var(--c-line);border-radius:9px 9px 0 0}.c-hint{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,6px);max-width:min(560px,calc(100vw - 2 * var(--c-gutter)));padding:8px 14px;border-radius:10px;background:var(--c-panel);color:var(--c-text);text-align:center;font-size:13px;opacity:0;transition:opacity .5s,transform .5s;pointer-events:none}.c-hint.show{opacity:1;transform:translate(-50%)}.c-card{position:absolute;top:calc(var(--c-gutter) + 52px + env(safe-area-inset-top));inset-inline-start:var(--c-gutter);width:264px;max-width:calc(100vw - 2 * var(--c-gutter));padding:14px 16px 12px;border-radius:var(--c-radius);background:var(--c-panel-strong);border:1px solid var(--c-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.c-card[hidden]{display:none}.c-legend{position:absolute;top:calc(var(--c-gutter) + 46px + env(safe-area-inset-top));inset-inline-start:var(--c-gutter);display:flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:999px;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--c-dim);font-size:12px;pointer-events:none}[dir=rtl] .c-legend{padding:5px 9px 5px 12px}.c-legend i{width:10px;height:10px;border-radius:3px;background:#78bae9}@media(min-width:561px){.c-card:not([hidden])~.c-legend{display:none}}.c-card-head{display:flex;align-items:flex-start;gap:8px}.c-card-name{flex:1;font-size:16px;font-weight:650;line-height:1.25}.c-card-kind{margin-top:2px;color:var(--c-dim);font-size:12px}.c-card-close{flex:none;width:26px;height:26px;margin:-4px -6px 0 0;border:0;border-radius:50%;background:transparent;color:var(--c-dim);font-size:20px;line-height:1;cursor:pointer}[dir=rtl] .c-card-close{margin:-4px 0 0 -6px}.c-card-close:hover{background:#ffffff1a;color:var(--c-text)}.c-card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0 0}.c-card dt{color:var(--c-dim)}.c-card dd{margin:0;font-variant-numeric:tabular-nums}.c-attribution{position:absolute;left:0;bottom:0;max-width:100vw;padding:4px 10px calc(4px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));border-top-right-radius:8px;background:#ffffffb8;color:#2a2e33;font-size:11px;line-height:1.3;direction:ltr;text-align:left;pointer-events:none}.c-brand{position:absolute;right:calc(var(--c-gutter) + env(safe-area-inset-right));bottom:calc(var(--c-gutter) + env(safe-area-inset-bottom));display:flex;align-items:center;padding:8px 13px;border-radius:999px;background:var(--c-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s}.c-brand:hover,.c-brand:focus-visible{background:var(--c-panel-strong)}.c-brand img{display:block;width:auto;height:20px}.c-brand .c-brand-mark{display:none}.c-stick{position:absolute;left:calc(var(--c-gutter) + env(safe-area-inset-left));bottom:calc(100px + env(safe-area-inset-bottom));width:132px;height:132px;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:#14181c4d;pointer-events:none}.c-stick[hidden]{display:none}.c-stick span{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffffd1}.c-stick i{position:absolute;width:18px;height:18px;color:#ffffffe6}.c-stick i.up{left:calc(50% - 9px);top:7px}.c-stick i.down{left:calc(50% - 9px);bottom:7px;transform:rotate(180deg)}.c-stick i.left{left:7px;top:calc(50% - 9px);transform:rotate(-90deg)}.c-stick i.right{right:7px;top:calc(50% - 9px);transform:rotate(90deg)}.c-stick svg,.c-key svg{display:block;width:100%;height:100%;fill:currentColor}.c-signs{position:absolute;inset-inline-start:var(--c-gutter);bottom:calc(96px + env(safe-area-inset-bottom));max-width:min(380px,calc(100vw - 2 * var(--c-gutter)))}.c-signs.touch{inset-inline-start:auto;left:calc(var(--c-gutter) + env(safe-area-inset-left));bottom:calc(244px + env(safe-area-inset-bottom));max-width:min(260px,calc(100vw - 2 * var(--c-gutter)))}.c-signs[hidden],.c-signs-card[hidden],.c-signs-btn[hidden]{display:none}.c-signs-card{display:grid;gap:7px;padding:10px 12px;border:1px solid var(--c-line);border-radius:var(--c-radius);background:var(--c-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.c-sign{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.25}.c-sign-keys{display:flex;flex:none;gap:4px;direction:ltr}.c-key,.c-key-draw{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;color:var(--c-text)}.c-key{padding:0 6px;border:1px solid rgba(255,255,255,.45);border-bottom-width:3px;border-radius:6px;background:#ffffff14;font:600 12px/1 var(--c-font)}.c-key svg{width:13px;height:13px}.c-key.down svg{transform:rotate(180deg)}.c-key.left svg{transform:rotate(-90deg)}.c-key.right svg{transform:rotate(90deg)}.c-key-wide{padding:0 10px}.c-key-draw svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.c-signs.touch .c-key{border-width:1px;border-radius:50%;padding:0}.c-signs-btn{width:44px;height:44px;padding:0;border:1px solid var(--c-line);border-radius:50%;background:var(--c-panel);color:var(--c-text);font:600 19px/1 var(--c-font);cursor:pointer;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.c-signs-btn:hover{background:var(--c-panel-strong)}.c-signs-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.c-fail{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:min(460px,calc(100vw - 2 * var(--c-gutter)));padding:16px 20px;border-radius:var(--c-radius);background:var(--c-panel-strong);text-align:center;line-height:1.45;pointer-events:auto}.c-fail-action{display:block;margin:12px auto 0;padding:8px 18px;border:0;border-radius:999px;background:var(--c-text);color:var(--c-panel-strong);font:inherit;font-weight:600;cursor:pointer}.c-fail-action:focus-visible,.c-notice-close:focus-visible{outline:2px solid var(--c-text);outline-offset:2px}.c-notice{position:absolute;left:50%;top:calc(var(--c-gutter) + 52px + env(safe-area-inset-top));transform:translate(-50%);display:flex;align-items:flex-start;gap:10px;width:max-content;max-width:min(520px,calc(100vw - 2 * var(--c-gutter)));padding:10px 12px 10px 16px;border-radius:var(--c-radius);background:var(--c-panel-strong);border:1px solid var(--c-line);font-size:13px;line-height:1.45;pointer-events:auto}[dir=rtl] .c-notice{padding:10px 16px 10px 12px}.c-notice-close{flex:none;width:26px;height:26px;margin-top:-2px;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;font-size:18px;line-height:1;cursor:pointer}@media(max-width:560px){.c-places-btn span{display:none}.c-places-btn,[dir=rtl] .c-places-btn{width:46px;padding:0;justify-content:center}.c-mode span{display:none}.c-mode{padding:10px 13px}.c-modes{bottom:calc(34px + env(safe-area-inset-bottom))}.c-hint{bottom:calc(88px + env(safe-area-inset-bottom))}.c-hint.over-stick{bottom:calc(232px + env(safe-area-inset-bottom))}.c-full{top:calc(var(--c-gutter) + 54px + env(safe-area-inset-top))}#ui.has-full .c-compass{inset-inline-end:var(--c-gutter)}#ui.has-full .c-places-btn{inset-inline-end:calc(var(--c-gutter) + 46px + 8px)}.c-mode{min-height:44px}.c-stick{left:calc(12px + env(safe-area-inset-left));bottom:calc(96px + env(safe-area-inset-bottom));width:124px;height:124px}.c-signs.touch{left:calc(12px + env(safe-area-inset-left));bottom:calc(230px + env(safe-area-inset-bottom))}.c-card{top:auto;bottom:calc(92px + env(safe-area-inset-bottom));left:var(--c-gutter);right:var(--c-gutter);width:auto}.c-attribution{font-size:10px}.c-brand{right:calc(6px + env(safe-area-inset-right));bottom:calc(33px + env(safe-area-inset-bottom));padding:9px}.c-brand .c-brand-full{display:none}.c-brand .c-brand-mark{display:block;height:26px}}@media(prefers-reduced-motion:reduce){.c-hint,.c-loading,.c-loading span,.c-waiting,.c-poster,.c-poster.on,.c-mode,.c-places-btn,.c-brand{transition:none}}
