.sd-intro{margin:-6px 0 18px;font-size:19px;color:var(--tinta-suave)}.sd-grade{width:min(100%,560px);margin:0 auto;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2.5px solid var(--marinho);background:#fff;container-type:inline-size;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sd-grade:focus{outline:none}.sd-grade:focus-visible{outline:3px solid var(--ouro);outline-offset:3px}.sd-c{position:relative;display:grid;place-items:center;min-width:0;padding:0;margin:0;border:0;border-right:1px solid #d9cba8;border-bottom:1px solid #d9cba8;background:transparent;font-family:var(--f-texto);font-size:7.2cqi;line-height:1;color:var(--caneta);cursor:pointer}.sd-c:nth-child(9n){border-right:0}.sd-c:nth-child(n+73){border-bottom:0}.sd-bd{border-right:2px solid var(--marinho)}.sd-bb{border-bottom:2px solid var(--marinho)}.sd-dado{color:var(--marinho);font-weight:700}.sd-meu{font-weight:500;color:#2f62ad}.sd-certa{color:var(--cz-certa);font-weight:700}.sd-rev{color:#7d6d55;font-weight:600}.sd-viz{background:#f6efdf}.sd-igual{background:#f1e2bd}.sd-sel{background:#ecc95e}.sd-erro{color:#c0561b;text-decoration:line-through;text-decoration-thickness:2px}.sd-rep:after{content:"";position:absolute;inset:2px;border:2px solid #c0392b;border-radius:2px;pointer-events:none}.sd-notas{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:1px}.sd-notas span{display:grid;place-items:center;font-size:2.5cqi;font-weight:600;color:#6e6452}.sd-teclado{display:grid;grid-template-columns:repeat(9,1fr);grid-gap:5px;gap:5px;margin-top:14px}.sd-tecla{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:56px;padding:4px 0;border:1.5px solid var(--ouro-claro);border-radius:3px;background:#fff;color:var(--marinho)!important;cursor:pointer}.sd-tecla strong{font-family:var(--f-titulo);font-size:26px;line-height:1}.sd-tecla small{font-size:13px;color:var(--tinta-suave);line-height:1}.sd-tecla:hover:not(:disabled){border-color:var(--ouro);background:var(--creme)}.sd-tecla:disabled{opacity:.35;cursor:default}.sd-tecla--nota strong{font-size:19px;font-family:var(--f-texto);color:#6e6452}.sd-ferramentas{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-top:10px}.sd-ferramentas .cp-btn{padding:6px 4px;font-size:16px}.sd-ativo{background:var(--marinho)!important;border-color:var(--marinho)!important;color:#fbf4e4!important}.sd-modo{font-size:16px;color:var(--tinta-suave)}.sd-lado .cp-progresso p strong{color:var(--ok)}.sd-regras{margin:0;padding:14px 20px 18px 40px;border-top:1px solid var(--linha);display:flex;flex-direction:column;gap:6px;font-size:17px;color:var(--tinta-suave)}.sd-regras li::marker{color:var(--ouro)}.cz--toque .sd-so-pc{display:none}@media (min-width:900px){.sd-corpo{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.sd-lado{padding-top:0}.sd-teclado{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:0}.sd-tecla{min-height:72px}.sd-tecla strong{font-size:32px}.sd-tecla small{font-size:14px}}@media (max-width:520px){.sd-intro{font-size:17px}.sd-tecla{min-height:52px}.sd-tecla strong{font-size:23px}.sd-ferramentas .cp-btn{font-size:15px;min-height:44px}.sd-regras{padding:12px 14px 14px 32px;font-size:16px}}