body{height:100vh;margin:0;overflow-y:scroll}html{background:#eee;font-family:Arial,sans-serif}#preText{margin:0}pre{margin:0;font-size:10px}table,pre{font-size:10px}h1{text-align:center;margin:0 0 5px}.controls{background:#fff;border-radius:5px;gap:10px;padding:0 5px;display:flex}button.iconButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:1px solid #ccc;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:flex;cursor:pointer!important}button.iconButton:hover{background:#f3f4f6}#container{display:flex;position:relative}.controlsContainer{box-sizing:border-box;align-items:center;width:100%;margin:auto;padding:5px}.controls{align-items:center;padding:5px}#mainContainer{margin:auto}#info{gap:50px;padding:0 20px;font-family:monospace;display:flex;position:relative}#info>div{flex:1;min-height:400px}#scoreInfo{margin-bottom:15px}#keyControls{opacity:0;display:flex;position:absolute}.key.keyLeft,.key.keyRight,.key.keyUp,.key.keyDown{font-size:1.8em}.key{color:#fff;text-align:center;background:#212121cc;border:1px solid #666;border-radius:4px;width:48px;height:48px;padding:2px}.key.pressed{background:#640000cc}.empty{visibility:hidden}table{border-spacing:0 2px}table th{text-align:left}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:after{content:attr(data-tooltip);opacity:0;z-index:100;color:#000;background:#fff;border:1px solid #ccc;margin-left:5px;padding:5px;transition:opacity .15s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:2px 2px 5px #0000004d}[data-tooltip]:hover:after{opacity:1}#scoreInfo table,#scoreInfo th,#scoreInfo td{border-spacing:0;border:1px solid #ccc}.dropzone{cursor:pointer;border:2px dashed #ccc;margin-bottom:15px;padding:20px}#headerInfo{margin-bottom:5px}#exportToCsv{margin-bottom:15px;display:block}.dropzone.dragover{background:#4a90e21a;border-color:#4a90e2}.dropzone.error{border-color:#e74c3c}.dropzone-label{cursor:pointer}#mainContainer{width:960px}#container{min-height:360px}.iconButton{width:42px;height:42px}