:root{--cell-size:40px;--bgcolor:#486169;--line-color:#000;--text-color:#fff;--cell-blocked-color:#435a62;--popup-bgcolor:rgba(72,97,105,.85);--truck-cell-bgcolor:rgba(26,48,53,.6);--truck-cell-drag-color:rgba(26,48,53,.8);--truck-cell-off-color:rgba(26,48,53,.4);--truck-cell-missed-color:rgba(147,140,44,.8);--truck-cell-sunk-color:rgba(147,44,44,.8);--truck-color:#3084bf;--truck-sunk-color:rgba(147,44,44,.8)}#root,body,html{height:100%;width:100%}body,html{overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#486169;background-color:var(--bgcolor)}*,body{font-family:Fira Sans,Arial,Helvetica,sans-serif;margin:0}*{box-sizing:border-box;padding:0}.btn,a{background-color:transparent;border:1px solid #fff;border:1px solid var(--text-color);border-radius:4px;color:#fff;color:var(--text-color);cursor:pointer;font-size:14pt;padding:5px;text-decoration:none}.btn:hover,a:hover{background-color:rgba(26,48,53,.6);background-color:var(--truck-cell-bgcolor)}.btn.space-left,a.space-left{margin-left:10px}input{background-color:transparent;border:1px solid #fff;border:1px solid var(--text-color);border-radius:4px;color:#fff;color:var(--text-color);font-size:14pt;min-width:350px;padding:5px}.outer-container{background-color:#486169;background-color:var(--bgcolor);height:100%}.inner-container,.outer-container{display:flex;justify-content:center;width:100%}.inner-container{align-items:center;flex-direction:column;min-height:100%;padding:100px 30px 0}.grids-scroll{justify-content:center;margin-bottom:100px;min-height:450px;width:100%}.grids,.grids-scroll{display:flex;overflow:hidden;overflow-x:auto}.grids{gap:40px;position:relative;-webkit-user-select:none;user-select:none;width:1140px}.grid-3d-your{height:80%;position:relative;top:-40px;-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(38deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(0) skewX(348deg) skewY(0deg);transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(38deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(0) skewX(348deg) skewY(0deg)}.grid-3d-your .truck-status{margin-right:20px}.grid-3d-their{height:80%;left:0;position:relative;top:-40px;top:calc(var(--cell-size)*-1);-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(38deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(0) skewX(10.5deg) skewY(0deg);transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(38deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(0) skewX(10.5deg) skewY(0deg)}.grid-3d-their .truck-status{margin-left:20px}.status-bar{align-items:center;border-radius:8px;color:#fff;color:var(--text-color);display:flex;font-size:16pt;font-weight:100;gap:20px;margin-bottom:0;min-height:40px;padding:4px 20px;-webkit-user-select:none;user-select:none;z-index:10}.status-bar.won{background-color:#509900;color:#fff}.status-bar.lost{background-color:#ff3f34;color:#fff}.grid-wrapper{align-items:flex-end;display:flex;flex-direction:column;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%}.grid-wrapper.your-grid{padding-left:10px}.grid-wrapper.their-grid{min-width:540px;overflow:hidden;padding-right:10px}.disabled{opacity:.5;pointer-events:none}.grid{border-right:1px solid #000;border-right:1px solid var(--line-color);flex-wrap:wrap;height:400px;min-height:400px;min-width:401px;padding-top:1px;width:401px}.cell,.grid{display:flex;position:relative}.cell{align-items:center;border-left:1px solid #000;border-left:1px solid var(--line-color);border-top:1px solid #000;border-top:1px solid var(--line-color);height:40px;height:var(--cell-size);justify-content:center;width:40px;width:var(--cell-size)}.cell:nth-child(n+91){border-bottom:1px solid #000;border-bottom:1px solid var(--line-color)}.cell.with-truck{background-color:rgba(26,48,53,.6);background-color:var(--truck-cell-bgcolor)}.cell.with-truck:not(.game-started):hover{cursor:move}.cell.taken-truck:not(.with-truck):before{background-color:#435a62;background-color:var(--cell-blocked-color);content:"";display:block;height:90%;width:90%}.hit{background-color:rgba(255,0,0,.5)!important;pointer-events:none}.hit.sunk{background-color:rgba(147,44,44,.8)!important;background-color:var(--truck-cell-sunk-color)!important}.missed,.off-limits{background-color:rgba(26,48,53,.4)!important;background-color:var(--truck-cell-off-color)!important;pointer-events:none}.missed.most-recent{background-color:rgba(147,140,44,.8)!important;background-color:var(--truck-cell-missed-color)!important}.missed:after{color:#000!important}.missed:after,.off-limits:after{content:"•";font-size:16px}.their-grid .cell:hover{background-color:rgba(23,185,23,.2);border:3px solid rgba(23,185,23,.5);cursor:pointer}.col-labels{color:#000;color:var(--line-color);display:flex;font-size:17px;font-weight:300;margin-bottom:8px}.your-grid .col-labels{justify-content:flex-end}.their-grid .col-labels{align-self:flex-start;margin-left:20px}.col-label{display:flex;justify-content:center;width:40px;width:var(--cell-size)}.row-labels{color:#000;color:var(--line-color);display:flex;flex-direction:column;font-size:16px;font-weight:300;margin-right:8px;margin-top:-3px}.row-label{align-items:center;height:40px;height:var(--cell-size);justify-content:flex-end}.lower-grid,.row-label{display:flex}.board-label{align-items:center;color:#000;color:var(--line-color);display:flex;gap:20px;margin-top:5px;-webkit-user-select:none;user-select:none}.board-label.selected{text-decoration:underline}.board-label img{cursor:pointer;transition:all .5s ease}.board-label img:hover{-webkit-transform:rotate(35deg);transform:rotate(35deg)}.your-grid .board-label{align-self:flex-end;font-size:16pt;font-weight:100;margin-right:15px}.their-grid .board-label{align-self:flex-start;font-size:16pt;font-weight:100;margin-left:30px;margin-left:calc(var(--cell-size) - 10px)}.truck-status{border:1px solid #000;border:1px solid var(--line-color);border-radius:8px;display:flex;flex-direction:column;height:100px;margin-top:80px;padding:10px;visibility:hidden;width:100px}.truck-status.show{visibility:visible}.truck-row{display:flex;justify-content:space-between;padding:5px 0}.truck{background-color:#3084bf;background-color:var(--truck-color);border-radius:2px;height:10px}.truck.sunk{background-color:rgba(147,44,44,.8);background-color:var(--truck-sunk-color)}.truck.l5{width:70px}.truck.l4{width:50px}.truck.l3{width:30px}.truck.l2{width:20px}.truck.l1{width:10px}.their-grid .truck-status{margin-left:20px;order:1}.overlay{color:#fff;color:var(--text-color);display:none}.overlay.open{align-items:center;background-color:rgba(72,97,105,.85);background-color:var(--popup-bgcolor);display:flex;height:calc(100% - 40px);height:calc(100% - var(--cell-size));left:-50px;padding-bottom:70px;padding-left:70px;padding-top:0;position:absolute;top:0;width:calc(100% + 100px);z-index:10}.drag-truck{background-color:rgba(26,48,53,.8);background-color:var(--truck-cell-drag-color);display:none;position:absolute}.drag-truck-outline{background-color:transparent;border:4px solid #41b6ec;display:none;position:absolute}.car-cell:after{background-image:url(/static/media/post-lkw.fe7fdc68d1cb5476cc1e.svg);background-position:0;background-repeat:no-repeat;background-size:198px 45px;content:"";display:block;height:50px;height:calc(var(--cell-size) + 10px);opacity:1;position:absolute;width:220px;width:calc(var(--cell-size)*5 + 20px);z-index:2}.car-cell.size-2:after{background-image:url(/static/media/icetruck-2-h.e1744a59f00423078cfa.png);left:5px;top:-10px}.car-cell.size-2.dir-v:after{background-image:url(/static/media/icetruck-2-v.b970e76afd7e320c1ca5.png);left:-90px;left:calc(var(--cell-size)*-2.5 + 10px);top:70px;top:calc(var(--cell-size)*2 - 10px)}.car-cell.size-3:after{background-image:url(/static/media/icetruck-3-h.274e67590be4b13ea218.png);left:5px;top:-10px}.car-cell.size-3.dir-v:after{background-image:url(/static/media/icetruck-3-v.c7df99f7c821e3aecb44.png);left:-90px;left:calc(var(--cell-size)*-2.5 + 10px);top:85px;top:calc(var(--cell-size)*2 + 5px)}.car-cell.size-4:after{background-image:url(/static/media/icetruck-4-h.580e812988674dee4e6c.png);left:10px;top:-10px}.car-cell.size-4.dir-v:after{background-image:url(/static/media/icetruck-4-v.3a6c74da3747ce1f1b88.png);left:-90px;left:calc(var(--cell-size)*-2.5 + 10px);top:90px;top:calc(var(--cell-size)*2 + 10px)}.car-cell.size-5:after{background-image:url(/static/media/icetruck-5-h.0d262aa7eebfc95165d0.png);left:0;top:-10px}.car-cell.size-5.dir-v:after{background-image:url(/static/media/icetruck-5-v.ef13f9c5e9337568c99d.png);left:-90px;left:calc(var(--cell-size)*-2.5 + 10px);top:90px;top:calc(var(--cell-size)*2 + 10px)}.car-cell.dir-v:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.car-cell.dir-h:after{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.car-cell.dir-h.skew-1:after{top:-15px;-webkit-transform:scaleY(1.3);transform:scaleY(1.3)}.car-cell.dir-h.skew-2:after{top:-14px;-webkit-transform:scaleY(1.25);transform:scaleY(1.25)}.car-cell.dir-h.skew-3:after{top:-13px;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}.car-cell.dir-h.skew-4:after{top:-12px;-webkit-transform:scaleY(1.15);transform:scaleY(1.15)}.car-cell.dir-h.skew-5:after{top:-11px;-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}.car-cell.dir-h.skew-6:after{top:-10px;-webkit-transform:scaleY(1.05);transform:scaleY(1.05)}.truck-you{height:190px;margin-bottom:-20px;position:relative;width:auto;z-index:0}.truck-you img{height:200px;width:auto}.truck-you .flash{background-color:hsla(0,0%,100%,.05);border-radius:50%;box-shadow:0 0 20px 2px #fcfae3;position:absolute;-webkit-transform:rotateY(50deg);transform:rotateY(50deg)}.truck-you .flash.won{-webkit-animation:blink-flash .5s infinite;animation:blink-flash .5s infinite}.truck-you .flash.lost{background-color:rgba(48,132,191,.4);box-shadow:0 0 20px 2px #3084bf}.truck-you .flash.right{height:12px;right:43px;top:91px;width:12px}.truck-you .flash.left{height:14px;right:105px;top:93px;width:14px}.truck-you .wheel-clip{display:block;position:absolute}.truck-you .wheel-clip.left{bottom:45px;-webkit-clip-path:ellipse(48% 76% at 32% 77%);clip-path:ellipse(48% 76% at 32% 77%);left:25px}.truck-you .wheel-clip.left .wheel{-webkit-animation:wheel-rotate-left 5s linear infinite;animation:wheel-rotate-left 5s linear infinite;border:4px dotted hsla(0,0%,100%,.2);border-radius:50%;-webkit-filter:blur(2px);filter:blur(2px);height:37px;-webkit-transform:rotateY(50deg);transform:rotateY(50deg);width:35px}.truck-you .wheel-clip.right{bottom:20px;-webkit-clip-path:polygon(63% 0,83% 22%,89% 47%,90% 70%,88% 100%,50% 100%,0 100%,0 70%,0 35%,0 0);clip-path:polygon(63% 0,83% 22%,89% 47%,90% 70%,88% 100%,50% 100%,0 100%,0 70%,0 35%,0 0);left:134px}.truck-you .wheel-clip.right .wheel{-webkit-animation:wheel-rotate-right 5s linear infinite;animation:wheel-rotate-right 5s linear infinite;border:4px dotted hsla(0,0%,100%,.2);border-radius:50%;-webkit-filter:blur(2px);filter:blur(2px);height:45px;-webkit-transform:rotateY(10deg);transform:rotateY(10deg);width:45px}.smmd-logo{cursor:pointer;height:40px;left:40px;width:auto}.actions,.smmd-logo{bottom:30px;position:absolute}.actions{align-items:center;display:flex;gap:20px;right:30px}.actions .new-game{font-size:10pt}.actions img{cursor:pointer;max-height:40px}@-webkit-keyframes blink-flash{0%{box-shadow:0 0 20px 12px #fcfae3}50%{box-shadow:0 0 20px 2px #fcfae3}}@keyframes blink-flash{0%{box-shadow:0 0 20px 12px #fcfae3}50%{box-shadow:0 0 20px 2px #fcfae3}}@-webkit-keyframes wheel-rotate-left{to{-webkit-transform:rotateY(50deg) rotate(1turn);transform:rotateY(50deg) rotate(1turn)}}@keyframes wheel-rotate-left{to{-webkit-transform:rotateY(50deg) rotate(1turn);transform:rotateY(50deg) rotate(1turn)}}@-webkit-keyframes wheel-rotate-right{to{-webkit-transform:rotateY(10deg) rotate(1turn);transform:rotateY(10deg) rotate(1turn)}}@keyframes wheel-rotate-right{to{-webkit-transform:rotateY(10deg) rotate(1turn);transform:rotateY(10deg) rotate(1turn)}}@media only screen and (max-width:1024px){.grids-scroll{width:auto}.grid{padding-top:1px}.inner-container{padding-left:10px;padding-right:10px;-webkit-transform:scale(.7);transform:scale(.7)}}@font-face{font-family:Fira Sans;font-weight:100;src:url(/static/media/FiraSans-Light.71402baadcbdd3a61c98.ttf) format("truetype")}@font-face{font-family:Fira Sans;font-weight:400;src:url(/static/media/FiraSans-Regular.4c2ffb7b69d4c7caedc1.ttf) format("truetype")}@font-face{font-family:Fira Sans;font-weight:500;src:url(/static/media/FiraSans-Medium.63d4ed697716395d517f.ttf) format("truetype")}@font-face{font-family:Fira Sans;font-weight:700;src:url(/static/media/FiraSans-Bold.10e10f823487eebf98f9.ttf) format("truetype")}