*{margin:0;padding:0;box-sizing:border-box}body{background:#0b1220;color:#f8fafc;font-family:system-ui,sans-serif;overflow:hidden}.tablero{display:grid;grid-template-rows:1fr auto;height:100vh;padding:4vh 4vw;position:relative}.actual{display:grid;place-content:center;text-align:center}.codigo{font-size:22vw;font-weight:800;line-height:.9;letter-spacing:-.02em}.puesto{font-size:6vw;color:#38bdf8;margin-top:2vh}.vacio{font-size:8vw;color:#475569}.anteriores{display:flex;gap:2vw;justify-content:center;border-top:2px solid #1e293b;padding-top:3vh}.anterior{display:grid;text-align:center;opacity:.55}.codigo-chico{font-size:4vw;font-weight:700}.puesto-chico{font-size:1.6vw;color:#94a3b8}.arranque{display:grid;place-content:center;gap:24px;height:100vh;text-align:center}.arranque h1{font-size:5vw}.arranque button{padding:24px 48px;font-size:28px;font-weight:700;border:none;border-radius:12px;background:#0369a1;color:#fff;cursor:pointer}.arranque p{color:#64748b;font-size:18px}.debug{position:absolute;bottom:1vh;left:1.5vw;font-size:13px;color:#64748b;font-family:ui-monospace,monospace}.mudo{position:absolute;top:1.5vh;right:1.5vw;width:1vw;height:1vw;min-width:12px;min-height:12px;border-radius:50%;background:#f59e0b}