body{flex-direction:column;align-items:center;min-width:1600px;margin:10px;font-size:12px;display:flex}h1{margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:40pt}.cell{border:.5px solid #eee;list-style:none}#app{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.row{flex-direction:row;align-items:flex-start;display:flex}.column{flex-direction:column;align-items:center;display:flex}button{color:#000;text-align:center;background-color:#b1d4e0;border:solid #fff;margin:5px;padding:10px 15px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}button:hover{background-color:#fff;border:solid #b1d4e0}button:disabled{color:#fff;background-color:#aaa;border:solid #aaa}.grid{box-sizing:border-box;flex-basis:content;background-color:#b1d4e0;margin:0;padding:0;display:grid}.grid.alert{box-shadow:inset 0 0 10px red}.description_bottom{flex-direction:row;align-items:flex-start;display:flex}.description_right{align-self:center;width:350px}.compass{width:200px}.story{width:1200px}.algae{width:200px}.ghost{border:none;display:none;position:absolute;top:-1000px}.ghost.visible{display:block}.bubble{cursor:move;background-color:#fff;border:2px solid #000;border-radius:50%;width:30px;height:30px;margin:0;position:absolute}.bubble.selected{box-shadow:0 0 15px #000}.bubble.moved{background-color:#ddd}.bubble .char{color:#000;-webkit-user-select:none;user-select:none;margin-top:4px;margin-left:10.4px;font-family:monospace;font-size:1.5em;position:absolute}.bubble .char-u{text-decoration:underline}.bubble[draggable=true]:hover{cursor:grab}.bubble[draggable=false]:hover{cursor:default}.rotated{transform:rotate(180deg)}.bubble_0{margin-top:-14px;margin-left:8px;position:absolute}.bubble_1{margin-top:-7.55635px;margin-left:23.5563px;position:absolute}.bubble_2{margin-top:8px;margin-left:30px;position:absolute}.bubble_3{margin-top:23.5563px;margin-left:23.5563px;position:absolute}.bubble_4{margin-top:30px;margin-left:8px;position:absolute}.bubble_5{margin-top:23.5563px;margin-left:-7.55635px;position:absolute}.bubble_6{margin-top:8px;margin-left:-14px;position:absolute}.bubble_7{margin-top:-7.55635px;margin-left:-7.55635px;position:absolute}.connector{background-color:#fff;border:2px solid #000;border-radius:50%;width:10px;height:10px;display:none}.active{display:block}