[data-elm-hot=true]{height:inherit}body{margin:0;text-align:center}body,html{height:100%}*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none}*,body{font-family:Chalkboard,Chalkboard SE,Verdana,Trebuchet MS,sans-serif}body{background-color:#f0f8ff;color:#333}.flex-column-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}button{background-color:#ff6f61;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background .2s;margin:10px}button:hover{background-color:#e14e3d}input,textarea{border:2px solid #ff6f61;border-radius:8px;padding:10px;font-size:1rem;margin-bottom:10px;width:100%}h1,h2{font-weight:700;color:#ff6f61;text-shadow:1px 1px #ffd7c4;padding:10px}@keyframes fizz{0%{transform:translateY(0);opacity:.9}50%{transform:translateY(-2px);opacity:1}to{transform:translateY(0);opacity:.9}}.soda-bubble{animation:fizz 2s ease-in-out infinite}.joystick{background:rgba(0,0,0,.2);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.4);position:relative}.joystick-nub{position:absolute;width:50%;height:50%;background:rgba(0,0,0,.1);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 3px 6px rgba(0,0,0,.3);transition:all .1s ease}.no-zoom{touch-action:none;user-select:none;-webkit-user-select:none}