.careu-root{--cell:clamp(23px,4.4vw,38px);font-family:system-ui,sans-serif;color:#172238;max-width:100%;margin:1.5rem 0}
.careu-root *{box-sizing:border-box}
.careu-root .careu-scroll{overflow-x:auto;padding:3px}
.careu-root .careu-grid{display:grid;width:max-content;border:2px solid #26334a;background:#26334a;gap:1px}
.careu-root .careu-cell{position:relative;width:var(--cell);height:var(--cell);background:white}
.careu-root .careu-block{background:#26334a}
.careu-root .careu-cell.active{background:#fce7a4}
.careu-root .careu-cell.selected{background:#bfe7f7}
.careu-root .careu-cell.wrong{background:#ffd0cb}
.careu-root .careu-cell input{border:0;background:transparent;width:100%;height:100%;font:600 calc(var(--cell)*.55)/1 system-ui;text-align:center;text-transform:uppercase;color:#172238;padding:7px 1px 0;outline-offset:-3px}
.careu-root .careu-num{position:absolute;top:1px;left:2px;font-size:10px;line-height:1;pointer-events:none}
.careu-root .careu-clues{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}
.careu-root .careu-clues button{display:block;border:0;background:none;text-align:left;padding:.3rem .5rem;width:100%;cursor:pointer;color:inherit;font:inherit}
.careu-root .careu-clues button.active{background:#d5eef9}
.careu-root .careu-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.careu-root .careu-actions button{cursor:pointer;padding:.5rem .8rem}
.careu-root .careu-status{min-height:1.4em}