.lake{position:relative;flex:0 1 300px;min-height:170px;border-radius:24px;overflow:hidden;background:linear-gradient(#2A0A1C 0 38%,#0F2A26 38% 100%);margin:0 14px}
.bob{position:absolute;left:50%;top:56%;width:26px;height:26px;margin-left:-13px;transition:top .2s}
.meterbar{position:relative;height:34px;border-radius:17px;background:var(--surf2);border:2px solid var(--ink);margin:14px 14px 0;overflow:hidden}
.meterbar .zone{position:absolute;top:0;bottom:0;background:var(--green);box-shadow:0 0 14px var(--green)}
.meterbar .mk{position:absolute;top:-2px;bottom:-2px;width:6px;margin-left:-3px;background:var(--ink);border-radius:3px}