*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}video:focus,button:focus,input:focus,textarea:focus,select:focus{outline:none}html,body{-webkit-font-smoothing:antialiased;overflow:hidden;background-color:#ededed}p{margin:0}body{background-color:white;color:#1e1e1e;font-family:CNN,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:#fdbe34;text-decoration:none}h2{font-family:"CNN Travel";font-weight:normal;margin:0}#boatGame{position:absolute;left:0;width:100%;height:100%;top:0;background-color:#ededed;overflow:hidden;pointer-events:none}#boatArea{position:absolute;left:calc(50% - 500px);top:calc(50% - 500px);width:1000px;height:1000px;background-size:cover;background-position:center center;background-image:url(../images/mapv2.png)}#boat{position:absolute;width:0px;height:0px;left:50%;top:50%;z-index:1}#movDir{font-size:13px;font-weight:normal;margin-top:-9px;display:block;color:white}#ship{position:absolute;top:0;left:0;z-index:10;will-change:transform}#ship:before{position:absolute;top:-30px;left:-5px;background-color:black;display:block;content:"";width:10px;height:52px;z-index:10}#ship:after{position:absolute;top:0;left:0;border-radius:50%;background-color:#000;display:block;content:"";width:10px;height:20px;left:-5px;top:-42px;z-index:10}#btStart:before{content:"Start"}#map{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ededed;background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url(../images/mapv2.png)}@media (min-aspect-ratio: 903 / 500){#map{background-size:contain}}#ui{position:absolute;top:0;left:0;width:100%;height:100%}#depthMap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none}.sonar{position:absolute;width:1px;height:1px;z-index:12}#sonarTL{top:-38px;left:-5px}#sonarTR{top:-38px;left:5px}#sonarBL{top:20px;left:-5px}#sonarBR{top:20px;left:5px}#sonarCC{top:0px;left:0px}#colInd{position:absolute;top:0;left:0;width:100%;height:100%;display:none;background-color:rgba(0,0,0,0.85);font-size:30px;padding:12px;left:0;width:100%;bottom:0;pointer-events:all;z-index:20}#colInd h4{font-family:"CNN Travel"}#colInd>div{margin:auto;width:460px;background-color:#fdbe34;text-align:center;padding:20px 30px;display:none;max-width:100%;position:relative}#colInd>div.isInit{width:700px;height:270px;background-image:url(../images/inset-map.jpg);background-position:left top;background-size:contain;background-repeat:no-repeat;padding-left:260px;padding-right:20px;top:-20%}#colInd>div.isInit h4{font-size:28px}#colInd>div.isInit>div{margin:auto;text-align:left}#colInd>div.isInit>div p{font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.3;margin:9px 0}#colInd>div.isInit>div p b{font-weight:500}#colInd>div .iNote{color:#e6e6e6;font-size:14px;position:absolute;top:calc(100% + 30px);width:100%;left:0;text-align:left}#colInd>div .iNote>span{max-width:600px;display:block;margin:12px auto}#colInd>div button{width:120px;margin:auto;margin-top:22px;display:block}#colInd button{-webkit-appearance:none;background-color:#ffffff;font-size:14px;font-weight:500;color:black;height:40px;min-width:120px;border:1px solid #c6c6c6;border-radius:4px;margin:12px 3px 0}#colInd>div>h2{margin:0}#colInd button{padding:6px 12px}#colInd.isCol,#colInd.isInit{display:flex;flex-direction:column}#colInd.isCol>.isCol{display:block}#colInd.isCol>.isCol h2:before{content:"Collision"}#colInd.isCol>.isCol>p{display:none}#colInd.isCol.isWon>.isCol{display:block}#colInd.isCol.isWon>.isCol h2:before{content:"Congratulations"}#colInd.isCol.isWon>.isCol>p{display:block;font-size:18px;margin-top:14px;margin-bottom:14px}#colInd.isInit>.isInit{display:flex}#controls input,#controls button{pointer-events:all}.panel{position:absolute;background-color:#fdbe34;padding:12px 20px;z-index:20}#panelWheel{top:40px;left:30px;height:125px;width:360px;opacity:0;transition:opacity 600ms ease-in-out}#panelWheel.actv0,#panelWheel.actv1{opacity:1}#panelWheel>h2{position:absolute;top:45px;left:20px;right:20px;opacity:0;line-height:1.2}#panelWheel.actv0>h2.swh0,#panelWheel.actv1>h2.swh1,#panelWheel.actv2>h2.swh2{opacity:1}#panelWind{top:190px;left:30px;width:180px}#cnx{position:absolute;right:20px;width:31px;height:31px;top:40px;transform:rotate(45deg);transform-origin:center center}#note{display:block;position:absolute;bottom:20px;right:22px;max-width:425px;font-size:14px}#controls{position:absolute;right:30px;background-color:#595959;color:white;text-align:center;width:180px;top:150px;height:430px;z-index:10}#controls>svg,#controls>input,#controls>div{position:absolute}#controls>div{width:100%;font-size:15px}#ct_acc{width:185px;height:0;z-index:200;top:262px;left:0px;transform:rotate(-90deg);transform-origin:top center}#ct_dir{width:120px;height:0;top:80px;left:30px}#powerBG{left:78px;top:186px}#dirBG{left:22px;top:72px}#dirLB{top:147px}#powerLB{top:22px}#ShipCon{width:100%;bottom:100%;color:#595959;font-family:"CNN Travel";font-weight:bold;border:2px solid #595959;padding:6px 0}#NorthCompass{position:absolute;width:57px;height:57px;bottom:calc(100% + 45px);left:70px}input[type=range]{-webkit-appearance:none;margin:0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:100%;cursor:pointer;box-shadow:none;background:white;border-radius:0;border:none}input[type=range]::-webkit-slider-thumb{box-shadow:none;border:10px solid #fdbe34;height:30px;width:30px;border-radius:50%;background:#000;cursor:pointer;-webkit-appearance:none;margin-top:-13.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:transparent}input[type=range]::-moz-range-track{width:100%;height:0px;cursor:pointer;box-shadow:none;background:transparent;border-radius:0;border:none}input[type=range]::-moz-range-thumb{box-shadow:none;border:10px solid #fdbe34;height:14px;width:14px;border-radius:50%;background:#000;cursor:pointer;-webkit-appearance:none;margin-top:-15px}input[type=range]::-ms-track{width:100%;height:8.4px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#2a6495;border:0.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000000, 0px 0px 1px #0d0d0d}input[type=range]::-ms-fill-upper{background:#3071a9;border:0.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000000, 0px 0px 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000000, 0px 0px 1px #0d0d0d;border:1px solid #000000;height:36px;width:16px;border-radius:3px;background:#ffffff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]:focus::-ms-fill-upper{background:#367ebd}hr{height:1px;display:block;border:none;background-color:white;margin-bottom:8px}#panelWind span{color:white;font-family:"CNN Travel";font-weight:bold;font-size:32px;margin:6px;display:block}#boatGame.isMobile #panelWheel,#boatGame.isMobile p#note,#boatGame.isMobile #dirBG,#boatGame.isMobile #powerBG{display:none}#boatGame.isMobile #controls{right:0;top:0;width:100%;height:100%;background-color:transparent}#boatGame.isMobile #map{background-size:cover;background-position:20% 100%}#boatGame.isMobile #controls:before{content:"";position:absolute;top:0;left:0;background-color:#595959;width:calc(100% - 70px);height:70px}#boatGame.isMobile #controls:after{content:"";position:absolute;top:70px;right:0;background-color:#595959;bottom:0;width:70px}#boatGame.isMobile{position:fixed}#boatGame.isMobile input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;box-shadow:none;background:white;border-radius:0;border:none}#boatGame.isMobile #panelWind{top:70px;left:0px;transform:scale(0.75);transform-origin:top left}#uiScale{position:fixed;bottom:0;left:0;width:100%;height:44px}#uiScale>div{position:relative;margin:auto;max-width:100vw;height:44px}#uiScale>div svg{position:absolute;bottom:10px;right:10px}#controls>#powerLine{position:absolute;width:64px;height:152px;top:186px;left:0px}#controls>#powerLine:before,#controls>#powerLine:after{font-size:12px;color:#c6c6c6;position:absolute;right:0}#controls>#powerLine:before{content:"Ahead";top:0}#controls>#powerLine:after{content:"Astern";bottom:0}#controls>#ruddrLine{position:absolute;width:60px;height:152px;top:186px;right:0px}#controls>#ruddrLine:before,#controls>#ruddrLine:after{font-size:18px;color:#c6c6c6;position:absolute;left:0}#controls>#ruddrLine:before{content:"+";top:-6px}#controls>#ruddrLine:after{content:"-";bottom:-6px}#controls>#ruddrLine>.mrk.mrkB{position:absolute;top:50%;line-height:0}#controls>#ruddrLine>.mrk.mrkB:before{content:"0"}#iconK{position:absolute;bottom:18px;left:0px;width:100%;height:22px;background-image:url(../images/kbIcons.png);background-size:contain;background-repeat:no-repeat;background-position:center center}#iconK:before{font-size:12px;color:#c6c6c6;text-align:center;top:-25px;position:relative;content:"Use your keyboard keys"}#iconK:after{content:"";position:relative;width:80%;height:1px;top:-49px;background-color:#7e7e7e;display:block;margin:auto}@keyframes snrBeam{0%{transform:scale(0);opacity:1}70%{transform:scale(1);opacity:0}100%{transform:scale(1);opacity:0}}#sonar{position:absolute;top:-10px;left:0px;width:0;height:0;z-index:0}#sonar>div{position:absolute;top:-50px;left:-50px;width:100px;height:100px;background-color:rgba(253,190,52,0.8);border-radius:50%;border:solid 1px rgba(255,255,255,0.5);animation-name:snrBeam;animation-duration:4s;animation-iteration-count:infinite;animation-fill-mode:forwards}#sonar>#sonarC1{animation-delay:0}#sonar>#sonarC2{animation-delay:0.5s}#sonar>#sonarC3{animation-delay:1s}#boatGame.isMobile #iconK{display:none}#boatGame.isMobile #uiScale{position:fixed;bottom:0;left:0;width:calc(100% - 70px)}#boatGame.isMobile #uiScale>div svg{left:auto;right:10px}#boatGame.isMobile .iNote{font-size:12px}#boatGame.isMobile #colInd>div.isInit{width:100%;max-width:420px;height:auto;background-image:none;padding-left:20px;top:0;margin-top:12px}#boatGame.isMobile #colInd>div.isInit h4{font-size:25px;font-weight:500}#boatGame.isMobile #colInd>div.isInit>div p{font-size:14px;line-height:1.2}#boatGame.isMobile #colInd>div .iNote{font-size:12px;line-height:1.25}#boatGame.isMobile #colInd>div button{margin:auto}#boatGame.isMobile #colInd button{margin:12px 3px 0}#boatGame.isMobile .stLine{position:absolute;width:100%;height:3px;background-color:white;display:flex}#boatGame.isMobile .stLine:before,#boatGame.isMobile .stLine:after{position:absolute;content:"";display:block;width:19px;height:19px;top:-8px;transform-origin:center center;background-image:url(../images/arrow.png);background-repeat:no-repeat;background-size:contain;background-position:center center}#boatGame.isMobile .stLine:before{left:-16px;transform:rotate(-90deg)}#boatGame.isMobile .stLine:after{right:-16px;transform:rotate(90deg)}#boatGame.isMobile .stLine>.mrk{position:relative;height:15px;width:2px;background-color:white;margin:-6px auto 0;left:-1px;border-radius:2px}#boatGame.isMobile .stLine>.mrkB{width:4px;left:-2px;border-radius:4px;height:24px;margin-top:-10px}#boatGame.isMobile .stLine>.xtLab{position:absolute;top:0;left:0;width:100%;height:100%}#boatGame.isMobile .stLine>.xtLab:before,#boatGame.isMobile .stLine>.xtLab:after{display:block;position:absolute;font-size:12px}#boatGame.isMobile #powerLine{transform-origin:top left;left:calc(100% - 32px);z-index:20;transform:rotate(-90deg);margin-left:-2px;height:3px}#boatGame.isMobile #powerLine:before,#boatGame.isMobile #powerLine:after{content:""}#boatGame.isMobile #powerLine:before{top:-8px}#boatGame.isMobile #powerLine:after{right:-15px}#boatGame.isMobile #ruddrLine{width:calc(100% - 190px);top:48px;left:90px;margin-top:-5px;height:3px}#boatGame.isMobile #ruddrLine>.xtLab:before{content:"-40%";left:-18px;top:-30px}#boatGame.isMobile #ruddrLine>.xtLab:after{content:"+40%";right:-18px;top:-30px}#boatGame.isMobile #ruddrLine>.mrkB:before{display:block;position:absolute;font-size:12px;content:"0";top:-25px;left:-1px}#boatGame.isMobile #ruddrLine>.mrk.mrkB{position:relative;line-height:0}#boatGame.isMobile #ruddrLine>.mrk.mrkB:before{top:-20px}#boatGame.isMobile #ruddrLine>.mrk.mrkB:after{left:auto}#boatGame.isMobile #ct_dir{width:calc(100% - 190px);top:45px;left:90px;transform:translateY(0) !important}#boatGame.isMobile input[type=range]::-webkit-slider-runnable-track{height:2px}#boatGame.isMobile #powerLB{top:18px;width:90px;text-align:left;left:10px;line-height:1.1}#boatGame.isMobile #dirLB{line-height:0;top:86px;color:white;right:53px;z-index:21;width:0;height:0}#boatGame.isMobile #ct_acc{transform-origin:top left;left:calc(100% - 33px);z-index:20}#boatGame.isMobile .powLBx{top:100px;z-index:12;width:20px;position:absolute;right:22px;height:calc(100% - 142px)}#boatGame.isMobile .powLBx:before,#boatGame.isMobile .powLBx:after{position:absolute;display:block;text-align:center;width:100%;font-size:24px}#boatGame.isMobile .powLBx:before{content:"+";top:0}#boatGame.isMobile .powLBx:after{content:"-";bottom:0}b.crds{font-weight:normal;color:#C6C6C6}#boatGame.isMobile #controls>#ruddrLine:after{left:auto}#boatGame.isMobile #controls>#ruddrLine:before{left:-16px;top:-8px}h4{line-height:1.2;font-weight:500;font-size:24px}

/*# sourceMappingURL=mainv3.css.map */