@charset "UTF-8";.hidden{display:none!important}canvas.loader{position:absolute;inset:0;margin:auto}div.loader{position:absolute;inset:0;margin:auto;line-height:100px;width:400px;height:100px;color:#fff;text-align:center;vertical-align:middle;font-size:40px;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.5)}.overlap-tooltip{border:2px solid #222;z-index:5000;position:absolute;pointer-events:none;max-width:350px;display:inline-block;background:#000000e6;color:#fff;border-radius:5px;font-size:12px;vertical-align:top;margin-left:.5em;padding:10px;line-height:1.2em;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.overlap-tooltip .title{font-size:125%;font-weight:700;text-shadow:0 0 .2em #022}.overlap-tooltip .s90{font-size:90%}.overlap-tooltip .s80{font-size:80%}.overlap-tooltip .yomi{font-size:90%}.overlap-tooltip .em{font-size:110%;text-shadow:0 0 .2em #022}.overlap-tooltip .yellow{font-size:110%;color:#ff8}.overlap-tooltip .green{color:#0ff}.popup-content{position:absolute;display:inline-block;pointer-events:auto}.popup-frame{position:absolute;pointer-events:none;color:#fff;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.popup-frame>svg{width:100%;height:100%;pointer-events:auto}.popup-frame>svg *{fill:#000000e6}.popup-frame .title{font-size:125%;font-weight:700;text-shadow:0 0 .2em #022}.popup-frame .s90{font-size:90%}.popup-frame .s80{font-size:80%}.popup-frame .yomi{font-size:90%}.popup-frame .em{font-size:110%;text-shadow:0 0 .2em #022}.popup-frame .yellow{font-size:110%;color:#ff8}.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 rgba(200,200,200,.5)) drop-shadow(0 0 5px #006);--bg-color: rgba(0,0,0,.8);--fg-color: rgba(255,255,255,.8);--border-width: 2px;--border-color: #444;--border-hover: white;--radius: 5px;--button-size: 35px;--modal-color: rgba(0,0,0,.2);--gadget-filter: drop-shadow(0 0 5px rgba(255,255,255,.5));--bg-backpanel: #222;--fg-backpanel: white;--backpanel-filter: -2px 0px 2px inset rgba(255,255,255,.1)}html,body{position:absolute;inset:0;background:#000;margin:0;padding:0;overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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;-webkit-user-select:none;user-select:none}.orthoEarthBase{-webkit-text-size-adjust:100%}.orthoEarthBase h1,.orthoEarthBase h2,.orthoEarthBase h3{margin:.25em;padding:0;font-weight:700;text-align:center}.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{text-decoration:none;cursor:pointer;pointer-events:auto}.orthoEarthBase [name=orthoEarth]{position:absolute;inset:0;padding:0;margin:0;font-size:var(--font-size);font-family:var(--font-family)}.orthoEarthBase [name=modalFrame]{position:absolute;inset:0;pointer-events:auto;background:var(--modal-color);cursor:pointer}.orthoEarthBase [name=leftFrame],.orthoEarthBase [name=rightFrame]{position:absolute;width:0;inset:0;background:var(--bg-backpanel);color:var(--fg-backpanel);box-shadow:var(--backpanel-filter)}.orthoEarthBase [name=leftFrame]>div.content,.orthoEarthBase [name=rightFrame]>div.content{position:absolute;overflow:auto;touch-action:auto;scrollbar-gutter:stable}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar,.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar{width:15px}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar-track,.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar-track{background:transparent}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar-thumb,.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:7.5px;border:3px solid transparent;background-clip:content-box}.orthoEarthBase [name=leftFrame]>div.content::-webkit-scrollbar-thumb:hover,.orthoEarthBase [name=rightFrame]>div.content::-webkit-scrollbar-thumb:hover{background-color:#ffffffb3}.orthoEarthBase [name=leftFrame]{right:auto}.orthoEarthBase [name=leftFrame]>div.content{inset:15px 0 15px 15px;direction:ltr}.orthoEarthBase [name=leftFrame]>div.content>*{direction:ltr}.orthoEarthBase [name=rightFrame]{left:auto}.orthoEarthBase [name=rightFrame]>div.content{inset:15px 15px 15px 0;direction:rtl}.orthoEarthBase [name=rightFrame]>div.content>*{direction:ltr}.orthoEarthBase [name=mapFrame]{position:absolute;inset:0;background:var(--space-color)}.orthoEarthBase [name=mapFrame] canvas{position:absolute;inset:0;pointer-events:none}.orthoEarthBase [name=mapFrame] canvas[name=OrthoBase]{filter:var(--earth-filter);clip-path:inset(0px)}.orthoEarthBase [name=mapFrame] canvas[name=OrthoTile]{filter:none}.orthoEarthBase [name=mapFrame] canvas[name=OrthoBorder]{filter:drop-shadow(0 0 5px rgb(0,0,0))}.orthoEarthBase [name=mapFrame] canvas[name=Accessories]{filter:drop-shadow(0 0 5px rgb(0,0,0))}.orthoEarthBase [name=mapFrame] canvas[name=PopLines]{filter:drop-shadow(0 0 5px rgb(255,255,255))}.orthoEarthBase [name=overlays]{position:absolute;pointer-events:none;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]{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px}.orthoEarthBase [name=loading],.orthoEarthBase [name=explain],.orthoEarthBase [name=legend],.orthoEarthBase [name=tip],.orthoEarthBase [name=pop],.orthoEarthBase [name=contextmenu]{position:absolute;inset:0;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)}.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);line-height:1.4em;padding:.5em 1em}.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{position:absolute;width:20px;height:20px;margin:0;padding:0;display:none;border:1px solid;background:var(--bg-color);border-color:var(--border-color)}.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{display:block;border-color:var(--border-hover)}.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]{inset:auto 0 0;margin:5px auto;width:0;white-space:nowrap}.orthoEarthBase [name=explain]{inset:0 0 auto;margin:5px auto;max-width:400px}.orthoEarthBase [name=legend]{inset:auto auto 0 5px;margin:5px;max-width:400px}.orthoEarthBase [name=tip]{inset:auto;max-width:400px;min-width:100px;display:block;max-height:500px;z-index:9999}.orthoEarthBase [name=pop]{inset:auto;max-width:400px;min-width:100px;display:block;max-height:500px;pointer-events:auto;cursor:pointer}.orthoEarthBase [name=contextmenu]{inset:auto;white-space:nowrap;pointer-events:auto;display:block;padding:3px}.orthoEarthBase [name=contextmenu]>p{border-style:solid;border-width:var(--border-width);border-color:var(--border-color);border-radius:var(--radius);padding:0;margin:0;cursor:pointer}.orthoEarthBase [name=contextmenu]>p:hover{border-color:var(--border-hover)}.orthoEarthBase [name=contextmenu]>p>svg{display:inline-block;width:30px;height:30px;margin:0;vertical-align:middle;fill:var(--fg-color);stroke:var(--fg-color)}.orthoEarthBase [name=contextmenu]>p>span{display:inline-block;padding:0 1em}.orthoEarthBase button.gadget{display:block;padding:0;margin:5px;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);outline:none;cursor:pointer;pointer-events:auto}.orthoEarthBase button.gadget svg{width:100%;height:100%;fill:var(--fg-color);stroke:var(--fg-color)}.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{line-height:31px;padding:0 1em;width:auto;white-space:nowrap;user-select:none}.orthoEarthBase button.gadget.upper{border-bottom-left-radius:0;border-bottom-right-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]{position:absolute;inset:10px auto auto 55px;width:160px;border:1px solid;border-color:var(--border-color);border-radius:var(--radius)}.orthoEarthBase [name=Layers]>button.gadget{display:block;width:100%;border-radius:0;padding:0 1em;margin:0;border:1px solid;border-color:var(--border-color)}.orthoEarthBase [name=Layers]>button.gadget:hover{border-color:var(--border-hover)}.orthoEarthBase [name=Layers]>button.gadget{white-space:nowrap;overflow:auto;text-align:left}.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{line-height:1.6em;width:250px}.orthoEarthBase div.range span{display:inline-block;font-size:14px;width:20px;font-weight:700;text-align:center}.orthoEarthBase div.range input[type=range]{display:inline-block;pointer-events:auto;-webkit-appearance:none;appearance:none;background-color:#eee;box-shadow:1px 1px 2px #444 inset;height:6px;width:200px;border-radius:3px;outline:none}.orthoEarthBase div.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;position:relative;border:2px solid #222;width:22px;height:22px;display:block;background-color:#444;border-radius:50%;cursor:pointer}.orthoEarthBase div.range input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 4px #fff9;transition:.4s}
