.boat-panel{pointer-events:auto;white-space:nowrap;border-radius:22px;align-items:center;gap:14px;padding:8px 14px 8px 16px;display:flex;position:absolute;top:85px;left:50%;transform:translate(-50%)}.boat-panel-in{animation:.5s ease-out both boat-panel-fade-in}.boat-panel-out{animation:.5s ease-in both boat-panel-fade-out}@keyframes boat-panel-fade-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes boat-panel-fade-out{0%{opacity:1}to{opacity:0}}.boat-panel-title{font-family:var(--ui-font-title);color:var(--ui-yellow);-webkit-text-stroke:4px var(--ui-brown);paint-order:stroke fill;text-shadow:0 2px 0 var(--ui-brown-dark);letter-spacing:.3px;font-size:20px}.boat-switch-row{font:600 13px/1 var(--ui-font);color:var(--ui-text);align-items:center;gap:6px;display:flex}.boat-switch{border:3px solid var(--ui-brown);width:76px;height:34px;box-shadow:inset 0 3px 4px #00000040, 0 2px 0 var(--ui-brown-dark);cursor:pointer;background:linear-gradient(#9fd3ef 0%,#4fa3d6 100%);border-radius:17px;justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}.boat-switch.on{background:linear-gradient(#ffd27a 0%,#e8952a 100%)}.boat-switch-side{color:#fff;opacity:.9;filter:drop-shadow(0 1px #00000059);width:22px;height:22px;margin:0 4px}.boat-switch-side svg{width:100%;height:100%;display:block}.boat-switch-knob{border:2px solid var(--ui-brown);background:radial-gradient(circle at 35% 30%, #fffbe9 0%, var(--ui-cream) 55%, var(--ui-tan) 100%);width:26px;height:26px;box-shadow:0 2px 0 var(--ui-brown-dark);border-radius:50%;transition:left .15s cubic-bezier(.33,1,.68,1);position:absolute;top:1px;left:2px}.boat-switch.on .boat-switch-knob{left:42px}.boat-timer{--boat-timer-ratio:1;border:2px solid var(--ui-brown-mid);background:var(--ui-field);border-radius:12px;flex-direction:column;align-items:center;min-width:84px;padding:3px 10px 6px;display:flex;position:relative;overflow:hidden}.boat-timer:after{content:"";height:4px;width:calc(var(--boat-timer-ratio) * 100%);background:#5cb513;transition:width .25s linear;position:absolute;bottom:0;left:0}.boat-timer-low:after{background:#ea4a32}.boat-timer-label{font:600 11px/1.1 var(--ui-font);color:var(--ui-brown-mid)}.boat-timer-value{font:700 20px/1.1 var(--ui-font);color:var(--ui-brown);font-variant-numeric:tabular-nums}.boat-timer-low .boat-timer-value{color:#c0260f}.raft-countdown{flex-direction:column;gap:4px;padding:8px 18px 10px}@media (width<=560px){.boat-panel{gap:8px;padding:6px 10px;top:64px}.boat-panel-title{display:none}}