:root{--wind-primary: #e9ebed;--water-primary: #0496ff;--sails-primary: #dfdfcd;--rudder-primary: #96705b;--ship-primary: #f3b700}.wind{background-color:var(--wind-primary)}.water{background-color:var(--water-primary)}.sails{background-color:var(--sails-primary)}.rudder{background-color:var(--rudder-primary)}.ship{background-color:var(--ship-primary)}.no-select{user-select:none}*{box-sizing:border-box}body{margin:0}:root{--direction:0rad;--magnitude:1;--needle:2px;--size:25px}div.svelte-hh1u6z{transform:rotate(var(--direction));width:var(--size);height:var(--size);display:inline-block;border-width:1px;border-radius:50%;border-style:solid;border-color:#000}hr.svelte-hh1u6z{width:calc(50% * var(--magnitude));margin-left:50%;margin-top:calc(50% - var(--needle));border-width:var(--needle);border-style:dotted}td.svelte-1a1k43v.svelte-1a1k43v{text-align:center}td.svelte-1a1k43v label.svelte-1a1k43v{display:flex;flex-wrap:wrap;justify-content:space-around}td.svelte-1a1k43v label span.svelte-1a1k43v:first-child{min-width:18ch}table.svelte-1gpm1qw{border-collapse:collapse}th,td{border:1px solid black;padding:minmax(1vw,1vh)}main.svelte-1gpm1qw{display:grid;place-content:center;width:100vw;height:100vh}