body,html{width:100%;height:100%;overflow:hidden;padding:0;margin:0;-webkit-text-size-adjust:none}#background{background-color:#000}.layer{position:absolute;top:0;left:0}#empire{opacity:.4}.river{stroke:#00f;fill:none}.wid1{stroke-width:3}.wid2{stroke-width:2.5}.wid3{stroke-width:2}.wid4{stroke-width:1.5}.wid5{stroke-width:1}.wid6{stroke-width:.5}.ariver{stroke:#88f;fill:none;stroke-dasharray:4;animation-name:flow;animation-duration:.5s;animation-iteration-count:infinite}@keyframes flow{0%{stroke-dashoffset:8}12%{stroke-dashoffset:7}25%{stroke-dashoffset:6}37%{stroke-dashoffset:5}50%{stroke-dashoffset:4}62%{stroke-dashoffset:3}75%{stroke-dashoffset:2}87%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}.ariver.wid4,.ariver.wid5{stroke:#ccf}.ariver.wid6{stroke:#fff}.visible{opacity:1;transition:opacity .5s linear}.hidden{opacity:0;transition:opacity .5s linear}.hud{position:fixed;border:4px solid #ff0;margin:.5rem;padding:.5rem;background:rgba(255,255,255,.8);font-family:Comic Sans MS,Verdana}#announce{left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:50%;height:30%;background-color:#ff8;border:4px ridge #ff4;text-align:center}#announcedone{position:fixed;bottom:5px}#whereami{left:0;bottom:0;width:12rem;height:5rem;border:4px ridge gray;border-radius:4px}#hudspeed{float:right}#hudpresentday{color:red;font-size:.8em}#refglobe{right:0;bottom:0;width:5rem;height:5rem}#menubtn{left:0;top:0;cursor:pointer;width:2rem;height:2rem;padding:0;font-size:2rem;font-family:arial;color:#000;font-weight:700;background-color:#ff0;border:3px outset #ff0}#menubtn:before{content:'\2630';position:relative;top:-.25em}#menu{left:0;top:0;width:15rem;height:9rem;background-color:#ff8;border:4px ridge #ff4}.tcenter{text-align:center}#score{right:0;top:0;width:5rem;height:2.5rem;text-align:right;border:4px ridge gray;border-radius:4px}#scorebox{right:0;top:2rem;width:10rem;height:5rem;background-color:#ff8;border:4px ridge #ff4;text-align:center}#time{left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);bottom:0;xwidth:5rem;xheight:1rem;text-align:center;font-family:Verdana;font-size:1.5rem;font-weight:700;border:4px ridge gray;border-radius:4px}@font-face{font-family:'Glass Gauge';src:url(GlassGauge.ttf)}#mapzoom{right:0;top:50%;width:2rem;height:7rem;padding:0;border:0}#mapzoom input{-webkit-appearance:slider-vertical;width:2rem;height:7rem}#timeslide{bottom:4rem;width:15rem;height:2rem;padding:0;border:0;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%)}#timeslide input{width:15rem;height:2rem}