:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf1ee;background:#090d0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.shell{background:#090d0d;min-height:100dvh}.topbar{z-index:10;background:linear-gradient(90deg,#101817 0%,#121a19 58%,#0d1211);border-bottom:1px solid #33413b;align-items:center;gap:24px;height:64px;padding:0 22px;display:flex;position:relative;box-shadow:0 6px 22px #0008}.brand{color:#f2f4f0;letter-spacing:.055em;white-space:nowrap;background:0 0;border:0;padding:0 12px 0 0;font-size:18px;font-weight:900}.brand span{color:#c9d1cc;font-weight:400}.brand b{color:#f6ba2e;margin-left:4px}.brand i{color:#111615;letter-spacing:.04em;background:#d76632;margin-left:5px;padding:2px 5px;font-size:11px;font-style:normal;line-height:1;display:inline-block}.title{border-left:1px solid #3a4842;align-items:baseline;gap:10px;padding-left:23px;display:flex}.title strong{letter-spacing:.02em;font-size:16px}.title span{color:#a0ada6;font-size:12px}.hint{color:#87958e;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.hint kbd{font:inherit;color:#d3ddd6;background:#18221f;border:1px solid #3f4e47;border-radius:3px;padding:3px 6px}.hint i{background:#dd9d26;border-radius:50%;width:3px;height:3px;margin:0 4px}.panel{z-index:5;scrollbar-color:#45534d transparent;background:linear-gradient(#121b18,#0c1210);border-right:1px solid #303d37;flex-direction:column;width:310px;padding:19px 15px 12px;transition:transform .2s;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow:hidden;transform:translate(-104%);box-shadow:13px 0 40px #0004}.panel.open{transform:translate(0)}.panel section{border-bottom:1px solid #2c3732;margin:0 0 18px;padding:0 0 17px}.section-title{color:#c5d0c9;text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:8px;margin:0 3px 11px;font-size:11px;font-weight:800;display:flex}.section-title small{color:#6d7e75;letter-spacing:.04em;font-size:10px;font-weight:600}.section-title button{color:#eeb12a;background:0 0;border:0;padding:0;font-size:11px}.section-title button:first-of-type{margin-left:auto}.section-title button+button:before{content:"/";color:#526159;margin-right:6px}.maps{grid-template-columns:1fr 1fr;gap:8px;display:grid}.maps button{color:#fff;text-align:left;background:#202b27;border:1px solid #33413b;border-radius:4px;min-height:76px;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.maps button:hover{border-color:#667a6e;transform:translateY(-1px)}.maps button.chosen{border-color:#efb32b;box-shadow:inset 0 0 0 1px #efb32b55}.maps img{object-fit:cover;opacity:.58;filter:saturate(.78)contrast(1.08);width:100%;height:76px;transition:opacity .15s;display:block}.maps button.chosen img,.maps button:hover img{opacity:.76}.maps span{color:#fff;text-shadow:0 2px 5px #000;font-size:12px;font-weight:800;position:absolute;bottom:7px;left:8px}.maps small{color:#dce4df;background:#101514d9;border:1px solid #47534d;border-radius:2px;padding:2px 5px;font-size:9px;position:absolute;top:6px;right:6px}.toggle,.marker-toggle{color:#c8d2cc;align-items:center;gap:9px;min-height:34px;font-size:13px;display:flex}.toggle input,.marker-toggle input{accent-color:#e8aa27;width:15px;height:15px;margin:0}.toggle>span{border:2px solid #7f9087;border-radius:50%;width:18px;height:18px;margin-left:-2px}.toggle input:checked+span{border-color:#eab029;box-shadow:inset 0 0 0 3px #121a17,inset 0 0 0 7px #eab029}.measure-help,.loading{color:#839188;margin:7px 0 0 24px;font-size:11px}.reset{color:#edb32a;background:0 0;border:0;margin:7px 0 0 24px;padding:0;font-size:11px}.marker-section{max-height:23dvh;overflow:auto}.marker-toggle{padding:1px 2px}.marker-toggle:hover{background:#18221e}.marker-toggle small{color:#75847c;margin-left:auto;font-size:10px}.marker-icon,.marker-icon svg{width:18px;height:23px;display:block}.support{background:linear-gradient(135deg,#15201c,#0d1411);border-radius:5px;align-items:center;gap:12px;min-height:164px;display:flex;border:1px solid #314039!important;margin-top:auto!important;padding:12px 8px!important}.support-copy{gap:5px;min-width:0;display:grid}.support-copy b{color:#eab029;font-size:12px}.support-copy span{color:#e5ece6;letter-spacing:.08em;font-size:12px;font-weight:800}.support-copy small{color:#84938a;font-size:10px;line-height:1.35}.support img{image-rendering:auto;background:#fff;border-radius:3px;flex:none;width:140px;height:140px;padding:5px}.panel footer{color:#718078;gap:5px;padding:0 4px 8px;font-size:10px;line-height:1.45;display:grid}.panel footer b{color:#a3b0a9;font-size:10px}.panel footer span{max-width:250px}.stage{touch-action:none;background:radial-gradient(circle at 68% 14%,#2a3b34 0,#121c18 32%,#080c0b 82%);place-items:center;height:calc(100dvh - 64px);display:grid;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0005,#0000 16% 84%,#0007),linear-gradient(#0000 80%,#0006);position:absolute;inset:0}.canvas{z-index:1;width:min(89vw,100dvh - 112px);height:min(89vw,100dvh - 112px);position:relative}.map{-webkit-user-select:none;user-select:none;background-size:100% 100%;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 75px #000b,0 0 0 1px #647268}.tiles,.markers,.grid,.measure-line{position:absolute;inset:0}.tiles img{display:block;position:absolute}.grid{pointer-events:none}.km-grid{background-image:linear-gradient(90deg,#ecf2db35 1px,#0000 1px),linear-gradient(#ecf2db35 1px,#0000 1px);background-size:12.5% 12.5%}.fine-grid{background-image:linear-gradient(90deg,#f1ecd417 1px,#0000 1px),linear-gradient(#f1ecd417 1px,#0000 1px);background-size:1.25% 1.25%}.grid-labels{color:#ffffe3e6;text-shadow:0 1px 3px #000,0 0 5px #000;pointer-events:none;font-size:clamp(11px,1.15vw,15px);font-weight:900;position:absolute;inset:0}.grid-labels span{position:absolute;transform:translate(-50%,-50%)}.grid-labels .col{top:2.2%}.grid-labels .row{left:2.2%}.pin{filter:drop-shadow(0 2px 2px #000c);width:clamp(15px,1.8vw,24px);height:clamp(20px,2.45vw,31px);position:absolute;transform:translate(-50%,-100%)}.pin svg{width:100%;height:100%}.measure-line{pointer-events:none;overflow:visible}.measure-line line{stroke:#ffcf3e;stroke-width:.34px;stroke-dasharray:1 .55}.measure-line circle{fill:#ffc437;stroke:#fff8d9;stroke-width:.25px}.distance{color:#151b17;white-space:nowrap;background:#ffce43;border:1px solid #fff0ab;border-radius:2px;padding:4px 7px;font-size:11px;font-weight:900;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0008}.hud,.zoom{z-index:2;gap:6px;display:flex;position:absolute;bottom:17px}.hud{left:18px}.hud span{color:#cfd8d1;letter-spacing:.02em;background:#0b100ee8;border:1px solid #3e4b44;border-radius:2px;padding:7px 9px;font-size:11px}.zoom{flex-direction:column;gap:4px;right:18px}.zoom button{color:#eff4ef;background:#101815ed;border:1px solid #48564e;border-radius:3px;width:36px;height:36px;font-size:20px;font-weight:700;line-height:1}.zoom button:hover{color:#151a17;background:#f0b62d;border-color:#f6c653}.zoom button:last-child{font-size:18px}@media (min-width:850px){.panel{transform:translate(0)}.stage{margin-left:310px}.canvas{width:min(77vw,100dvh - 112px);height:min(77vw,100dvh - 112px)}}@media (max-width:560px){.topbar{gap:12px;height:58px;padding:0 13px}.brand{font-size:15px}.title{gap:6px;padding-left:12px}.title strong{font-size:14px}.hint{display:none}.panel{width:min(316px,92vw);top:58px}.stage{height:calc(100dvh - 58px)}.canvas{width:92vw;height:92vw}.hud{bottom:10px;left:10px}.hud span{padding:5px 6px;font-size:10px}.zoom{bottom:10px;right:10px}.zoom button{width:32px;height:32px}}.km-grid{background-image:linear-gradient(90deg,#ecf2db26 .6px,#0000 .6px),linear-gradient(#ecf2db26 .6px,#0000 .6px)}.fine-grid{background-image:linear-gradient(90deg,#f1ecd416 .45px,#0000 .45px),linear-gradient(#f1ecd416 .45px,#0000 .45px)}.pin{width:calc(21px * var(--pin-factor));height:calc(28px * var(--pin-factor))}.measure-line line{stroke-width:var(--measure-stroke,.16);stroke-dasharray:.55 .4}.measure-line circle{stroke-width:var(--measure-stroke,.16)}.distance{transform:translate(-50%,-120%) scale(var(--measure-factor));transform-origin:bottom;color:#ffd14a;white-space:nowrap;background:#0d1210e8;border:1px solid #ba8c22;border-radius:2px;gap:1px;min-width:82px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.15;display:grid;box-shadow:0 2px 10px #0009}.distance b{color:#93a299;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.marker-anchor{pointer-events:none;width:0;height:0;position:absolute}.marker-anchor .pin{width:calc(21px * var(--pin-factor));height:calc(28px * var(--pin-factor));filter:drop-shadow(0 2px 2px #000c);position:absolute;bottom:0;left:0;transform:translate(-50%)}