@tailwind base;@tailwind components;@tailwind utilities;html,body{height:100%;margin:0;overflow:hidden;background-color:#02070c;color:#dceff2;font-family:JetBrains Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased}#root{height:100%}@keyframes pxDrift{0%{transform:translate(0)}to{transform:translate(var(--dx, 0),74px)}}@keyframes pxBlink{0%,92%{opacity:1}96%{opacity:.25}to{opacity:1}}@keyframes ferryBob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-4px) rotate(1.5deg)}}@keyframes ferryWave{0%{transform:translate(0)}to{transform:translate(-14px)}}@keyframes signBob{0%,to{transform:translateY(0) rotate(-1.4deg)}50%{transform:translateY(-2.5px) rotate(1.4deg)}}@keyframes signRipple{0%,to{opacity:.5;transform:translate(-50%) scaleX(1)}50%{opacity:.9;transform:translate(-50%) scaleX(1.35)}}@keyframes ferrySmoke{0%{transform:translate(0) scale(.5);opacity:0}16%{opacity:.6}to{transform:translate(-42px,-38px) scale(2.8);opacity:0}}@keyframes ferrySail{0%{transform:translate(0) rotate(0)}35%{transform:translate(28px,-3px) rotate(-2deg)}70%{transform:translate(52px,1px) rotate(1.5deg)}to{transform:translate(64px) rotate(0)}}@keyframes ferrySailSway{0%,to{transform:translate(64px) rotate(-1.5deg)}50%{transform:translate(68px,-3px) rotate(1.5deg)}}@keyframes ferryExit{0%{transform:translate(64px) rotate(0)}18%{transform:translate(180px,-6px) rotate(-2.5deg)}40%{transform:translate(295px,4px) rotate(1.5deg)}63%{transform:translate(400px,-4px) rotate(-1.5deg)}82%{transform:translate(480px,2px) rotate(.5deg)}to{transform:translate(560px) rotate(0)}}@keyframes ferryEnter{0%{transform:translate(-260px) rotate(-2deg)}72%{transform:translate(10px) rotate(1.5deg)}to{transform:translate(0) rotate(0)}}@keyframes wakeStreak{0%{transform:translate(8px);opacity:0}25%{opacity:1}to{transform:translate(-40px);opacity:0}}@keyframes bowSpray{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:1}to{transform:translate(11px,-18px) scale(.2);opacity:0}}@keyframes bubbleUp{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-72px);opacity:0}}@keyframes bubbleRise{0%{transform:translate(0);opacity:0}16%{opacity:.85}72%{opacity:.6}to{transform:translate(var(--bx, 0),-94px);opacity:0}}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes deepIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ferryHatch{0%{transform:rotate(0)}9%{transform:rotate(-108deg)}76%{transform:rotate(-108deg)}90%,to{transform:rotate(0)}}@keyframes shotLoad{0%{transform:translate(var(--sx, 0),-64px) scale(.7);opacity:0}16%{opacity:1}60%{transform:translate(calc(var(--sx, 0) * .12),-5px) scale(1);opacity:1}84%{transform:translateY(2px) scale(.78);opacity:1}to{transform:translateY(3px) scale(.05);opacity:0}}@keyframes beacon{0%{box-shadow:0 0 6px #46e0a0,0 0 #46e0a08c}70%{box-shadow:0 0 17px #46e0a0,0 0 0 7px #46e0a000}to{box-shadow:0 0 6px #46e0a0,0 0 #46e0a000}}@keyframes lightOn{0%{opacity:0}to{opacity:1;box-shadow:0 0 6px 1px #ffdd96f2}}@keyframes lgIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lgBlink{0%,92%{opacity:1}96%{opacity:.25}to{opacity:1}}@keyframes cBeacon{0%{box-shadow:0 0 #46e0a080}70%{box-shadow:0 0 0 7px #46e0a000}to{box-shadow:0 0 #46e0a000}}input.ferry-input::placeholder{color:#dceff252;opacity:1}@keyframes rDotPulse{0%,to{box-shadow:0 0 5px #ff7a8a,0 0 10px #ff7a8a59}50%{box-shadow:0 0 9px #ff7a8a,0 0 20px #ff7a8aa6}}@keyframes lgBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lgBlink{0%,to{opacity:1}48%{opacity:.55}52%{opacity:.3}}@keyframes lgBub{0%{transform:translate(0);opacity:0}16%{opacity:.9}70%{opacity:.7}to{transform:translate(var(--drift, 0px),calc(var(--rise, 70px) * -1));opacity:0}}@keyframes arrowPulse{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(5px);opacity:.7}}