.hidden{display:none!important}.overlap-tooltip{z-index:5000;pointer-events:none;color:#fff;vertical-align:top;filter:drop-shadow(0 0 10px #00000080);background:#000000e6;border:2px solid #222;border-radius:5px;max-width:350px;margin-left:.5em;padding:10px;font-size:12px;line-height:1.2em;display:inline-block;position:absolute}.overlap-tooltip .title{text-shadow:0 0 .2em #022;font-size:125%;font-weight:700}.overlap-tooltip .s90{font-size:90%}.overlap-tooltip .s80{font-size:80%}.overlap-tooltip .yomi{font-size:90%}.overlap-tooltip .em{text-shadow:0 0 .2em #022;font-size:110%}.overlap-tooltip .yellow{color:#ff8;font-size:110%}.overlap-tooltip .green{color:#0ff}.popup-content{pointer-events:auto;display:inline-block;position:absolute}.popup-frame{pointer-events:none;color:#fff;filter:drop-shadow(0 0 10px #00000080);position:absolute}.popup-frame>svg{pointer-events:auto;width:100%;height:100%}.popup-frame>svg *{fill:#000000e6}.popup-frame .title{text-shadow:0 0 .2em #022;font-size:125%;font-weight:700}.popup-frame .s90{font-size:90%}.popup-frame .s80{font-size:80%}.popup-frame .yomi{font-size:90%}.popup-frame .em{text-shadow:0 0 .2em #022;font-size:110%}.popup-frame .yellow{color:#ff8;font-size:110%}.popup-frame .green{color:#0ff}:root{--font-size:13px;--font-family:Verdana, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--space-color:#000;--earth-filter:drop-shadow(0 0 20px #c8c8c880) drop-shadow(0 0 5px #006);--bg-color:#000c;--fg-color:#fffc;--border-width:2px;--border-color:#444;--border-hover:white;--radius:5px;--button-size:35px;--modal-color:#0003;--gadget-filter:drop-shadow(0 0 5px #ffffff80);--bg-backpanel:#222;--fg-backpanel:white;--backpanel-filter:-2px 0px 2px inset #ffffff1a}.overlap-tooltip{font-size:var(--font-size);background:var(--bg-color);color:var(--fg-color);border-color:var(--border-color);border-radius:var(--radius)}.orthoEarthBase *{box-sizing:border-box;user-select:none}.orthoEarthBase{-webkit-text-size-adjust:100%}.orthoEarthBase h1,.orthoEarthBase h2,.orthoEarthBase h3{text-align:center;margin:.25em;padding:0;font-weight:700}.orthoEarthBase h1{font-size:200%}.orthoEarthBase h2{font-size:150%}.orthoEarthBase h3{font-size:125%}.orthoEarthBase p{margin:.25em;padding:0}.orthoEarthBase small{font-size:85%}.orthoEarthBase a{cursor:pointer;pointer-events:auto;text-decoration:none}.orthoEarthBase [name=orthoEarth]{font-size:var(--font-size);font-family:var(--font-family);margin:0;padding:0;position:absolute;inset:0}.orthoEarthBase [name=modalFrame]{pointer-events:auto;background:var(--modal-color);cursor:pointer;position:absolute;inset:0}.orthoEarthBase [name=leftFrame],.orthoEarthBase [name=rightFrame]{background:var(--bg-backpanel);width:0;color:var(--fg-backpanel);box-shadow:var(--backpanel-filter);position:absolute;inset:0}.orthoEarthBase [name=leftFrame]>div.content,.orthoEarthBase [name=rightFrame]>div.content{touch-action:auto;scrollbar-gutter:stable;position:absolute;overflow:auto}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar{width:15px}.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar{width:15px}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar-track{background:0 0}.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar-track{background:0 0}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar-thumb{background-color:#fff3;background-clip:content-box;border:3px solid #0000;border-radius:7.5px}.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar-thumb{background-color:#fff3;background-clip:content-box;border:3px solid #0000;border-radius:7.5px}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar-thumb:hover{background-color:#ffffffb3}.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar-thumb:hover{background-color:#ffffffb3}.orthoEarthBase [name=leftFrame]{right:auto}.orthoEarthBase [name=leftFrame]>div.content{direction:ltr;inset:15px 0 15px 15px}.orthoEarthBase [name=leftFrame]>div.content>*{direction:ltr}.orthoEarthBase [name=rightFrame]{left:auto}.orthoEarthBase [name=rightFrame]>div.content{direction:rtl;inset:15px 15px 15px 0}.orthoEarthBase [name=rightFrame]>div.content>*{direction:ltr}.orthoEarthBase [name=mapFrame]{background:var(--space-color);position:absolute;inset:0}.orthoEarthBase [name=mapFrame] canvas{pointer-events:none;position:absolute;inset:0}.orthoEarthBase [name=mapFrame] canvas[name=OrthoBase]{filter:var(--earth-filter);clip-path:inset(0)}.orthoEarthBase [name=mapFrame] canvas[name=OrthoTile]{filter:none}.orthoEarthBase [name=mapFrame] canvas[name=OrthoBorder],.orthoEarthBase [name=mapFrame] canvas[name=Accessories]{filter:drop-shadow(0 0 5px #000)}.orthoEarthBase [name=mapFrame]>button.close{cursor:pointer;background:0 0;border:none;border-radius:20px;width:40px;height:40px;padding:0;transition:background .3s;position:absolute;top:24px;right:24px}.orthoEarthBase [name=mapFrame]>button.close svg{fill:none;width:100%;height:100%;stroke:var(--fg-color)}.orthoEarthBase [name=mapFrame]>button.close.wake{background:#c44000b3}.orthoEarthBase [name=mapFrame]>button.close:hover{background:#c44000cc}.orthoEarthBase [name=overlays]{pointer-events:none;position:absolute;inset:0}.orthoEarthBase [name=overlays] canvas[name=PopLines]{pointer-events:none;filter:drop-shadow(0 0 5px #fff);position:absolute;inset:0}.orthoEarthBase [name=leftTop]{position:absolute;inset:5px auto auto 5px}.orthoEarthBase [name=rightTop]{position:absolute;inset:5px 5px auto auto}.orthoEarthBase [name=leftBottom]{position:absolute;inset:auto auto 25px 5px}.orthoEarthBase [name=rightBottom]{position:absolute;inset:auto 5px 25px auto}.orthoEarthBase svg[name=cpos]{width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute}.orthoEarthBase [name=loading],.orthoEarthBase [name=explain],.orthoEarthBase [name=legend],.orthoEarthBase [name=tip],.orthoEarthBase [name=pop],.orthoEarthBase [name=contextmenu]{pointer-events:none;background:var(--bg-color);color:var(--fg-color);filter:var(--gadget-filter);border-style:solid;border-width:var(--border-width);border-color:var(--border-color);border-radius:var(--radius);position:absolute;inset:0}.orthoEarthBase [name=loading]:hover,.orthoEarthBase [name=explain]:hover,.orthoEarthBase [name=legend]:hover,.orthoEarthBase [name=tip]:hover,.orthoEarthBase [name=pop]:hover,.orthoEarthBase [name=contextmenu]:hover{border-color:var(--border-hover)}.orthoEarthBase [name=loading],.orthoEarthBase [name=explain],.orthoEarthBase [name=legend],.orthoEarthBase [name=tip],.orthoEarthBase [name=pop],.orthoEarthBase [name=contextmenu]{font-size:var(--font-size);font-family:var(--font-family);padding:.5em 1em;line-height:1.4em}.orthoEarthBase [name=loading].active,.orthoEarthBase [name=explain].active,.orthoEarthBase [name=legend].active,.orthoEarthBase [name=tip].active,.orthoEarthBase [name=pop].active,.orthoEarthBase [name=contextmenu].active{pointer-events:auto;cursor:pointer}.orthoEarthBase [name=loading]>button,.orthoEarthBase [name=explain]>button,.orthoEarthBase [name=legend]>button,.orthoEarthBase [name=tip]>button,.orthoEarthBase [name=pop]>button,.orthoEarthBase [name=contextmenu]>button{background:var(--bg-color);border:1px solid;border-color:var(--border-color);width:20px;height:20px;margin:0;padding:0;display:none;position:absolute}.orthoEarthBase [name=loading]>button svg,.orthoEarthBase [name=explain]>button svg,.orthoEarthBase [name=legend]>button svg,.orthoEarthBase [name=tip]>button svg,.orthoEarthBase [name=pop]>button svg,.orthoEarthBase [name=contextmenu]>button svg{width:100%;height:100%;fill:var(--fg-color);stroke:var(--fg-color)}.orthoEarthBase [name=loading]:hover>button,.orthoEarthBase [name=explain]:hover>button,.orthoEarthBase [name=legend]:hover>button,.orthoEarthBase [name=tip]:hover>button,.orthoEarthBase [name=pop]:hover>button,.orthoEarthBase [name=contextmenu]:hover>button{border-color:var(--border-hover);display:block}.orthoEarthBase [name=loading] button.close,.orthoEarthBase [name=explain] button.close,.orthoEarthBase [name=legend] button.close,.orthoEarthBase [name=tip] button.close,.orthoEarthBase [name=pop] button.close,.orthoEarthBase [name=contextmenu] button.close{inset:3px 3px auto auto}.orthoEarthBase [name=loading] button.pin,.orthoEarthBase [name=explain] button.pin,.orthoEarthBase [name=legend] button.pin,.orthoEarthBase [name=tip] button.pin,.orthoEarthBase [name=pop] button.pin,.orthoEarthBase [name=contextmenu] button.pin{inset:3px auto auto 3px}.orthoEarthBase [name=loading] button.pin .open,.orthoEarthBase [name=explain] button.pin .open,.orthoEarthBase [name=legend] button.pin .open,.orthoEarthBase [name=tip] button.pin .open,.orthoEarthBase [name=pop] button.pin .open,.orthoEarthBase [name=contextmenu] button.pin .open{display:block}.orthoEarthBase [name=loading] button.pin.on .open,.orthoEarthBase [name=explain] button.pin.on .open,.orthoEarthBase [name=legend] button.pin.on .open,.orthoEarthBase [name=tip] button.pin.on .open,.orthoEarthBase [name=pop] button.pin.on .open,.orthoEarthBase [name=contextmenu] button.pin.on .open,.orthoEarthBase [name=loading] button.pin .close,.orthoEarthBase [name=explain] button.pin .close,.orthoEarthBase [name=legend] button.pin .close,.orthoEarthBase [name=tip] button.pin .close,.orthoEarthBase [name=pop] button.pin .close,.orthoEarthBase [name=contextmenu] button.pin .close{display:none}.orthoEarthBase [name=loading] button.pin.on .close,.orthoEarthBase [name=explain] button.pin.on .close,.orthoEarthBase [name=legend] button.pin.on .close,.orthoEarthBase [name=tip] button.pin.on .close,.orthoEarthBase [name=pop] button.pin.on .close,.orthoEarthBase [name=contextmenu] button.pin.on .close{display:block}.orthoEarthBase [name=loading]{white-space:nowrap;width:0;margin:5px auto;inset:auto 0 0}.orthoEarthBase [name=explain]{max-width:400px;margin:5px auto;inset:0 0 auto}.orthoEarthBase [name=legend]{max-width:400px;margin:5px;inset:auto auto 0 5px}.orthoEarthBase [name=tip]{z-index:9999;min-width:100px;max-width:400px;max-height:400px;display:block;inset:auto;overflow:hidden}.orthoEarthBase [name=pop]{pointer-events:auto;cursor:pointer;min-width:100px;max-width:400px;max-height:400px;display:block;inset:auto;overflow:scroll}.orthoEarthBase [name=contextmenu]{white-space:nowrap;pointer-events:auto;padding:3px;display:block;inset:auto}.orthoEarthBase [name=contextmenu]>p{border-style:solid;border-width:var(--border-width);border-color:var(--border-color);border-radius:var(--radius);cursor:pointer;margin:0;padding:0}.orthoEarthBase [name=contextmenu]>p:hover{border-color:var(--border-hover)}.orthoEarthBase [name=contextmenu]>p>svg{vertical-align:middle;width:30px;height:30px;fill:var(--fg-color);stroke:var(--fg-color);margin:0;display:inline-block}.orthoEarthBase [name=contextmenu]>p>span{padding:0 1em;display:inline-block}.orthoEarthBase button.gadget{width:var(--button-size);height:var(--button-size);background:var(--bg-color);color:var(--fg-color);border-style:solid;border-width:var(--border-width);border-color:var(--border-color);border-radius:var(--radius);font-size:var(--font-size);font-family:var(--font-family);cursor:pointer;pointer-events:auto;outline:none;margin:5px;padding:0;display:block}.orthoEarthBase button.gadget svg *{width:100%;height:100%;fill:var(--fg-color);stroke:var(--fg-color);stroke-width:1px}.orthoEarthBase button.gadget:hover{border-color:var(--border-hover)}.orthoEarthBase button.gadget.big{width:calc(var(--button-size) * 1.25);height:calc(var(--button-size) * 1.25)}.orthoEarthBase button.gadget.text{white-space:nowrap;user-select:none;width:auto;padding:0 1em;line-height:31px}.orthoEarthBase button.gadget.upper{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:-1px!important}.orthoEarthBase button.gadget.lower{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px!important}.orthoEarthBase button.gadget.left{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px!important}.orthoEarthBase button.gadget.right{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px!important}.orthoEarthBase button.gadget.flip{background:var(--fg-color);color:var(--bg-color)}.orthoEarthBase button.gadget.flip svg *{fill:var(--bg-color);stroke:var(--bg-color)}.orthoEarthBase [name=Layers]{border:1px solid;border-color:var(--border-color);border-radius:var(--radius);width:160px;position:absolute;inset:10px auto auto 55px}.orthoEarthBase [name=Layers]>button.gadget{border:1px solid;border-color:var(--border-color);border-radius:0;width:100%;margin:0;padding:0 1em;display:block}.orthoEarthBase [name=Layers]>button.gadget:hover{border-color:var(--border-hover)}.orthoEarthBase [name=Layers]>button.gadget{white-space:nowrap;text-align:left;overflow:auto}.orthoEarthBase [name=Layers]>button.gadget:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.orthoEarthBase [name=Layers]>button.gadget:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.orthoEarthBase div.range{width:250px;line-height:1.6em}.orthoEarthBase div.range span{text-align:center;width:20px;font-size:14px;font-weight:700;display:inline-block}.orthoEarthBase div.range input[type=range]{pointer-events:auto;appearance:none;background-color:#eee;border-radius:3px;outline:none;width:200px;height:6px;display:inline-block;box-shadow:inset 1px 1px 2px #444}.orthoEarthBase div.range input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background-color:#444;border:2px solid #222;border-radius:50%;width:22px;height:22px;display:block;position:relative}.orthoEarthBase div.range input[type=range]:active::-webkit-slider-thumb{transition:all .4s;box-shadow:0 0 0 4px #fff9}.orthoEarthBase.is-touch{--button-size:44px}.orthoEarthBase.is-touch [name=explain]>button,.orthoEarthBase.is-touch [name=legend]>button,.orthoEarthBase.is-touch [name=pop]>button{display:block}.orthoEarthBase.is-touch [name=leftFrame]>div.content::-webkit-scrollbar{width:4px}.orthoEarthBase.is-touch [name=rightFrame]>div.content::-webkit-scrollbar{width:4px}.orthoEarthBase.is-touch [name=leftFrame]>div.content::-webkit-scrollbar-thumb{border:none;border-radius:2px}.orthoEarthBase.is-touch [name=rightFrame]>div.content::-webkit-scrollbar-thumb{border:none;border-radius:2px}