html,body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b1a26;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}[hidden]{display:none!important}#start{z-index:10;text-align:center;background:radial-gradient(circle at 50% 30%,#23506b,#0b1a26 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}#start h1{color:#ffd27a;text-shadow:0 2px 8px #000;margin:0;font-size:34px}#start p{opacity:.8;margin:0 0 10px}#start input{color:#fff;text-align:center;background:#0b1a26;border:2px solid #ffd27a;border-radius:12px;width:min(320px,90vw);padding:12px 16px;font-size:20px}#start button,#sails button{color:#2a1600;background:linear-gradient(#ffe08a,#e0a838);border:0;border-radius:14px;padding:14px 36px;font-size:22px;font-weight:700;box-shadow:0 4px #8a5a10}#start button:active,#sails button:active{transform:translateY(3px);box-shadow:0 1px #8a5a10}#status{opacity:.85;min-height:1.4em}#hud{pointer-events:none;position:fixed;inset:0}#info{left:12px;top:calc(12px + env(safe-area-inset-top));background:#00000073;border-radius:10px;padding:8px 12px;font-size:15px;line-height:1.4;position:absolute}#wheel{left:calc(24px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#00000040;border:3px solid #ffd27ab3;border-radius:50%;width:150px;height:150px;position:absolute}#knob{background:#ffd27ad9;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #000}#sails{right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));pointer-events:auto;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}#sails button{flex-direction:column;align-items:center;padding:10px 22px;font-size:26px;line-height:1;display:flex}#sails button span{font-size:13px;font-weight:600}#sailbar{background:#0006;border:2px solid #ffd27ab3;border-radius:11px;width:22px;height:90px;position:relative;overflow:hidden}#sailfill{background:#ffd27a;height:0;transition:height .25s;position:absolute;bottom:0;left:0;right:0}