body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;position:relative}svg{touch-action:none;display:block;position:absolute;top:0;left:0}.frame{fill:none;stroke:#000}.axis text{font:10px sans-serif}.axis circle,.axis line{fill:none;stroke:#777;stroke-dasharray:1,4}.axis :last-of-type circle{stroke:#333;stroke-dasharray:none}.line{fill:none;stroke:red;stroke-width:1.5px}.bg{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.95)),url(img/2-min.jpg) no-repeat;-moz-background-image:none;background-size:cover;background-attachment:fixed;background-position:50%;background-color:#3d3d3d;min-height:100%;min-width:100%}@media (max-width:700px){.bg{background-attachment:fixed}}.hours{fill:#777}.sea{stroke:#4745c5;stroke:#242363}.zodiacName{fill:#aaa}.moon{filter:sepia(70%) saturate(100%) brightness(100%) hue-rotate(0deg)}.tooltip{position:absolute;text-align:left;width:120px;height:80px;padding:10px;font:11px sans-serif;background:#333;border:0;border-radius:8px;color:#eee;box-shadow:0 0 15px #000;opacity:.8;mix-blend-mode:luminosity}.timeDisplay{position:fixed;top:6px;right:10px;z-index:10;font:14px monospace;color:#aaa;opacity:.75;pointer-events:none}.layerMenu{display:none}@media (max-width:700px),(pointer:coarse){.layerMenu{display:block;position:fixed;top:30px;right:10px;z-index:10;font:13px sans-serif;color:#eee}.layerMenuButton{display:block;margin-left:auto;width:32px;height:32px;font-size:16px;color:#eee;background:rgba(0,0,0,.5)}.layerMenuButton,.layerMenuPanel{border:1px solid #555;border-radius:8px}.layerMenuPanel{margin-top:4px;padding:3px 0;background:rgba(0,0,0,.8)}.layerMenuDivider{margin:3px 0;border-top:1px solid #555}.layerMenuAction{cursor:pointer}.layerMenuItem{display:flex;align-items:center;gap:8px;padding:4px 10px}.layerMenuItem input{width:14px;height:14px;margin:0}}.shortcutsOverlay{position:fixed;left:12px;bottom:12px;z-index:10;padding:10px 14px;font:13px monospace;color:#ddd;background:rgba(0,0,0,.75);border:1px solid #444;border-radius:8px}.shortcutsOverlay .shortcutsLayer{cursor:pointer;user-select:none}.shortcutsOverlay .shortcutsLayer:hover{color:#fff}.shortcutsOverlay .shortcutsRow{display:flex;gap:8px;line-height:1.6}.shortcutsOverlay .shortcutsMark{width:10px;color:gold}.shortcutsOverlay .shortcutsKey{min-width:24px;color:#fff}.shortcutsOverlay .shortcutsKey.wide{min-width:100px}.shortcutsOverlay .shortcutsDivider{margin:6px 0;border-top:1px solid #444}