:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{line-height:1.5;font-weight:400;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-feature-settings:"liga" 1,"calt" 1;interpolate-size:allow-keywords}@supports (font-variation-settings: normal){:root{font-family:InterVariable,system-ui,Avenir,Helvetica,Arial,sans-serif}}button{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}@supports (font-variation-settings: normal){button{font-family:InterVariable,system-ui,Avenir,Helvetica,Arial,sans-serif}}body{margin:0;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}#root{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);justify-content:stretch;align-items:stretch;width:100%;height:100%}canvas{grid-column:1;grid-row:1;width:100%;height:100%;-webkit-user-select:none;user-select:none}canvas~*{z-index:1}h1{grid-column:1;grid-row:1;justify-self:end;text-align:right;text-transform:uppercase;font-weight:350;font-variation-settings:"opsz" 10;line-height:1;font-size:5vmin;margin:3.5vmin;pointer-events:none;-webkit-user-select:none;user-select:none}h1>span{color:#ff4d55}.mapSelector{grid-column:1;grid-row:1;margin:3.5vmin;justify-self:end;align-self:self-end;background:#eee;--border-color: #bbb;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;--transition-time: .25s linear( 0, .324 9.1%, .584 18.6%, .782 28.6%, .858 33.8%, .92 39.2%, .997 49.5%, 1.021 55.1%, 1.033 61%, 1.035 71.7%, 1 );transition:var(--transition-time)}.mapSelector.closed{--transition-time: .25s linear( 0, .283 9.3%, .529 20%, .75 32.8%, .911 45.7%, .963 51.7%, 1 57.7%, .979 63.8%, .973 70.3%, .996 90.4%, 1 )}.mapSelector h2{font-variation-settings:"opsz" 32;font-size:15px;line-height:1;color:#111;margin:0;font-weight:300;height:30px;display:flex;align-items:center;cursor:pointer;padding:0 10px;transition:var(--transition-time)}.mapSelector.open h2:hover{background-color:#fff7}.mapSelector .mapSelectorListContainer h2{color:transparent;pointer-events:none;overflow:hidden;transform:.3s;height:0}.mapSelector .mapSelectorListContainer h2{flex:0 1 auto;width:0;padding:0}.mapSelector.closed:not(:has(.selected)) .mapSelectorListContainer h2{width:auto;padding:0 10px}.mapSelectorListContainer{display:flex}.mapSelectorList{grid-column:1 / 3;margin-left:-1px;display:flex;flex-direction:column;background:#eee;height:240px;overflow-y:scroll;scrollbar-color:var(--border-color) transparent;overscroll-behavior-y:contain;transition:var(--transition-time)}.mapSelector.closed .mapSelectorList:not(:has(.selected)){height:0;width:0;opacity:0}.mapSelector.closed .mapSelectorList:has(.selected){height:30px;width:auto}.mapSelectorList button{background:transparent;border:none;border-left:1px solid var(--border-color);appearance:none;text-align:start;height:30px;flex:1 0 auto;font-variation-settings:"opsz" 32;position:relative;padding:0 10px;display:flex;align-items:center;gap:10px;margin-right:2px;width:200px;font-size:13px;line-height:1;color:#111}@media (scrollbar-gutter: overlay){.mapSelectorList button{margin-right:0}}.mapSelectorList button:hover{background:#11111120}.mapSelectorList button:before{content:"";display:inline-block;width:30px;height:15px;border:1px solid var(--border-color);flex:0 0 auto}.mapSelectorList button.areaType:before{border-color:#ff4d55;background:linear-gradient(135deg,#fff,#fff 40%,#cdc9c8 40.01%,#cdc9c8)}.mapSelectorList button.pointType:before{background:radial-gradient(#111 3px,transparent 3.5px),linear-gradient(135deg,#fff,#fff 40%,#cdc9c8 40.01%,#cdc9c8);background-size:10px 10px,auto auto;background-repeat:no-repeat;background-position:center}.mapSelectorList button.selected{background:#fff;border-left-color:#ff4d55;box-shadow:0 0 2px #11111108;position:sticky;top:0;bottom:0;z-index:1}.mapSelectorList button.selected:after{content:"✗⃝";position:absolute;display:inline-block;width:28px;display:flex;justify-content:center;align-items:center;right:1px;top:1px;bottom:1px;color:#555;background:linear-gradient(90deg,transparent,white,white)}