.cascata{position:relative;flex:1;overflow:hidden;border-bottom:2px solid var(--acesa)}.bloco{position:absolute;border-radius:4px;background:#60a5fa;color:#06131f;font-size:13px;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;overflow:hidden}.bloco.preta{background:#3b82f6;color:#eff6ff}.bloco.transposta{outline:2px dashed #fbbf24;outline-offset:-2px}.linha-do-tempo{position:relative;height:34px;margin:8px 12px;background:#ffffff14;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.linha-do-tempo .marca{position:absolute;top:0;bottom:0;width:1px;background:#ffffff20}.linha-do-tempo .marca.forte{background:#ffffff40}.linha-do-tempo .trecho{position:absolute;top:0;bottom:0;background:#fbbf2433;border-left:2px solid #fbbf24;border-right:2px solid #fbbf24;pointer-events:none}.linha-do-tempo .agora{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--acesa);border-radius:2px;pointer-events:none}.linha-do-tempo .rotulo{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.75;pointer-events:none}.teclado{position:relative;width:100%;height:140px;-webkit-user-select:none;user-select:none}.tecla{position:absolute;top:0;border-radius:0 0 4px 4px;transition:background-color 60ms linear}.tecla.branca{height:100%;background:var(--branca);border:1px solid #0004;z-index:1}.tecla.preta{height:62%;background:var(--preta);border:1px solid #000;z-index:2}.tecla.acesa{background:var(--acesa)}.tecla.errada{background:#ef4444}:root{--fundo: #12131a;--texto: #e8e8f0;--branca: #f4f4f8;--preta: #23242c;--acesa: #4ade80;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font-family:system-ui,sans-serif;overflow:hidden}