html,body{margin:0;padding:0;width:100%;height:100%;font-family:Open Sans,sans-serif;font-size:14px;overscroll-behavior:none}h1{margin-top:0}h3{margin:0;padding:.5rem;text-align:left}h4{margin-bottom:0}#parent{margin-bottom:3rem;touch-action:none}.content{width:600px;margin:0 auto;text-align:center}.panel{border:1px solid #c0c0c0;border-radius:5px}.panel-header{background:#e0e0e0;border-bottom:1px solid #c0c0c0}.panel-footer{border-top:1px solid #c0c0c0;padding:.2rem 0;margin-top:2rem;font-size:smaller}.info{width:20rem;margin:0 auto;text-align:initial}canvas{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;touch-action:none;-webkit-user-select:none;user-select:none}.info-btn{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#00000080;color:#fff;font-weight:700;font-family:inherit;cursor:pointer;z-index:10000}.info-btn:focus{outline:none}.info-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#00000080;z-index:10001;touch-action:auto}.info-card{background:#111;color:#fff;border:1px solid #444;border-radius:8px;padding:12px 16px;width:min(90vw,420px);max-height:80vh;overflow:auto;box-shadow:0 6px 24px #0009}.info-card h3{margin:0 0 8px;font-size:1rem}.info-card h4{margin:12px 0 4px;font-size:.95rem}.info-card ul{margin:0 0 8px 16px;padding:0}.info-card li{margin:4px 0}.info-close{position:absolute;top:8px;right:8px;background:transparent;color:#fff;border:none;font-size:20px;cursor:pointer}