*{box-sizing:border-box}body{margin:0;background:#f7f6f0;color:#282e29;font:15px/1.5 system-ui,sans-serif}header{height:82px;border-bottom:1px solid #dcded4;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.marca{font-size:29px;letter-spacing:-1.5px;font-weight:750;text-decoration:none;color:inherit}.marca span{font-size:10px;letter-spacing:2px;margin-left:22px;color:#6e766a}.estado{border:1px solid #c4cabf;padding:6px 12px;border-radius:20px;font-size:12px}.estado[data-conectado=true]{background:#e3eddf;color:#315f39}main{max-width:1280px;margin:auto;padding:42px 36px 20px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:20px}.ceja{letter-spacing:2px;font-size:10px;color:#747c6c;margin:0}h1{font-size:clamp(26px,3.5vw,42px);line-height:1.2;letter-spacing:-1.6px;margin:12px 0}p{color:#73796e;margin:10px 0}button{cursor:pointer;background:#303f30;color:white;border:1px solid #303f30;border-radius:5px;padding:11px 16px;font:inherit;font-size:13px}button:disabled{opacity:.5;cursor:default}#copiar{background:transparent;color:#303f30}form{margin:28px 0 18px;display:flex;align-items:end;gap:12px}label{font-size:11px;color:#626a5d}input{display:block;border:1px solid #c3c9ba;border-radius:4px;background:#fffef9;padding:10px;font:inherit;width:210px}#personas{margin:auto 0 auto auto;font-size:12px;color:#5b6657}#tablero{position:relative;width:100%;aspect-ratio:5/3;border:1px solid #cbd0c2;border-radius:5px;background-color:#edf0e6;background-image:radial-gradient(#bdc5b3 .8px,transparent .8px);background-size:20px 20px;overflow:hidden;touch-action:none}.plano,#cursores{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.nota-tablero,.escala{position:absolute;font-size:9px;letter-spacing:1.5px;color:#76836c;left:22px;top:19px}.escala{top:auto;bottom:18px;left:auto;right:22px}.cursor{position:absolute;left:0;top:0;pointer-events:none;will-change:left,top;z-index:2}.cursor svg{width:20px;height:26px;display:block;filter:drop-shadow(0 1px 1px #fff)}.cursor span{position:absolute;top:22px;left:12px;white-space:nowrap;font-size:11px;color:white;background:var(--color);padding:3px 8px;border-radius:3px}footer{display:flex;justify-content:space-between;gap:16px;margin:12px 0;font-size:10px;color:#7b8275}#aviso{font-size:12px;margin-top:22px}button:focus-visible,input:focus-visible,#tablero:focus-visible{outline:3px solid #ae925e;outline-offset:3px}@media(max-width:650px){main{padding:26px 18px}.cabecera{display:block}#copiar{margin-top:10px}form{flex-wrap:wrap}#personas{width:100%;margin:0}#tablero{aspect-ratio:5/4}footer{flex-direction:column;gap:3px}}