body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#cfeeff;color:#1f5171;text-align:center;width:100vw}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#ffffffaa;border:1px solid #cacaca00;border-radius:8px}::-webkit-scrollbar-thumb{background-color:#1f5171;border-radius:8px}body,html{position:fixed}.LevelSelection::-webkit-scrollbar{width:10px}.LevelSelection::-webkit-scrollbar-track{background:#f1f1f100}.LevelSelection::-webkit-scrollbar-thumb{background:#888}.LevelSelection::-webkit-scrollbar-thumb:hover{background:#555}.html{overflow:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.loadingSpin{animation:spin 1s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.SignInHeader{-webkit-touch-callout:none;color:#1f5171;font-family:Aquaphonic-Dehydrated,serif;font-size:8vh;-webkit-user-select:none;user-select:none}.SignInButtonSmall{background-color:#8ea;border:none;border-radius:5vh;color:#1f5171;font-size:2vh;font-weight:700;height:5vh;height:calc(var(--vh, 1vh)*5);position:relative;top:20vh;transition:transform .2s,background-color .2s;width:5vw}.SignInButtonSmall,.SignInButtonSmall:hover{outline:1vh solid #afc;outline:calc(var(--vh, 1vh)*1) solid #afc}.SignInButtonSmall:hover{transform:scale(1.1)}.SignInButtonSmall:active{background-color:#a8feca;outline:1vh solid #caffec;outline:calc(var(--vh, 1vh)*1) solid #caffec;transform:scale(1.04)}.Tab{height:5vw;width:10vw}.TabContainer{height:45vh}.TabBar{bottom:-5vh}.TabBar,.TabButtons{height:6rem;left:0;margin:auto;position:absolute;right:0}.TabButtons{background-color:#ffffffaa;border-radius:3vh;display:flex;gap:1rem;justify-content:space-around;min-width:14rem;padding-top:2rem;width:50vw}.TabButton{border:none;border-radius:15%;font-size:2rem;font-weight:700;height:4rem;margin:auto;outline:.5vh solid #000;position:relative;top:0;transition:all .2s;width:4rem}.TabSelected{color:#048;outline:1vh solid #048}.CreateAccountButton{background-color:#ea8;outline:1vh solid #fca;outline:calc(var(--vh, 1vh)*1) solid #fca}.CreateAccountButton,.RedButton{border:none;border-radius:5vh;color:#1f5171;cursor:"none !important";font-size:4vh;font-weight:700;height:20vh;height:calc(var(--vh, 1vh)*20);left:5vw;position:relative;top:20vh;transition:transform .2s,background-color .2s;width:20vw}.RedButton{background-color:#de8888;outline:1vh solid #fbb;outline:calc(var(--vh, 1vh)*1) solid #fbb}.SignInButton{background-color:#8ea;border:none;border-radius:5vh;color:#1f5171;cursor:"none !important";font-size:4vh;font-weight:700;height:20vh;height:calc(var(--vh, 1vh)*20);left:-5vw;outline:1vh solid #afc;outline:calc(var(--vh, 1vh)*1) solid #afc;position:relative;top:20vh;transition:transform .2s,background-color .2s;width:20vw}.CreateAccountButton:hover{outline:1vh solid #fca;outline:calc(var(--vh, 1vh)*1) solid #fca;transform:scale(1.1)}.RedButton:hover{outline:1vh solid #fca;outline:1vh solid #fbb;outline:calc(var(--vh, 1vh)*1) solid #fbb;transform:scale(1.1)}.SignInButton:hover{outline:1vh solid #afc;outline:calc(var(--vh, 1vh)*1) solid #afc;transform:scale(1.1)}.CreateAccountButton:active{background-color:#fecaa8;outline:1vh solid #ffecca;outline:calc(var(--vh, 1vh)*1) solid #ffecca;transform:scale(1.04)}.RedButton:active{background-color:#fea8a8;outline:1vh solid #fdd;outline:calc(var(--vh, 1vh)*1) solid #fdd;transform:scale(1.04)}.SignInButton:active{background-color:#a8feca;outline:1vh solid #caffec;outline:calc(var(--vh, 1vh)*1) solid #caffec;transform:scale(1.04)}button:disabled,button[disabled]{background-color:#ccc;outline:1vh solid #eee;outline:calc(var(--vh, 1vh)*1) solid #eee}@font-face{font-family:Aquaphonic-Dehydrated;src:url(/static/media/Aquaphonic-Dehydrated.8fe914c703a301c03d41.otf) format("opentype")}.CreateAccountHeader{color:#1f5171;font-family:Aquaphonic-Dehydrated,serif;font-size:10vh}.Password,.Username{left:5vw;padding:1vh;top:10vh;width:10vw}.CreateAccountButtonSmall,.Password,.Username{border:none;border-radius:5vh;height:5vh;height:calc(var(--vh, 1vh)*5);position:relative}.CreateAccountButtonSmall{background-color:#ea8;color:#1f5171;cursor:"none !important";font-size:2vh;font-weight:700;top:20vh;transition:transform .2s,background-color .2s;width:5vw}.CreateAccountButtonSmall,.CreateAccountButtonSmall:hover{outline:1vh solid #fca;outline:calc(var(--vh, 1vh)*1) solid #fca}.CreateAccountButtonSmall:hover{transform:scale(1.1)}.CreateAccountButtonSmall:active{background-color:#fecaa8;outline:1vh solid #ffecca;outline:calc(var(--vh, 1vh)*1) solid #ffecca;transform:scale(1.04)}.BlueButtonSmall{background-color:#8ae;border:none;border-radius:5vh;color:#1f5171;cursor:"none !important";font-size:2vh;font-weight:700;height:5vh;height:calc(var(--vh, 1vh)*5);position:relative;top:20vh;transition:transform .2s,background-color .2s;width:5vw}.BlueButtonSmall,.BlueButtonSmall:hover{outline:1vh solid #acf;outline:calc(var(--vh, 1vh)*1) solid #acf}.BlueButtonSmall:hover{transform:scale(1.1)}.BlueButtonSmall:active{background-color:#a8cafe;outline:1vh solid #caecff;outline:calc(var(--vh, 1vh)*1) solid #caecff;transform:scale(1.04)}.RedButtonSmall{background-color:#de8888;border:none;border-radius:5vh;color:#1f5171;cursor:"none !important";font-size:2vh;font-weight:700;height:5vh;height:calc(var(--vh, 1vh)*5);position:relative;top:20vh;transition:transform .2s,background-color .2s;width:5vw}.RedButtonSmall,.RedButtonSmall:hover{outline:1vh solid #fbb;outline:calc(var(--vh, 1vh)*1) solid #fbb}.RedButtonSmall:hover{transform:scale(1.1)}.RedButtonSmall:active{background-color:#fea8a8;outline:1vh solid #fdd;outline:calc(var(--vh, 1vh)*1) solid #fdd;transform:scale(1.04)}button:disabled:hover,button[disabled]:hover{transform:scale(1.01)}.ButtonSmallDisabled,button:disabled:hover,button[disabled]:hover{background-color:#ccc;outline:1vh solid #eee;outline:calc(var(--vh, 1vh)*1) solid #eee}.ButtonSmallDisabled{border:none;border-radius:5vh;color:#1f5171;font-size:2vh;font-weight:700;height:5vh;height:calc(var(--vh, 1vh)*5);position:relative;top:20vh;transition:transform .2s,background-color .2s;width:5vw}.ButtonSmallDisabled:hover{background-color:#ccc;outline:1vh solid #eee;outline:calc(var(--vh, 1vh)*1) solid #eee;transform:scale(1.1)}.ButtonSmallDisabled:active{background-color:#ddd;outline:1vh solid #f8f8f8;outline:calc(var(--vh, 1vh)*1) solid #f8f8f8;transform:scale(1.04)}.Card{background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:18vh auto}.BackOfCard,.Card{-webkit-touch-callout:none;background-color:#444;border-radius:5%;color:#fff;font-size:150%;height:20vh;height:calc(var(--vh, 1vh)*20);margin:0 auto;padding:.5vh;-webkit-user-select:none;user-select:none;width:12vh;width:calc(var(--vh, 1vh)*12)}.BackOfCard,.Card,.hoverScale{transition:transform .1s}.hoverScale:hover{transform:scale(1.1)}.pickUpBadge .pickUpBadgeVerbage{visibility:hidden}body:has(.pickUpBadge:hover) .pickUpBadgeVerbage{visibility:visible}.pickUpBadgeBig .pickUpBadgeVerbage{visibility:hidden}body:has(.pickUpBadgeBig:hover) .pickUpBadgeVerbage{visibility:visible}.CardBig{-webkit-touch-callout:none;background-color:#444;background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:48vh auto;border-radius:5%;color:#fff;font-size:150%;margin:0 auto;padding:1.5vh;transition:transform .1s;-webkit-user-select:none;user-select:none}.CardcardAttacking{animation:cardAttack 2s linear 1;z-index:1250}.CardcardAttacking,.CardcardOppAttacking{-webkit-touch-callout:none;background-color:#444;background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:18vh auto;border-radius:5%;color:#fff;font-size:150%;height:20vh;height:calc(var(--vh, 1vh)*20);margin:0 auto;padding:.5vh;-webkit-user-select:none;user-select:none;width:12vh;width:calc(var(--vh, 1vh)*12)}.CardcardOppAttacking{animation:cardOppAttack 2s linear 1}@keyframes cardAttack{0%{transform:rotateX(0) translateY(0)}40%{transform:rotateX(20deg) translateY(0)}50%{transform:translateY(-20vh) rotateX(-50deg)}to{transform:translateY(0) rotateX(0)}}@keyframes cardOppAttack{0%{transform:rotateX(0) translateY(0)}40%{transform:rotateX(-20deg) translateY(0)}50%{transform:translateY(20vh) rotateX(50deg)}to{transform:translateY(0) rotateX(0)}}.CardcardAttackingcardDamaged{animation:cardAttackDam 2s linear 1;z-index:1250}.CardcardAttackingcardDamaged,.CardcardOppAttackingcardOppDamaged{-webkit-touch-callout:none;background-color:#444;background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:18vh auto;border-radius:5%;color:#fff;font-size:150%;height:20vh;height:calc(var(--vh, 1vh)*20);margin:0 auto;padding:.5vh;-webkit-user-select:none;user-select:none;width:12vh;width:calc(var(--vh, 1vh)*12)}.CardcardOppAttackingcardOppDamaged{animation:cardOppAttackDam 2s linear 1}@keyframes cardAttackDam{0%{transform:rotateX(0) translateY(0)}40%{opacity:1;transform:rotateX(20deg) translateY(0)}50%{transform:translateY(-20vh) rotateX(-50deg)}55%{opacity:.5;transform:rotateX(20deg) translateY(-18vh) translateZ(2vh) rotateY(2deg) rotate(2deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes cardOppAttackDam{0%{transform:rotateX(0) translateY(0)}40%{opacity:1;transform:rotateX(-20deg) translateY(0)}50%{transform:translateY(20vh) rotateX(50deg)}55%{opacity:.5;transform:rotateX(-20deg) translateY(18vh) translateZ(2vh) rotateY(-2deg) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.CardcardDamaged{animation:cardDam 2s linear 1}.CardcardDamaged,.CardcardOppDamaged{-webkit-touch-callout:none;background-color:#444;background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:18vh auto;border-radius:5%;color:#fff;font-size:150%;height:20vh;height:calc(var(--vh, 1vh)*20);margin:0 auto;padding:.5vh;-webkit-user-select:none;user-select:none;width:12vh;width:calc(var(--vh, 1vh)*12)}.CardcardOppDamaged{animation:cardOppDam 2s linear 1}@keyframes cardDam{0%{transform:rotateX(0) translateY(0)}45%{opacity:1;transform:translateY(0) rotateX(0)}55%{opacity:.5;transform:rotateX(20deg) translateZ(2vh) rotateY(2deg) rotate(2deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes cardOppDam{0%{transform:rotateX(0) translateY(0)}45%{opacity:1;transform:translateY(0) rotateX(0)}55%{opacity:.5;transform:rotateX(-20deg) translateZ(2vh) rotateY(-2deg) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.CardSunkcardAttacking{-webkit-touch-callout:none;animation:cardDeathAtt 4s linear;background-color:#444;background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:18vh auto;border-radius:5%;color:#fff;font-size:150%;height:20vh;height:calc(var(--vh, 1vh)*20);margin:0 auto;opacity:0;padding:.5vh;transition:transform .1s;-webkit-user-select:none;user-select:none;width:12vh;width:calc(var(--vh, 1vh)*12);z-index:1250}@keyframes cardDeathAtt{0%{opacity:1;transform:perspective(500vh) translateY(0) rotateX(0) translateY(0)}20%{opacity:1;transform:perspective(500vh) rotateX(20deg) translateY(0)}25%{opacity:1;transform:perspective(500vh) translateY(-20vh) rotateX(50deg)}50%{opacity:1;transform:perspective(500vh) translateY(0) rotateX(0)}to{background-color:initial;opacity:0;transform:perspective(500vh) translateY(15vh) rotateX(-55deg)}}.CardSunkcardOppAttacking{-webkit-touch-callout:none;animation:cardDeathOppAtt 4s linear;background-color:#444;background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:18vh auto;border-radius:5%;color:#fff;font-size:150%;height:20vh;height:calc(var(--vh, 1vh)*20);margin:0 auto;opacity:0;padding:.5vh;transition:transform .1s;-webkit-user-select:none;user-select:none;width:12vh;width:calc(var(--vh, 1vh)*12);z-index:1250}@keyframes cardDeathOppAtt{0%{opacity:1;transform:perspective(500vh) translateY(0) rotateX(0) translateY(0)}20%{opacity:1;transform:perspective(500vh) rotateX(-20deg) translateY(0)}25%{opacity:1;transform:perspective(500vh) translateY(20vh) rotateX(50deg)}50%{opacity:1;transform:perspective(500vh) translateY(0) rotateX(0)}to{background-color:initial;opacity:0;transform:perspective(500vh) translateY(15vh) rotateX(-55deg)}}.CardSunk{-webkit-touch-callout:none;animation:cardDeath 4s linear;background-color:#444;background-image:url(/static/media/cardBack.f748c1a6d9b640ffac70.jpg);background-repeat:repeat;background-size:18vh auto;border-radius:5%;color:#fff;font-size:150%;height:20vh;height:calc(var(--vh, 1vh)*20);margin:0 auto;opacity:0;padding:.5vh;transition:transform .1s;-webkit-user-select:none;user-select:none;width:12vh;width:calc(var(--vh, 1vh)*12);z-index:1250}@keyframes cardDeath{0%{opacity:1;transform:perspective(500vh) translateY(0) rotateX(0)}25%{opacity:1;transform:perspective(500vh) translateY(0) rotateX(0)}to{background-color:initial;opacity:0;transform:perspective(500vh) translateY(15vh) rotateX(-55deg)}}.Card:hover{transform:scale(1.4) translateY(-5%);z-index:600}.HoverIndex:hover{z-index:600}.CardFace,.ie8 .CardFaceBig{background-color:#ececec;border-radius:5%;height:100%;opacity:.5;position:relative;width:100%;z-index:inherit}.ie8 .CardFaceBig{zoom:2}.AttibutesBig,.CardFaceBig,.StickersBig,.pickUpBadgeBig{-moz-transform:scale(2);-o-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);-moz-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}.CardFaceBig{background-color:#ececec;border-radius:5%;height:50%;opacity:.5;position:relative;width:50%;z-index:inherit}.Title{font-size:1.5vh;font-weight:800}.Title,.Type{position:relative;top:.5vh;transition:all .15s}.Type{font-size:1vh;font-weight:600}.Weight{background-color:gold;border-radius:50%;font-size:1vh;height:2vh;height:calc(var(--vh, 1vh)*2);left:.75vh;opacity:1;position:relative;top:-2.5vh;width:2vh;width:calc(var(--vh, 1vh)*2)}.WeightCircle{font-size:1.5vh;justify-self:center;position:relative;top:0}.Attack{background-color:#cd7f32;border-radius:50%;font-size:1vh;height:2vh;height:calc(var(--vh, 1vh)*2);left:.75vh;opacity:1;position:relative;top:-2.5vh;width:2vh;width:calc(var(--vh, 1vh)*2)}.AttackCircle{font-size:1.5vh;justify-self:center;position:relative;top:0}.Health{background-color:silver;border-radius:50%;height:2vh;height:calc(var(--vh, 1vh)*2);left:.75vh;opacity:1;position:relative;top:-2.5vh;width:2vh;width:calc(var(--vh, 1vh)*2)}.HealthCircle{font-size:1.5vh;justify-self:center;position:relative;top:0}.Description{font-size:1.2vh;height:12vh;height:calc(var(--vh, 1vh)*12);left:.25vh;position:relative;top:3vh;transition:all .15s;width:11.5vh;width:calc(var(--vh, 1vh)*11.5)}.Unit{font-size:1vh;left:-.5vh;position:relative;top:-2.5vh}.Hand{height:24vh;height:calc(var(--vh, 1vh)*24);margin:0 auto;transition:top .5s;z-index:501}.Hand,.OpponentHand{left:0;position:absolute;right:0}.OpponentHand{height:18vh;margin:auto;overflow:visible;top:9vh;transform:perspective(500vh) translateZ(-100vh) rotateX(-55deg);width:100vw;z-index:0}.skewCardPersp{animation:placeCard 1s ease-in-out 1;opacity:1;transform-style:preserve-3d}.skewCardPerspSink{animation:sink 5s linear 1;opacity:0;transform:rotateX(0deg)}.SubCard{position:relative}.visyButtonCard{opacity:1}.invisibleButtonCard{opacity:0}.cardButton{transition:all 1s}.BrokenPlank{animation:break 2s linear 1}@keyframes break{0%{opacity:0}50%{opacity:0}60%{opacity:1}to{opacity:1}}.ArenaCards{-webkit-touch-callout:none;overflow-x:hidden!important;overflow-y:hidden!important;overflow:hidden!important;-webkit-user-select:none;user-select:none}@keyframes placeCard{0%{transform:rotateX(60deg) translateZ(250px)}to{transform:rotateX(0deg) translateZ(0)}}@keyframes sink{0%{height:25vh;height:calc(var(--vh, 1vh)*25);opacity:1;transform:rotateX(0deg) rotateY(0deg)}10%{height:12.5vh;height:calc(var(--vh, 1vh)*12.5);transform:rotateX(0deg) rotateY(0deg)}20%{height:25vh;height:calc(var(--vh, 1vh)*25);transform:translateY(0) (60deg) rotateY(0deg)}30%{height:25vh;height:calc(var(--vh, 1vh)*25);opacity:1;transform:translateY(100px) rotateX(60deg) rotateY(0deg)}80%{height:25vh;height:calc(var(--vh, 1vh)*25);opacity:0;transform:translateY(200px) rotateX(60deg) rotateY(0deg)}to{height:25vh;height:calc(var(--vh, 1vh)*25);opacity:0;transform:translateY(0) rotateX(0deg) rotateY(0deg)}}.ArenaPlankSink{animation:rotatePlankSink 5s linear 1}.ArenaPlankOpponentSink,.ArenaPlankSink{align-content:space-evenly;align-items:center;background-color:#966f33;box-shadow:0 2vh #010b1377;box-shadow:0 calc(var(--vh, 1vh)*2) #010b1377;display:grid;grid-template-columns:repeat(8,12.5%);height:25vh;height:calc(var(--vh, 1vh)*25);justify-content:space-evenly;justify-items:center;left:0;margin:auto;position:absolute;right:0;top:45%;width:144vh}.ArenaPlankOpponentSink{animation:rotatePlankOppSink 5s linear 1;transform:translateY(-40vh)}@keyframes rotateShip{0%{height:56vh}25%{height:61vh}50%{height:56vh}75%{height:61vh}to{height:56vh}}.ShipFrontOpp{-webkit-clip-path:polygon(16.66% 0,16.66% 100%,12% 95%,4% 52%,3% 45%,4% 40%,12% 5%);clip-path:polygon(16.66% 0,16.66% 100%,12% 95%,4% 52%,3% 45%,4% 40%,12% 5%);left:-22.9vh;width:144vh}.ShipBodyBackOpp,.ShipFrontOpp{background-color:#966f33;background-image:url(/static/media/decktex.7c0449673c1011ed311b.jpg);background-repeat:repeat;background-size:18vh auto;height:25vh;position:absolute}.ShipBodyBackOpp{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);left:.3vh;top:0;width:154.1vh;z-index:0}.ShipBackOpp{background-color:#3f3b2a;background-image:url(/static/media/browntex.ac16e9b095d36c9c71b1.jpg);-webkit-clip-path:polygon(86% 38%,85% 20%,83% 4%,81% 0,73% 2%,71% 5vh,69% 8vh,67% 10vh,16% 10vh,13% 30%,8% 55%,6% 64%,4.1% 65%,1.1% 62%,1.5% 67%,7.1% 88%,20% 100%,12% 20vh,80% 100%,83% 90%,85% 75%,86% calc(16vh - 8%));clip-path:polygon(86% 38%,85% 20%,83% 4%,81% 0,73% 2%,71% 5vh,69% 8vh,67% 10vh,16% 10vh,13% 30%,8% 55%,6% 64%,4.1% 65%,1.1% 62%,1.5% 67%,7.1% 88%,20% 100%,12% 20vh,80% 100%,83% 90%,85% 75%,86% calc(16vh - 8%));height:35vh;left:-36.5vh;top:-14vh;width:260.1vh;z-index:0}.ShipBackOpp,.UpperShipDeckOpp{background-repeat:repeat;background-size:18vh auto;position:absolute}.UpperShipDeckOpp{background-color:#966f33;background-image:url(/static/media/decktex.7c0449673c1011ed311b.jpg);-webkit-clip-path:polygon(69% 50%,65% 25%,60% 10%,50% 0,0 0,0 100%,50% 100%,60% 90%,65% 75%,68% 60%);clip-path:polygon(69% 50%,65% 25%,60% 10%,50% 0,0 0,0 100%,50% 100%,60% 90%,65% 75%,68% 60%);height:25vh;left:153vh;top:-10vh;width:45.1vh}.ShipBodyOpp{animation:rotateShip 10s linear infinite;background-color:#3f3b2a;background-image:url(/static/media/browntex.ac16e9b095d36c9c71b1.jpg);background-repeat:repeat;background-size:18vh auto;-webkit-clip-path:polygon(16.66% 24.9vh,12% 23.75vh,4% 15vh,0 12.5vh,5% 40%,8% 51%,10% 60%,12% 70%,18% 100%,88% 100%,90% 91%,92% 80%,94% 34vh,96% 24vh,99% 0,97% calc(20vh - 30%),95% calc(22vh - 30%),92% calc(24vh - 30%),84% calc(27vh - 30%),82% calc(32vh - 30%),79% calc(37vh - 30%),74% 24.9vh);clip-path:polygon(16.66% 24.9vh,12% 23.75vh,4% 15vh,0 12.5vh,5% 40%,8% 51%,10% 60%,12% 70%,18% 100%,88% 100%,90% 91%,92% 80%,94% 34vh,96% 24vh,99% 0,97% calc(20vh - 30%),95% calc(22vh - 30%),92% calc(24vh - 30%),84% calc(27vh - 30%),82% calc(32vh - 30%),79% calc(37vh - 30%),74% 24.9vh);height:50vh;position:absolute;right:-188vh;transition:transform 1s;width:212vh}.ShipContain{z-index:0}.ShipContain,.ShipContainBack{height:0;left:0;position:absolute;top:0;width:0}.ShipBodyBack{background-color:#966f33;background-image:url(/static/media/decktex.7c0449673c1011ed311b.jpg);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:25vh;left:-13vh;top:0;width:154.1vh;z-index:0}.ShipBodyBack,.ShipBodyBackDoorOpp{background-repeat:repeat;background-size:18vh auto;position:absolute}.ShipBodyBackDoorOpp{background-image:url(/static/media/browntex.ac16e9b095d36c9c71b1.jpg);-webkit-clip-path:polygon(73.25% 5%,71% 40%,71% 100%,73.25% 80%);clip-path:polygon(73.25% 5%,71% 40%,71% 100%,73.25% 80%);height:35vh;left:-36.5vh;top:-14vh;width:260.1vh;z-index:1}.ShipBodyBackDoor{-webkit-clip-path:polygon(26.75% 5%,29% 40%,29% 100%,26.75% 80%);clip-path:polygon(26.75% 5%,29% 40%,29% 100%,26.75% 80%);z-index:1}.ShipBack,.ShipBodyBackDoor{background-image:url(/static/media/bluebrowntex.9b60e3da4a284afdfc0b.jpg);background-repeat:repeat;background-size:22vh auto;height:35vh;left:-78.5vh;position:absolute;top:-14vh;width:260.1vh}.ShipBack{background-color:#3f3b2a;-webkit-clip-path:polygon(14% 38%,15% 20%,17% 4%,19% 0,27% 2%,29% 5vh,31% 8vh,33% 10vh,84% 10vh,87% 30%,92% 55%,94% 64%,95.9% 65%,98.9% 62%,98.5% 67%,92.9% 88%,80% 100%,88% 20vh,20% 100%,17% 90%,15% 75%,14% calc(16vh - 8%));clip-path:polygon(14% 38%,15% 20%,17% 4%,19% 0,27% 2%,29% 5vh,31% 8vh,33% 10vh,84% 10vh,87% 30%,92% 55%,94% 64%,95.9% 65%,98.9% 62%,98.5% 67%,92.9% 88%,80% 100%,88% 20vh,20% 100%,17% 90%,15% 75%,14% calc(16vh - 8%));z-index:0}.UpperShipDeck{-webkit-clip-path:polygon(31% 50%,35% 25%,40% 10%,50% 0,100% 0,100% 100%,50% 100%,40% 90%,35% 75%,32% 60%);clip-path:polygon(31% 50%,35% 25%,40% 10%,50% 0,100% 0,100% 100%,50% 100%,40% 90%,35% 75%,32% 60%);left:-53vh;top:-10vh;width:45.1vh}.ShipFront,.UpperShipDeck{background-color:#966f33;background-image:url(/static/media/decktex.7c0449673c1011ed311b.jpg);background-repeat:repeat;background-size:18vh auto;height:25vh;position:absolute}.ShipFront{-webkit-clip-path:polygon(83.33% 0,83.33% 100%,88% 95%,96% 52%,97% 45%,96% 40%,88% 5%);clip-path:polygon(83.33% 0,83.33% 100%,88% 95%,96% 52%,97% 45%,96% 40%,88% 5%);right:-168.9vh;width:168vh;z-index:0}.ShipBody{animation:rotateShip 10s linear infinite;background-color:#3f3b2a;background-image:url(/static/media/bluebrowntex.9b60e3da4a284afdfc0b.jpg);background-repeat:repeat;background-size:22vh auto;-webkit-clip-path:polygon(83.33% 24.9vh,88% 23.75vh,96% 15vh,100% 12.5vh,95% 40%,92% 51%,90% 60%,88% 70%,82% 100%,12% 100%,10% 91%,8% 80%,6% 34vh,4% 24vh,1% 0,3% calc(20vh - 30%),5% calc(22vh - 30%),8% calc(24vh - 30%),16% calc(27vh - 30%),18% calc(32vh - 30%),21% calc(37vh - 30%),26% 24.9vh);clip-path:polygon(83.33% 24.9vh,88% 23.75vh,96% 15vh,100% 12.5vh,95% 40%,92% 51%,90% 60%,88% 70%,82% 100%,12% 100%,10% 91%,8% 80%,6% 34vh,4% 24vh,1% 0,3% calc(20vh - 30%),5% calc(22vh - 30%),8% calc(24vh - 30%),16% calc(27vh - 30%),18% calc(32vh - 30%),21% calc(37vh - 30%),26% 24.9vh);height:50vh;position:absolute;right:-169vh;transition:transform 1s;width:212vh}.ArenaPlank{animation:rotatePlank 10s linear infinite;z-index:5}.ArenaPlank,.ArenaPlankOpponent{align-content:space-evenly;align-items:center;background-color:#966f33;display:grid;grid-template-columns:repeat(8,12.5%);height:25vh;height:calc(var(--vh, 1vh)*25);justify-content:space-evenly;justify-items:center;left:0;margin:auto;position:absolute;right:0;top:45%;width:144vh}.ArenaPlankOpponent{animation:rotatePlankOpp 10s linear -3s infinite;box-shadow:0 2vh #010b1377;box-shadow:0 calc(var(--vh, 1vh)*2) #010b1377;transform:translateY(-40vh)}@keyframes rotatePlankSink{0%{box-shadow:0 2vh #010b1377;box-shadow:0 calc(var(--vh, 1vh)*2) #010b1377;height:25vh;height:calc(var(--vh, 1vh)*25);transform:rotateX(0)}10%{box-shadow:0 12.5vh 0 #010b1377;height:12.5vh;height:calc(var(--vh, 1vh)*12.5);transform:rotateX(0) rotateX(-20deg) translateY(10vh)}to{box-shadow:0 2vh #010b1377;box-shadow:0 calc(var(--vh, 1vh)*2) #010b1377;height:25vh;height:calc(var(--vh, 1vh)*25);transform:rotateX(0)}}@keyframes rotatePlankOppSink{0%{box-shadow:0 2vh #010b1377;box-shadow:0 calc(var(--vh, 1vh)*2) #010b1377;height:25vh;height:calc(var(--vh, 1vh)*25);transform:translateY(-40vh)}10%{box-shadow:0 12.5vh 0 #010b1377;height:12.5vh;height:calc(var(--vh, 1vh)*12.5);transform:rotateX(-20deg) translateY(-30vh)}to{box-shadow:0 2vh #010b1377;box-shadow:0 calc(var(--vh, 1vh)*2) #010b1377;height:25vh;height:calc(var(--vh, 1vh)*25);transform:translateY(-40vh)}}@keyframes rotatePlank{0%{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(-20deg) rotateY(0deg)}50%{transform:rotateX(0deg) rotateY(-2deg)}75%{transform:rotateX(20deg) rotateY(2deg)}to{transform:rotateX(0deg) rotateY(0deg)}}@keyframes rotatePlankOpp{0%{transform:rotateX(0deg) rotateY(0deg) translateY(-40vh)}25%{transform:rotateX(20deg) rotateY(2deg) translateY(-40vh)}50%{transform:rotateX(0deg) rotateY(0deg) translateY(-40vh)}75%{transform:rotateX(-10deg) rotateY(-2deg) translateY(-40vh)}to{transform:rotateX(0deg) rotateY(0deg) translateY(-40vh)}}.bell,.bell-border,.btn-bell{border-radius:50%;z-index:6}.bell{animation-iteration-count:infinite;box-shadow:-1px 2px 10px #999;transition:transform .1s}.bell,.bell-border{animation-duration:2s;position:absolute}.bell-border{animation-iteration-count:infinite;animation-name:bord-pop}.btn-bell{animation-duration:2s;animation-iteration-count:infinite;color:#fff;font-size:2vh;position:absolute;z-index:9}.btn-exit,.exit,.exit-border{border-radius:50%;z-index:6}.exit{animation-iteration-count:infinite;box-shadow:-1px 2px 10px #999;margin:auto;transition:transform .1s}.bell-exit,.exit{animation-duration:2s;position:absolute}.bell-exit{animation-iteration-count:infinite;animation-name:bord-pop}.btn-exit{animation-duration:2s;animation-iteration-count:infinite;color:#fff;font-size:2vh;left:21.5px;position:absolute;top:1.25rem;z-index:9}.btn-shop,.shop,.shop-border{border-radius:50%;z-index:6}.bell:hover,.exit:hover,.shop:hover,.user:hover{transform:scale(1.4)}.InfoButton{position:absolute;right:.25vh;top:1.125vh}.ZoomShopHeader{position:relative;top:11.5vh;-moz-transform:scale(.9);-o-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);-moz-transform-origin:50% 0;-o-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0}.ZoomShopCards{left:0;margin:auto;position:relative;right:0;top:6vh;-moz-transform:scale(.95);-o-transform:scale(.95);-webkit-transform:scale(.95);transform:scale(.95);-moz-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:-500% 0}.shop{box-shadow:-1px 2px 10px #999;transition:transform .1s}.btn-shop,.shop{animation-duration:2s;animation-iteration-count:infinite;position:absolute}.btn-shop{color:#fff;font-size:2vh;left:21.5px;top:1.25rem;z-index:9}.NumPurchasable{background-color:#fbb;border-radius:50%;font-size:1.8vh;height:2vh;left:4.5vh;line-height:1.8vh;outline:.5vh solid #de5454;position:absolute;width:2vh}.btn-user,.user,.user-border{border-radius:50%;z-index:6}.user{box-shadow:-1px 2px 10px #999;top:6vh;top:calc(var(--vh, 1vh)*6);transition:transform .1s}.btn-user,.user{animation-duration:2s;animation-iteration-count:infinite;position:absolute}.btn-user{color:#fff;font-size:2vh;left:21.5px;top:1.25rem;z-index:9}.CardShopBackgroundInner{background-color:#ffffffbb;border-radius:5vh}.CardShopBackgroundCards,.CardShopBackgroundInner{height:75vh;height:calc(var(--vh, 1vh)*75);left:12.5vw;overflow:hidden;position:absolute;top:12.5vh;transition:opacity .5s;width:75vw;z-index:521}.CardShopBackgroundCards{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.CardShopBackgroundOuter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden;position:absolute;top:0;transition:opacity .5s;width:100vw;z-index:520}.InnerShop{opacity:1!important;position:absolute;top:0}@keyframes shopPop{0%{opacity:0}to{opacity:1}}@keyframes closeShop{0%{visibility:visible}50%{visibility:visible}to{visibility:hidden}}@keyframes bord-pop{0%{opacity:1;transform:scale(1) translate(0)}50%{opacity:.1;transform:scale(1.9) translate(0)}to{opacity:0;transform:scale(1.9) translate(0)}}@keyframes col{0%{transform:scale(1) translate(0)}10%{transform:scale(1.1) translate(0)}75%{transform:scale(1) translate(0)}to{transform:scale(1) translate(0)}}@keyframes bell-ring{15%,5%{transform:rotate(25deg)}10%,20%{transform:rotate(-25deg)}25%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes smokeShow{0%{opactiy:0}to{opactiy:1}}.smokeLocation{animation:smokeShow 2s linear;height:0;position:relative;width:0}.smokeSubLocation{height:18vh;position:absolute;width:18vh}.smoke{left:50%;top:1vh;transform:rotateX(0deg) rotateY(0deg)}.smoke,.smoke span{height:0;position:absolute;width:0}.smoke span{display:block;left:-8vh;opacity:0;transform:scale(.2);transform-origin:50% 50%}@keyframes smokeLL{0%{transform:scale(.2) translate(0)}10%{opacity:1;transform:scale(.2) translateY(-3vh)}to{opacity:0;transform:scale(1) translate(-20px,-55vh)}}@keyframes smokeRL{0%{transform:scale(.2) translate(0)}10%{opacity:1;transform:scale(.2) translateY(-3vh)}to{opacity:0;transform:scale(1) translate(20px,-55vh)}}@keyframes smokeL{0%{transform:scale(.2) translate(0)}10%{opacity:1;transform:scale(.2) translateY(-3vh)}to{opacity:0;transform:scale(1) translate(-20px,-45vh)}}@keyframes smokeR{0%{transform:scale(.2) translate(0)}10%{opacity:1;transform:scale(.2) translateY(-3vh)}to{opacity:0;transform:scale(1) translate(20px,-45vh)}}
/*# sourceMappingURL=main.8a884992.css.map*/