:root{--bg: #12151c;--sea: #0c0f15;--water: #101827;--neighbour: #151922;--land: #1c2230;--edge: #39435a;--panel: #151922;--line: #262d3b;--text: #e8ecf3;--dim: #8b94a6;--start: #22d3ee;--finish: #c77dff;--on: #3ddc84;--near: #ffa726;--off: #ef4d5a;color-scheme:dark}html,body{height:100%;margin:0}body{color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior:none;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}