body,html{margin:0;padding:0;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background:#000}#panel{position:absolute;top:15px;left:0;width:100%;text-align:center;-webkit-transition:opacity .5s;transition:opacity .5s}#bottombar,#topbar{position:fixed;height:75px;left:0;right:0;text-align:center;font-size:28px;color:#fff;background-color:#9b59b6}#bottombar{bottom:0}#topbar{top:0;z-index:50}@media (max-width:400px){#locate span,#orient span{display:none}}@media (max-width:900px){#bottombar,#topbar{font-size:24px}}@media (max-width:500px){#bottombar,#topbar{font-size:16px}}#topbar.show #panel,#toptitle{opacity:0}#topbar.show #toptitle{opacity:1}#title,#toptitle{position:absolute;top:50%;width:100%;text-align:center;text-shadow:-1px -1px 0 #452452,1px -1px 0 #452452,-1px 1px 0 #452452,1px 1px 0 #452452;line-height:1.2;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;background-color:#713b87;color:#fff;text-shadow:none;cursor:pointer;display:inline-block;outline:0;border:none;vertical-align:baseline;padding:5px;border-radius:5px;font-size:18px}button:hover{background-color:#532c64}button span{padding:0 5px}.message{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;z-index:500;display:none;background:rgba(0,0,0,.7);font-size:28px;text-align:center;padding:15px 20px}.message.show{display:block}#locating{padding-top:5px}#locating span{font-size:1.5em}#locating span:nth-child(1){-webkit-animation:dota 2s infinite;animation:dota 2s infinite}#locating span:nth-child(2){-webkit-animation:dotb 2s infinite;animation:dotb 2s infinite}#locating span:nth-child(3){-webkit-animation:dotc 2s infinite;animation:dotc 2s infinite}@-webkit-keyframes dota{0%,to{opacity:0}25%,95%{opacity:1}}@keyframes dota{0%,to{opacity:0}25%,95%{opacity:1}}@-webkit-keyframes dotb{0%,to{opacity:0}50%,95%{opacity:1}}@keyframes dotb{0%,to{opacity:0}50%,95%{opacity:1}}@-webkit-keyframes dotc{0%,to{opacity:0}75%,95%{opacity:1}}@keyframes dotc{0%,to{opacity:0}75%,95%{opacity:1}}button img{height:32px;width:auto;vertical-align:middle}button.active{background:red;color:#fff}canvas,svg{position:fixed;top:75px;left:0;z-index:2;background:#000}svg.animate #hires{display:none}svg .dot,svg .point,svg text,svg tspan{fill:#fff;stroke:#000}svg .point{fill:red}svg .antipoint{fill:#f0f;stroke:#000}svg text,svg tspan{text-anchor:middle;font-weight:800;font-size:18px}canvas{z-index:1}.border{stroke-dasharray:3 3}.border,.coast{fill:none;stroke:#111}.animate canvas{z-index:3}.land1{fill:#006837}.land1:hover{fill:#004529}.ocean1{fill:#045a8d}.ocean1:hover{fill:#023858}.land2{fill:#238443}.land2:hover{fill:#006837}.ocean2{fill:#0570b0}.ocean2:hover{fill:#045a8d}.land3{fill:#41ab5d}.land3:hover{fill:#238443}.ocean3{fill:#3690c0}.ocean3:hover{fill:#0570b0}.land4{fill:#78c679}.land4:hover{fill:#41ab5d}.ocean4{fill:#74a9cf}.ocean4:hover{fill:#3690c0}.land5{fill:#addd8e}.land5:hover{fill:#78c679}.ocean5{fill:#a6bddb}.ocean5:hover{fill:#74a9cf}.land6{fill:#d9f0a3}.land6:hover{fill:#addd8e}.ocean6{fill:#d0d1e6}.ocean6:hover{fill:#a6bddb}.land7{fill:#f7fcb9}.land7:hover{fill:#d9f0a3}.ocean7{fill:#ece7f2}.ocean7:hover{fill:#d0d1e6}.land8{fill:#ffffe5}.land8:hover{fill:#f7fcb9}.ocean8{fill:#fff7fb}.ocean8:hover{fill:#ece7f2}