:root{font:13px Arial,Helvetica,sans-serif;color:#f3f6ff;background:#0b1324;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}#harbor-map{width:100vw;height:100dvh;display:block;touch-action:none}.harbor-dock,#harbor-panel,#harbor-status{background:#0f1d37cc;backdrop-filter:blur(18px) saturate(150%);border:1px solid #536078;border-radius:12px}.harbor-dock{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;max-width:calc(100vw - 20px);overflow-x:auto;white-space:nowrap;padding:4px;gap:3px}button,a,select,summary{font:inherit;color:inherit}button,.harbor-dock a,select{min-height:44px;border:1px solid #536078;border-radius:6px;background:#f6f7fa0f;padding:8px 12px;cursor:pointer}.harbor-dock a{display:grid;place-items:center;text-decoration:none}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled),a:hover{background:#465060}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #fff}#harbor-status{position:fixed;top:12px;left:12px;padding:8px 12px;max-width:calc(100vw - 24px);pointer-events:none;line-height:1.6}#harbor-panel{position:fixed;right:12px;top:72px;bottom:84px;width:340px;max-width:calc(100vw - 24px);overflow:auto;padding:16px;line-height:1.6}#harbor-panel[hidden]{display:none}#harbor-panel label{display:block;margin:12px 0}#harbor-panel select{display:block;width:100%;margin-top:6px}.order-actions{display:flex;flex-wrap:wrap;gap:6px}#close{float:right}#message{min-height:1.6em;color:#fff}#harbor-panel a{color:#c7d5ef}details{margin-top:12px}summary{cursor:pointer;min-height:44px}#enlarge{width:18px;height:18px;vertical-align:middle}@media (max-width:600px){#harbor-panel{right:8px;top:72px;bottom:82px;width:calc(100vw - 16px)}.harbor-dock{left:10px;transform:none;max-width:calc(100vw - 20px)}#harbor-status{font-size:11px}}@media (prefers-reduced-transparency:reduce){.harbor-dock,#harbor-panel,#harbor-status{background:#0f1d37;backdrop-filter:none}}:root[data-theme=light]{color:#172332;color-scheme:light}:root[data-theme=light] .harbor-dock,:root[data-theme=light] #harbor-panel,:root[data-theme=light] #harbor-status{background:#f6f7fae6;border-color:#a2acb8}:root[data-theme=light] #message{color:#172332}:root[data-theme=light] #harbor-panel a{color:#17395c}:root[data-theme=light] button:hover:not(:disabled),:root[data-theme=light] a:hover{background:#d5dce3}:root[data-theme=light] button:focus-visible,:root[data-theme=light] a:focus-visible,:root[data-theme=light] select:focus-visible{outline-color:#172332}