@tailwind base;@tailwind components;@tailwind utilities;html,body{background-color:#02070c;color:#dceff2;font-family:JetBrains Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased}@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 ferryDive{0%{transform:translate(0) rotate(0)}22%{transform:translate(9px,13px) rotate(34deg)}55%{transform:translate(28px,27px) rotate(32deg)}80%{transform:translate(40px,33px) rotate(16deg)}to{transform:translate(46px,34px) rotate(0)}}@keyframes ferrySubSway{0%,to{transform:translate(46px,34px) rotate(-2deg)}50%{transform:translate(50px,31px) rotate(2deg)}}@keyframes ferryExit{0%{transform:translate(46px,34px) rotate(0)}18%{transform:translate(165px,27px) rotate(-2.5deg)}40%{transform:translate(278px,39px) rotate(1.5deg)}63%{transform:translate(382px,28px) rotate(-1.5deg)}82%{transform:translate(464px,35px) rotate(.5deg)}to{transform:translate(545px,32px) 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 textRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(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 lightFlick{0%,to{opacity:1}46%{opacity:.62}50%{opacity:1}72%{opacity:.82}76%{opacity:1}}@keyframes lgBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@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 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}}